@charset "UTF-8";
 html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
display: block;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
*,
*::before,
*::after{box-sizing:border-box; outline: none; margin: 0; padding: 0;}
a{text-decoration:none; cursor:pointer; outline: none;}
button{background-color:transparent; color:inherit; border-width:0; padding:0; cursor:pointer;}
figure{margin:0;}
input::-moz-focus-inner {border:0; padding:0; margin:0;}
ul, ol, dd, li {margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5, h6{margin:0; font-size:inherit; font-weight:inherit;}
p{margin:0;}
cite {font-style:normal;}
fieldset{border-width:0; padding:0; margin:0;}
.grecaptcha-badge { visibility: hidden; } .cls-1 {
fill: #1a235a;
fill-rule: evenodd; }
.cls-2 {
fill: #009fe3;
fill-rule: evenodd; }
.cls-3 {
fill: #878787;
fill-rule: evenodd; }
.cls-4 {
fill: #ccc;
fill-rule: evenodd; }
.cls-5 {
fill: #fff;
fill-rule: evenodd; }
.cls-6 {
fill: #00f7b4;
fill-rule: evenodd; }
.cls-7 {
fill: #ff4949;
fill-rule: evenodd; }
.cls-8 {
fill: #2294f2;
fill-rule: evenodd; }
.cls-9 {
fill: #3065b5;
fill-rule: evenodd; }
.cls-10 {
fill: #1077f2;
fill-rule: evenodd; }
.cls-11 {
fill: #c9c9c9;
fill-rule: evenodd; }  #content_podstrony.slick-slider {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
-webkit-touch-callout: auto;
-khtml-user-select: auto;
}
body {
color: #1a235a;
background-color: #fff; }
p, li {
color: #1a235a;
font: 400 16px/32px 'Manrope', sans-serif; }
a {
color: #009fe3; }
::-moz-placeholder {
color: #fff;
opacity: 1; }
:-ms-input-placeholder {
color: #fff;
opacity: 1; }
::placeholder {
color: #fff;
opacity: 1; }
:-ms-input-placeholder { color: #fff; }
::-ms-input-placeholder { color: #fff; }
input,
select,
textarea {
background-color: #0078bd;
border: none;
border-left: 3px solid #fff;
border-bottom: 3px solid #fff;
width: 100%;
height: 100%;
font: 400 16px/20px 'Manrope', sans-serif;
padding: 0 50px;
color: #fff;
transition: all 0.3s; }
textarea {
padding: 20px 50px; }
input:hover,
input:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {
background-color: #114684; }
#content_podstrony ul,
#content_podstrony ol {
margin: 0 0 40px 0;
overflow: auto; }
#content_podstrony ol ul,
#content_podstrony ol ol,
#content_podstrony ul ul,
#content_podstrony ul ol {
margin: 15px 0 0 0; }
#content_podstrony li {
margin-bottom: 12px;
padding-left: 25px;
position: relative; }
#content_podstrony ul > li:before {
position: absolute;
content: '';
height: 5px;
width: 5px;
border-radius: 100%;
background: #009fe3;
left: 0;
top: 14px; }
#content_podstrony ul > li:last-of-type,
#content_podstrony ol > li:last-of-type {
margin-bottom: 0; }
#content_podstrony ol > li {
list-style-type: decimal;
margin-left: 20px;
padding-left: 10px; }
strong {
font-weight: 800; }
#content_podstrony {
width: 100%;
max-width: 1920px;
margin: 0 auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
overflow: hidden; }
.slide_oferta {
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 100%; }
.container {
width: 1500px; }
.wiersz {
display: flex;
justify-content: space-between; }
.wiersz p,
#parallax .kolumna4 p {
margin: 0 0 30px;
text-align: justify; }
.wiersz .kolumna2 p:last-of-type,
#parallax .kolumna4 p:last-of-type {
margin-bottom: 0; }
.kolumna {
width: 100%; }
.kolumna1 {
width: 917px; }
.kolumna2 {
width: 480px; }
.kolumna3 {
width: 960px; }
.kolumna4 {
width: 830px;
padding-right: 160px; }
.kolumna5 {
width: 670px; }
.kolumna6 {
width: 570px; }
.kolumna7 {
width: 700px; }
.kolumna8 {
width: 40%; }
.kolumna9 {
width: 60%; }
.kolumna_border {
border: 3px solid #f6f6f6;
padding: 60px 80px; }
.ozdobnik {
position: absolute;
top: 0;
background-color: #f6f6f6;
width: 90px; }
.naglowek_1 {
font: 800 80px/90px 'Manrope', sans-serif; }
.naglowek_1 span,
.naglowek_2 span,
.naglowek_4 span {
color: #009fe3; }
.naglowek_2 {
font: 800 50px/64px 'Manrope', sans-serif; }
.naglowek_3 {
font: 800 27px/44px 'Manrope', sans-serif; }
.naglowek_4 {
font: 800 38px/60px 'Manrope', sans-serif; }
.naglowek_4 span {
font: 800 66px/80px 'Manrope', sans-serif; }
.naglowek_5 {
font: 800 20px/26px 'Manrope', sans-serif; } .btn {
display: inline-block;
color: #fff;
text-transform: uppercase;
font: 700 14px/14px 'Manrope', sans-serif;
letter-spacing: 1px;
border: 3px solid #fff;
padding: 18px 80px 18px 35px;
position: relative;
box-shadow: 18px 18px 6px 0 rgba(0, 0, 0, 0);
transition: all 0.3s; }
.btn:hover {
background-color: #009fe3;
border-color: #009fe3;
box-shadow: 18px 18px 6px 0 rgba(0, 0, 0, 0.3); }
.btn .arrow_poziom {
position: absolute;
top: 50%;
right: 35px;
transform: translate(0, -50%);
width: 23px;
transition: all 0.3s; }
.btn:hover .arrow_poziom {
right: 25px; }
.btn .arrow_pion {
width: 20px;
position: absolute;
top: 50%;
right: 35px;
transform: translate(0, -50%) rotate(180deg); }
.btn:after {
content: '';
position: absolute;
top: 15px;
left: 15px;
width: 100%;
height: 100%;
box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.25), 0 0 12px 0 rgba(0, 0, 0, 0.25);
transition: all 0.3s; }
.btn:hover:after {
box-shadow: none; }
.btn_blue {
border-color: #009fe3;
color: #009fe3; }
.btn_blue:hover {
color: #fff; }
.btn_blue .cls-2 {
transition: all 0.3s; }
.btn_blue:hover .cls-2 {
fill: #fff; }
.btn2 {
display: inline-flex;
align-items: center;
text-transform: uppercase;
font: 700 15px/15px 'Manrope', sans-serif;
letter-spacing: 1px;
transition: all 0.3s; }
.btn2:hover {
color: #fff !important; }
.btn2 .arrow_poziom {
width: 15px;
flex: 0 0 auto;
margin: 0 35px 0 0;
transition: all 0.3s; }
.btn2:hover .arrow_poziom {
margin: 0 20px 0 15px; }
.btn3 {
padding: 18px 25px; } .breadcrumps {
position: absolute;
left: 90px;
top: 25px;
height: 40px;
display: flex;
align-items: center;
justify-content: flex-start;
z-index: 1; }
.breadcrumps .home,
.breadcrumps .pole {
height: 100%;
background-color: #1a235a;
color: #fff;
font: 400 16px/32px 'Manrope', sans-serif;
padding: 0 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer; }
.breadcrumps .active {
font: 400 22px/32px 'Manrope', sans-serif;
background-color: #009fe3; } header {
width: 100%;
max-width: 1920px;
margin: 0 auto;
display: flex;
justify-content: space-between;
position: relative;
z-index: 5; }
header .header_lewy {
width: calc(100% / 3);
padding: 50px 80px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff; }
header .logo,
header .logo_top {
width: 223px; }
header .logo {
height: 56px; }
.ikony_social {
display: flex;
align-items: center; }
.ikony_social a {
width: 26px; }
.ikony_social a:nth-of-type(2) {
margin: 0 25px; }
.ikony_social a svg {
width: 100%; }
.ikony_social a svg .cls-4 {
transition: all 0.3s; }
.ikony_social a:first-of-type:hover .cls-4 {
fill: #1077f2; }
.ikony_social a:nth-of-type(2):hover .cls-4 {
fill: #2294f2; }
.ikony_social a:nth-of-type(3):hover .cls-4 {
fill: #3065b5; }
header .header_prawy {
width: calc((100% / 3) * 2);
padding: 0 70px;
background-color: #f6f6f6;
display: flex;
flex-direction: column;
align-items: flex-end; }
header .header_gora {
display: flex;
align-items: center;
margin: 25px 0 20px; }
#szukajka_lupa {
display: none;
margin: 3px 25px 0 0;
cursor: pointer; }
#szukajka_lupa .ico_lupa {
width: 19px; }
header .kontakt {
display: flex;
align-items: center; }
header .kontakt_tel {
margin: 0 30px 0 0; }
header .kontakt span {
color: #1a235a;
font: 400 15px/19px 'Manrope', sans-serif; }
header .kontakt svg {
width: 25px;
margin: 0 10px 0 0; }
header .header_separator {
width: 1px;
height: 15px;
background-color: #dedede;
margin: 0 40px;
flex: 0 0 auto; }
.szukajka form {
display: flex;
align-items: center; }
.szukajka input {
width: 120px;
padding: 0;
margin: 0 20px 0 0;
background-color: #f6f6f6;
color: #a0a0a0;
letter-spacing: 1px;
border: none; }
.szukajka ::-moz-placeholder {
color: #a0a0a0;
opacity: 1; }
.szukajka :-ms-input-placeholder {
color: #a0a0a0;
opacity: 1; }
.szukajka ::placeholder {
color: #a0a0a0;
opacity: 1; }
.szukajka :-ms-input-placeholder { color: #a0a0a0; }
.szukajka ::-ms-input-placeholder { color: #a0a0a0; }
.szukajka .ico_lupa {
width: 21px; }
.szukajka .ico_lupa .cls-2,
#header_jezyki .ico_ptaszek .cls-2 {
transition: all 0.3s; }
.szukajka .ico_lupa:hover .cls-2,
#header_jezyki div:hover .cls-2,
#header_jezyki.open div .cls-2 {
fill: #1a235a; }
#header_jezyki {
position: relative;
z-index: 1; }
#header_jezyki div {
padding: 10px;
display: flex;
align-items: center;
color: #a0a0a0;
font: 600 16px/20px 'Manrope', sans-serif;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s; }
#header_jezyki div:hover,
#header_jezyki.open div,
#header_jezyki ul li a:hover {
color: #1a235a; }
#header_jezyki.open div {
background-color: #fff; }
#header_jezyki .ico_ptaszek {
width: 13px;
margin: 0 0 0 10px;
transition: all 0.3s; }
#header_jezyki.open .ico_ptaszek {
transform: rotate(180deg); }
#header_jezyki ul {
display: none;
width: 100%;
background-color: #fff;
position: absolute;
left: 0;
bottom: 1px;
transform: translate(0, 100%); }
#header_jezyki ul li a {
display: inline-block;
margin: 0 10px 10px;
font: 600 16px/16px 'Manrope', sans-serif;
color: #009fe3;
transition: all 0.3s; } #hamburger {
display: none;
transition: all 0.3s ease-in-out;
width: 34px;
margin: 0 0 0 20px; }
#hamburger.is-active {
transform: rotate(90deg); }
#hamburger.is-active .line:nth-child(1),
#hamburger.is-active .line:nth-child(3) {
width: 22px; }
#hamburger:hover {
cursor: pointer; }
#hamburger .line {
width: 34px;
height: 3px;
background-color: #009fe3;
display: block;
margin: 6px auto;
transition: all 0.3s ease-in-out; } #overlay {
display: none;
position: fixed;
top: 64px;
right: -100%;
width: 100%;
height: 100%;
visibility: visible;
z-index: 4;
overflow: hidden;
background-color: #fff;
padding: 0 0 40px;
transition: all 0.3s; }
#overlay.open {
right: 0; }
#menu-mobile {
overflow-x: hidden;
height: 100%;
width: 100%;
position: relative;
right: -100%;
z-index: 4;
color: #fff;
transition: all 0.3s; }
#menu-mobile.open {
right: 0; }
#menu-mobile .menu1 {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 30px 0; }
#menu-mobile .menu1 > li {
position: relative;
width: calc(100% - 20px);
margin: 0 0 0 20px; }
#menu-mobile ul li a {
color: #1a235a;
font: 600 20px/20px 'Manrope', sans-serif;
padding: 10px 0;
display: block;
margin: 0 75px 0 0;
transition: all 0.3s; }
#menu-mobile ul li a.active,
#menu-mobile ul li a:hover {
color: #00a4ff; }
#menu-mobile .menu2 {
display: none;
transform: translate(0, 0);
position: relative;
left: 0;
padding: 10px 25px 10px 50px;
width: calc(100% + 25px);
margin: 0 0 0 -25px;
background-color: #f8f8f8; }
#menu-mobile .menu2 li a {
font: 600 16px/16px 'Manrope', sans-serif;
padding: 10px 0;
margin: 0;
text-transform: none; }
#menu-mobile .menu2.open {
display: block; }
#menu-mobile .menu_plus {
height: 28px;
width: 28px;
padding: 2px 11px;
position: absolute;
right: 25px;
top: 5px;
cursor: pointer;
background: #009fe3;
border-radius: 100%;
display: inline-block; }
#menu-mobile .menu_plus:after {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
content: '';
width: 17px;
height: 3px;
background: #fff; }
#menu-mobile .menu_plus:before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
content: '';
width: 3px;
height: 17px;
background: #fff;
display: block;
transition: all 0.3s; }
#menu-mobile .menu_plus.active:after {
background: #fff !important; }
#menu-mobile .menu_plus.active:before {
height: 3px;
background: #fff !important; }
#overlay .szukajka {
display: none; } #header_menu .menu {
display: flex;
align-items: center; }
#header_menu .menu > li {
position: relative;
margin: 0 0 0 30px; }
#header_menu .menu > li:first-of-type {
margin: 0; }
#header_menu .menu > li > a {
display: inline-block;
color: #1a235a;
font: 600 18px/24px 'Manrope', sans-serif;
letter-spacing: 1px;
padding: 15px 23px 25px;
border: 4px solid transparent;
transition: all .3s; }
#header_menu .menu > li > a:hover,
#header_menu .menu > li > a.active,
#header_menu .menu > li:hover > a {
color: #009fe3; }
#header_menu .menu > li > a.active {
border-color: #fff; }
#header_menu .menu2 {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
position: absolute;
z-index: -1;
left: 0;
bottom: 1px;
transform: translate(0, 0);
width: 330px;
padding: 40px;
background-color: #fff;
transition: all 0.4s; }
#header_menu .menu > li:hover .menu2 {
box-shadow: 15px 22px 32px 0 rgba(0, 0, 0, 0.27);
transform: translate(0, 100%); }
#header_menu .menu2 > li {
position: relative;
margin: 0 0 20px;
width: 100%;
font: menu; }
#header_menu .menu2 > li:last-of-type {
margin: 0; }
#header_menu .menu2 > li > a {
display: inline-block;
color: #1a235a;
font: 500 15px/22px 'Manrope', sans-serif;
transition: all 0.3s; }
#header_menu .menu2 > li > a span {
font-weight: 800; }
#header_menu .menu2 > li > a:hover,
#header_menu .menu2 > li > a.active {
color: #009fe3; } #main_oferta {
width: 100%;
max-width: 1920px;
margin: 0 auto;
height: calc(100vh - 157px);
background: url(//jitlogistics.eu/wp-content/uploads/2022/03/slide_home.jpg) no-repeat center fixed;
background-size: cover;
display: flex; }
#main_oferta .content_box_oferta {
width: calc(100% / 3);
height: 100%; }
#main_oferta .box_oferta {
background-color: rgba(26, 35, 90, 0.7);
padding: 10vh 95px;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
transition: background-color 0.3s; }
#main_oferta .box_oferta2 {
background-color: rgba(54, 65, 129, 0.7); }
#main_oferta .box_oferta:hover {
background-color: #1a235a; }
#main_oferta .box_oferta2:hover {
background-color: #364181; }
#main_oferta .ikona,
#footer_oferta .ikona {
width: 74px;
flex: 0 0 auto; }
#main_oferta .ikona {
padding: 0 0 40px;
transition: all 0.3s; }
#main_oferta .box_oferta:hover .ikona {
padding: 20px 0 20px; }
#main_oferta .tytul {
text-align: center;
color: #fff;
font: 800 56px/58px 'Manrope', sans-serif;
margin: 0 0 30px; }
#main_oferta .zajawka {
height: 175px;
flex: 0 0 auto; }
#main_oferta .zajawka p {
text-align: center;
color: #fff;
font: 300 17px/30px 'Manrope', sans-serif;
letter-spacing: 1px; }
#main_oferta .box_oferta:nth-of-type(1) .zajawka p {
margin: 0 0 35px; }
#main_oferta .link_tel {
color: #fff;
font: 800 37px/35px 'Manrope', sans-serif;
display: flex;
align-items: flex-start;
justify-content: center; }
#main_oferta .link_tel span {
font: 800 22px/28px 'Manrope', sans-serif;
margin: 0 10px 0 0; }
#main_oferta .btn {
margin: 0 0 75px; }
#main_oferta .zb_linkow {
display: flex;
flex-direction: column; }
#main_oferta .zb_linkow .btn2:first-of-type {
margin: 0 0 20px; }
#main_oferta .box_oferta:nth-of-type(1) .btn2 {
color: #06b0f2; }
#main_oferta .box_oferta:nth-of-type(2) .btn2,
#footer_oferta .kolumna4 .btn2 {
color: #00f7b4; }
#main_oferta .box_oferta:nth-of-type(3) .btn2,
#footer_oferta .kolumna5 .btn2 {
color: #ff4949; } footer {
width: 100%;
max-width: 1920px;
margin: 0 auto; }
footer .zb_boxow {
display: flex; }
footer .footer_box {
width: calc(100% / 3);
padding: 60px 90px 20px; }
.footer_box_1 {
background-color: #f6f6f6; }
.footer_box_1 .tytul {
color: #1a235a;
font: 800 30px/36px 'Manrope', sans-serif;
margin: 0 0 90px; }
.footer_box_1 .link_transport {
display: flex;
align-items: center; }
.footer_box_1 .link_transport svg {
width: 35px;
margin: 0 25px 0 0;
flex: 0 0 auto;
transition: all 0.3s; }
.footer_box_1 .link_transport:hover svg,
.footer_box_1 .link_transport.active svg {
margin: 0 15px 0 10px; }
.footer_box_1 .link_transport .naglowek_5 {
font-weight: 500;
line-height: 34px;
transition: all 0.3s; }
.footer_box_1 .link_transport:hover p,
.footer_box_1 .link_transport.active p {
color: #009fe3; }
.footer_box_1 .link_transport span {
font-weight: 800; }
.footer_box_1 .footer_separator,
.footer_box_3 .footer_separator {
width: 100%;
height: 1px;
background-color: #ddd;
margin: 30px 0; }
.footer_box_2 {
display: flex;
flex-direction: column;
align-items: center; }
.footer_box_2 .logo_pion {
width: 75px;
margin: 0 0 35px; }
.footer_box_2 .nazwa_firmy {
text-align: center;
color: #1a235a;
font: 800 30px/36px 'Manrope', sans-serif;
margin: 0 0 15px; }
.footer_box_2 .link_adres {
color: #1a235a;
display: block;
font: 400 17px/30px 'Manrope', sans-serif;
text-align: center; }
.footer_box_2 .link_adres:nth-of-type(1) {
margin: 0 0 5px; }
.footer_box_2 .link_adres:nth-of-type(2) {
margin: 0 0 40px; }
.footer_box_2 .link_adres span {
color: #009fe3;
text-transform: uppercase;
font-weight: 800; }
.footer_box_2 .ico_tel,
.footer_box_2 .ico_mail {
width: 40px;
margin: 0 0 5px; }
.footer_box_2 .link_telefon {
display: inline-flex;
align-items: center;
color: #1a235a;
font: 800 24px/32px 'Manrope', sans-serif;
margin: 0 0 5px; }
.footer_box_2 .link_telefon span {
color: #009fe3;
text-transform: uppercase;
font: 800 17px/32px 'Manrope', sans-serif; }
.footer_box_2 .link_telefon:nth-of-type(2) {
margin: 0 0 40px; }
.footer_box_2 .link_mail {
display: inline-flex;
align-items: center;
font: 800 17px/32px 'Manrope', sans-serif;
color: #1a235a;
margin: 0 0 50px; }
.footer_box_2 .link_mail span {
color: #009fe3;
text-transform: uppercase; }
.footer_box_2 .ikony_social a {
width: 32px; }
.footer_box_3 {
border-left: 1px solid #ddd; }
#footer_menu {
display: flex;
flex-direction: column;
align-items: center; }
#footer_menu li {
text-align: center;
margin: 0 0 15px;
font: menu; }
#footer_menu a {
text-align: center;
font: 800 20px/30px 'Manrope', sans-serif;
color: #1a235a;
transition: all 0.3s; }
#footer_menu a:hover,
#footer_menu a.active {
color: #009fe3; }
#formularz_footer .tytul {
font: 400 17px/32px 'Manrope', sans-serif;
margin: 0 0 20px; }
#formularz_footer .tytul span {
font-weight: 800; }
#formularz_footer .f_input {
width: calc(100% - 130px);
height: 56px; }
#formularz_footer .f_input input {
color: #a0a0a0;
border: 1px solid #ddd;
padding: 0 25px;
background-color: transparent; }
#formularz_footer .f_input input:hover,
#formularz_footer .f_input input:focus {
border-color: #009fe3; }
#formularz_footer input::-moz-placeholder {
color: #a0a0a0;
opacity: 1; }
#formularz_footer input:-ms-input-placeholder {
color: #a0a0a0;
opacity: 1; }
#formularz_footer input::placeholder {
color: #a0a0a0;
opacity: 1; }
#formularz_footer input:-ms-input-placeholder { color: #a0a0a0; }
#formularz_footer input::-ms-input-placeholder { color: #a0a0a0; }
#formularz_footer form {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
#formularz_footer .zgoda {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 30px 0 20px;
cursor: pointer; }
#formularz_footer .zgoda input {
width: 20px;
height: 20px;
margin: 2px 0 0;
flex: 0 0 auto;
border: 1px solid #ddd;
cursor: pointer;
background-color: #fff; }
#formularz_footer .zgoda .form_text_small {
color: #626262;
font: 400 12px/18px 'Manrope', sans-serif;
padding: 0 0 0 20px;
cursor: pointer; }
#formularz_footer .wymagane {
color: #626262;
font: 400 14px/18px 'Manrope', sans-serif; }
footer .footer_stopka {
display: flex;
justify-content: space-between;
width: 100%; }
.footer_stopka .stopka_lewa {
background-color: #f6f6f6;
width: calc(100% / 3);
padding: 0 90px 20px; }
.footer_stopka .stopka_prawa {
width: calc(100% / 3);
text-align: right;
padding: 0 90px 20px;
border-left: 1px solid #ddd; }
.footer_stopka .stopka_srodek {
width: calc(100% /3);
padding: 0 10px 10px;
}
.footer_stopka .text {
display: block;	
color: #9b9b9b;
font: 400 10px/12px 'Manrope', sans-serif; }
.footer_stopka .text a {
color: #9b9b9b;
}
#footer_oferta {
position: relative;
width: 100%;
display: flex;
justify-content: center; }
#footer_oferta .tlo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex; }
#footer_oferta .tlo div {
height: 100%; }
#footer_oferta .kolor1 {
width: 54%;
background-color: #2c3874; }
#footer_oferta .kolor2 {
width: 46%;
background-color: #1a235a; }
#footer_oferta .container {
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
#footer_oferta .container > div {
padding-top: 120px;
padding-bottom: 100px; }
#footer_oferta .kolumna4 {
background-color: #2c3874; }
#footer_oferta .kolumna5 {
background-color: #1a235a;
padding-left: 120px; }
#footer_oferta .tytul {
color: #fff;
font: 800 46px/50px 'Manrope', sans-serif;
margin: 0 0 35px; }
#footer_oferta .zajawka p {
color: #fff;
font: 400 17px/30px 'Manrope', sans-serif;
height: 90px;
margin: 0 0 40px; }
#footer_oferta .btn {
margin: 0 0 60px; }
#footer_oferta .zb_linkow {
display: flex; }
#footer_oferta .ikona {
margin: 0 35px 0 0; }
#footer_oferta .zb_linkow div {
display: flex;
flex-direction: column;
padding: 10px 0;
justify-content: space-between;
align-items: flex-start; } #totop {
cursor: pointer;
position: fixed;
right: 30px;
bottom: 40px;
width: 60px;
height: 60px;
border-radius: 100%;
background-color: #009fe3;
z-index: 3;
box-shadow: 0 13px 13px 0 rgba(0, 0, 0, 0.12);
transition: all 0.3s;
display: none; }
#totop:hover {
background-color: #2c3874; }
#totop svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px; }
#totop .cls-5 {
transition: all 0.3s; }
#totop:hover .cls-5 {
fill: #009fe3; } .podstrona_top {
width: 100%;
height: calc(100vh - 157px);
max-height: 782px;
position: relative;
display: flex;
justify-content: center; }
.podstrona_top img {
width: calc((100% / 3) * 2);
-o-object-fit: cover;
object-fit: cover;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: -1; }
.podstrona_top .container {
position: relative;
display: flex;
align-items: center;
justify-content: space-between; }
.podstrona_top .tresc {
width: 570px; }
.podstrona_top.oferta .tresc {
width: 800px;
margin: 0 130px 0 0;
flex: 0 0 auto; }
.podstrona_top .naglowek_1 {
margin: 0 0 50px; }
.podstrona_top p {
margin: 0 0 30px; }
.podstrona_top .tresc .tel {
font-weight: 800;
color: #1a235a; }
.podstrona_top .tresc .mail {
color: #009fe3; }
.podstrona_top .tresc .btn {
margin: 20px 0 0; }
.todown,
.btn4 {
height: 35px;
color: #009fe3;
font: 700 14px/16px 'Manrope', sans-serif;
text-transform: uppercase;
display: flex;
justify-content: flex-start;
align-items: flex-start;
transition: all .3s; }
.todown {
position: absolute;
bottom: 0;
left: calc((100% - 1500px) / 2);
z-index: 1; }
.todown:hover,
.btn4:hover {
color: #1a235a; }
.todown .arrow_pion,
.btn4 .arrow_pion {
transform: rotate(180deg);
width: 20px;
margin: 0 15px 0 0;
transition: all 0.3s; }
.btn4 .arrow_poziom {
margin-bottom: 10px; }
.todown:hover .arrow_pion,
.btn4:hover .arrow_pion {
margin: 10px 15px 0 0; }
.todown .cls-2,
.btn4 .cls-2 {
transition: all 0.3s; }
.todown:hover .cls-2,
.btn4:hover .cls-2 {
fill: #1a235a; } #onas_1,
#onas_2,
#onas_3 {
width: 100%;
position: relative;
display: flex;
justify-content: center; }
#onas_1 {
padding: 115px 0 0; }
#onas_3 {
padding: 0 0 150px; }
#onas_1 .ozdobnik {
left: 0;
height: 115px; }
#onas_1 .wiersz1,
#onas_1 .wiersz2 {
margin: 0 0 90px; }
#onas_1 .wiersz1 > .kolumna1 {
display: flex;
justify-content: space-between;
align-items: flex-start; }
.nasze_motto {
position: relative;
width: 320px;
color: #1a235a;
font: 800 126px/136px 'Manrope', sans-serif;
margin: -15px 0 0; }
.nasze_motto span {
color: #009fe3; }
.nasze_motto .maly_tekst {
position: absolute;
top: 52%;
right: 60px;
color: #1a235a;
font: 400 14px/16px 'Manrope', sans-serif; }
#onas_1 .wiersz1 .kolumna2 img,
#onas_1 .wiersz2 .kolumna1 img,
#onas_2 .kolumna2 img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
#onas_1 .naglowek_2 {
margin: 0 0 90px; }
#onas_2 .ozdobnik {
height: 320px; }
#onas_2 .ozdobnik1 {
left: 0; }
#onas_2 .ozdobnik2 {
right: 0; }
#onas_2 .kolumna3 {
display: flex;
flex-wrap: wrap; }
#onas_2 .wiersz1,
#onas_2 .kolumna3 > .kolumna2:nth-of-type(-n+2) {
margin: 0 0 60px; }
#onas_2 .wiersz2 {
margin: 0 0 100px; }
#onas_2 .kolumna2 .naglowek_3 {
line-height: 34px;
margin: 0 0 20px; }
#onas_2 .kolumna2 p {
font: 400 16px/32px 'Manrope', sans-serif;
text-align: left; }
#onas_2 .wiersz1 .kolumna3 .kolumna2:nth-of-type(3),
#onas_2 .wiersz2 .kolumna3 .kolumna2:nth-of-type(4) {
background-color: #009fe3;
border-color: #009fe3; }
#onas_2 .wiersz2 .kolumna3 .kolumna2:nth-of-type(1) {
background-color: #1a235a;
border-color: #1a235a; }
#onas_2 .wiersz1 .kolumna3 .kolumna2:nth-of-type(3) p,
#onas_2 .wiersz1 .kolumna3 .kolumna2:nth-of-type(3) .naglowek_3,
#onas_2 .wiersz2 .kolumna3 .kolumna2:nth-of-type(1) p,
#onas_2 .wiersz2 .kolumna3 .kolumna2:nth-of-type(1) .naglowek_3,
#onas_2 .wiersz2 .kolumna3 .kolumna2:nth-of-type(4) p,
#onas_2 .wiersz2 .kolumna3 .kolumna2:nth-of-type(4) .naglowek_3 {
color: #fff; }
#onas_2 .wiersz1 > .kolumna2,
#onas_2 .wiersz2 > .kolumna2 {
display: flex;
flex-direction: column;
justify-content: space-between; }
#onas_2 .wiersz1 > .kolumna2 .kolumna_border,
#onas_2 .wiersz2 > .kolumna2 .kolumna_border {
height: 100%; }
#onas_3 .ozdobnik1 {
height: 140px;
left: 0; }
#onas_3 .ozdobnik2 {
height: 100%;
width: 24%;
right: 0; }
#onas_3 .container {
padding: 40px 0 0;
display: flex;
flex-wrap: wrap; }
#onas_3 .naglowek,
#parallax .naglowek {
color: #1a235a;
font: 800 42px/56px 'Manrope', sans-serif;
margin: 0 0 60px; }
#onas_3 .naglowek_3 {
margin: 0 0 25px; }
#onas_3 .loga {
margin: 50px 0 0;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
#onas_3 .loga img {
width: 18%;	
}
#home_liczby {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 45px 0 0; }
.box_liczby {
width: 100%;
display: flex;
flex-direction: column;
margin: 0 0 120px; }
.box_liczby:last-of-type {
margin: 0; }
.box_liczby .tekst {
display: flex;
align-items: center;
margin: 0 0 40px; }
.box_liczby .dane {
display: flex;
align-items: center;
color: #1a235a;
font: 800 55px/55px 'Manrope', sans-serif;
margin: 0 50px 0 0; }
.box_liczby .liczba {
text-align: right; }
.box_liczby .count1 {
width: 219px; }
.box_liczby .count2 {
width: 88px; }
.box_liczby .count3 {
width: 67px; }
.box_liczby .litery {
margin: 0 0 0 10px; }
.box_liczby .opis {
color: #1a235a;
font: 400 17px/28px 'Manrope', sans-serif; }
.box_liczby .suwak {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
height: 8px;
overflow: hidden;
background-color: #e2e5ec; }
.box_liczby .kreska {
position: relative;
width: 0;
height: 100%;
background-color: #009fe3;
transition: all 2.5s; }
.box_liczby .kreska:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-bottom: 8px solid #009fe3;
border-right: 8px solid transparent;
transform: translate(100%, 0); }
.box_liczby .kreska.active {
width: 100%; }
#parallax {
width: 100%;
position: relative;
display: flex;
justify-content: center;
margin: 0 0 -1px; }
#parallax .ozdobnik {
height: 186px;
left: 0; }
#parallax .obszar_parallax {
position: absolute;
right: 0;
height: 100%;
width: calc(((100% - 1500px) / 2) + 1500px); }
#parallax .container {
padding: 0 0 120px; }
#parallax .kolumna4 {
position: relative;
background-color: #fff;
padding-bottom: 120px;
padding-top: 30px; }
#parallax .naglowek {
color: #1a235a;
font: 800 42px/56px 'Manrope', sans-serif;
margin: 0 0 60px; } #content_podstrony.p_oferta {
flex-wrap: nowrap;
align-items: flex-start; }
.podstrona_top .ikona {
position: absolute;
right: 133px;
top: 0;
height: 680px;
transform: rotate(90deg); }
.slider_wrapper {
width: 100%;
height: 100%;
position: relative;
display: flex;
justify-content: center;
align-items: center; }
.strzalki_oferta {
position: absolute;
z-index: 1;
bottom: 0;
right: 90px;
display: flex;
align-items: center; }
.strzalki_oferta .btn,
#wspolpraca_4 .btn {
width: 76px;
height: 44px;
padding: 0;
display: flex;
justify-content: center;
align-items: center; }
.strzalki_oferta .btn:first-of-type {
margin: 0 40px 0 0; }
.strzalki_oferta .btn .arrow_poziom,
.strzalki_oferta .btn:hover .arrow_poziom,
#wspolpraca_4 .arrow_poziom {
position: relative;
right: auto;
top: auto;
transform: translate(0, 0); }
.strzalki_oferta .btn:first-of-type .arrow_poziom,
#wspolpraca_4 .btn:first-of-type .arrow_poziom {
transform: rotate(180deg); }
.oferta_tresc {
position: relative;
width: 100%;
display: flex;
justify-content: center;
padding: 105px 0 0;
margin: 0 0 65px; }
.oferta_tresc .ozdobnik {
left: 0;
height: 115px; }
.oferta_tresc .container {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap; }
.oferta_tresc .kolumna4 {
padding: 0; }
.oferta_tresc .tresc_oferty,
.oferta_tresc .tresc_oferty .tekst {
margin: 0 0 80px; }
.oferta_tresc .tresc_oferty p {
margin: 0 0 30px;
text-align: justify; }
.oferta_tresc .tresc_oferty p:last-of-type {
margin: 0; }
.oferta_tresc .naglowek_3 {
margin: 0 0 45px; }
.oferta_tresc .pozostala_oferta {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.oferta_tresc .pozostala_oferta .naglowek_3 {
width: 100%; }
.oferta_tresc .pozostala_oferta .box {
width: 48.2%;
height: 110px;
padding: 20px 35px;
margin: 0 0 35px;
display: flex;
align-items: center;
background-color: #1a235a;
transition: all 0.3s;
cursor: pointer; }
.oferta_tresc .pozostala_oferta .box:hover {
background-color: #009fe3; }
.oferta_tresc .pozostala_oferta .box.active {
background-color: #f6f6f6; }
.oferta_tresc .pozostala_oferta .ikona {
width: 34px;
margin: 0 30px 0 0;
flex: 0 0 auto; }
.oferta_tresc .pozostala_oferta .ikona .cls-2 {
transition: all 0.3s; }
.oferta_tresc .pozostala_oferta .box:hover .ikona .cls-2 {
fill: #fff; }
.oferta_tresc .pozostala_oferta .box.active:hover .ikona .cls-2 {
fill: #009fe3; }
.oferta_tresc .pozostala_oferta .ico_oko {
display: none;
width: 29px;
flex: 0 0 auto;
margin: 0 0 0 50px; }
.oferta_tresc .pozostala_oferta .box.active .ico_oko {
display: block; }
.oferta_tresc .pozostala_oferta .arrow_poziom {
width: 16px;
transform: rotate(180deg);
margin: 0 0 0 50px;
flex: 0 0 auto;
transition: all 0.3s; }
.oferta_tresc .pozostala_oferta .box:hover .arrow_poziom {
margin: 0 20px 0 30px; }
.oferta_tresc .pozostala_oferta .box.active .arrow_poziom {
display: none; }
.oferta_tresc .pozostala_oferta .box_tekst {
color: #fff;
font: 400 17px/24px 'Manrope', sans-serif;
transition: all 0.3s; }
.oferta_tresc .pozostala_oferta .box_tekst span {
font-weight: 800; }
.oferta_tresc .pozostala_oferta .box.active .box_tekst {
color: #1a235a; }
.oferta_tresc .foto {
margin: 0 0 80px; }
.oferta_tresc .foto img {
height: auto; }
.oferta_tresc .box_kontakt {
padding: 60px;
background-color: #f6f6f6;
display: flex;
flex-direction: column;
align-items: flex-start; }
.oferta_tresc .box_kontakt .tekst1 {
color: #1a235a;
font: 800 24px/28px 'Manrope', sans-serif;
margin: 0 0 20px; }
.oferta_tresc .box_kontakt .tekst1 span {
color: #009fe3; }
.oferta_tresc .box_kontakt .naglowek_2 {
margin: 0 0 30px; }
.oferta_tresc .box_kontakt .kontakt {
display: flex;
align-items: center;
color: #1a235a;
margin: 0 0 25px;
font: 800 32px/32px 'Manrope', sans-serif; }
.oferta_tresc .box_kontakt .kontakt_mail {
margin: 0 0 40px;
font-size: 20px; }
.oferta_tresc .box_kontakt .kontakt svg {
width: 40px;
margin: 0 25px 0 0; } #fixed_menu {
position: fixed;
left: 0;
top: 50%;
transform: translate(0, -50%);
display: flex;
flex-direction: column;
align-items: flex-start;
width: 90px;
padding: 0 33px 0 0;
background-color: #1a235a;
z-index: 3;
overflow: hidden;
transition: all 0.3s; }
#fixed_menu:hover {
width: 300px; }
#fixed_menu .box {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
cursor: pointer;
margin: 16px 0;
width: 100%; }
#fixed_menu .box:first-of-type {
margin-top: 31px; }
#fixed_menu .box:last-of-type {
margin-bottom: 31px; }
#fixed_menu .box_ikona {
position: relative;
height: 44px;
padding: 0 0 0 33px;
display: flex;
align-items: center;
z-index: 1;
background-color: #1a235a; }
#fixed_menu svg {
width: 24px;
flex: 0 0 auto;
margin: 0 15px 0 0; }
#fixed_menu .box.active svg .cls-5,
#fixed_menu:hover .box:hover .cls-5 {
fill: #009fe3; }
#fixed_menu .box_tekst {
font: 800 12px/22px 'Manrope', sans-serif;
color: #fff;
height: 44px;
display: flex;
align-items: center;
position: absolute;
right: 0;
top: 0;
width: 195px;
transition: all 0.3s; }
#fixed_menu:hover .box:hover .box_tekst,
#fixed_menu .box.active .box_tekst {
color: #009fe3; } #wspolpraca_1,
#wspolpraca_2,
#wspolpraca_3,
#wspolpraca_4,
#wspolpraca_5 {
position: relative;
width: 100%;
display: flex;
justify-content: center; }
#wspolpraca_1 {
padding: 115px 0 0; }
#wspolpraca_1 .ozdobnik {
height: 115px;
left: 0; }
#wspolpraca_1 .wiersz {
margin: 0 0 90px; }
#wspolpraca_1 .wiersz1 .naglowek_1 {
margin: 0 0 50px; }
#wspolpraca_1 .wiersz1 .kolumna1 p:last-of-type,
#wspolpraca_1 .wiersz2 .kolumna2 p:last-of-type {
margin: 0; }
#wspolpraca_1 .wiersz1 .naglowek span {
color: #1a235a; }
#wspolpraca_1 .wiersz1 .tel {
color: #1a235a;
font-weight: 800; }
#wspolpraca_1 .wiersz1 .kolumna2 img,
#wspolpraca_1 .wiersz2 .kolumna1 img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover; }
#wspolpraca_1 .wiersz2 .naglowek_4 {
margin: 0 0 45px; }
#wspolpraca_1 .naglowek_2 {
margin: 0 0 80px; }
#wspolpraca_2 {
margin: 0 0 -55px;
z-index: 1; }
#wspolpraca_2 .ozdobnik_1 {
height: 320px;
left: 0; }
#wspolpraca_2 .ozdobnik_2 {
height: 320px;
right: 0; }
#wspolpraca_2 .kolumna7 {
display: flex;
flex-direction: column;
align-items: center;
border: 3px solid #f6f6f6;
margin: 50px 0 0;
padding: 0 80px 100px; }
#wspolpraca_2 .top {
margin: -50px 0 40px;
position: relative; }
#wspolpraca_2 .kwadrat {
position: absolute;
left: -35px;
bottom: -15px;
width: 116px;
height: 116px;
background-color: #f6f6f6; }
#wspolpraca_2 .naglowek {
font: 800 36px/40px 'Manrope', sans-serif;
margin: 0 0 35px; }
#wspolpraca_2 .ikona {
width: 116px;
position: relative; }
#wspolpraca_2 ul {
width: 100%; }
#wspolpraca_2 .link_formularz {
margin: 80px 0 0;
display: flex;
flex-direction: column;
align-items: center; }
#wspolpraca_2 .link_formularz div {
font: 800 26px/34px 'Manrope', sans-serif;
color: #009fe3;
text-align: center;
margin: 0 0 35px; }
#wspolpraca_2 .link_formularz div span {
color: #1a235a;
display: block; }
#parallax_2 {
height: 370px;
width: 100%;
display: flex;
justify-content: center; }
#parallax_2 .container {
height: 100%;
display: flex;
align-items: center;
justify-content: flex-start; }
#parallax_2 .naglowek_2 {
color: #fff; }
#wspolpraca_3,
#wycena_2,
#kariera_3 {
margin: 0 0 100px; }
#wspolpraca_3 .container,
#wycena_2 .container,
#kariera_3 .container {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
#wspolpraca_3 .box,
#kariera_3 .box {
display: flex;
flex-direction: column; }
#wspolpraca_3 .box {
width: 20%;
}
#kariera_3 .box {
width: 16%;
}
#wspolpraca_3 .prostokat,
#wycena_2 .prostokat,
#kariera_3 .prostokat {
position: relative;
margin: 0 0 20px 35px;
background-color: #f6f6f6;
width: 116px;
height: 64px; }
#wspolpraca_3 .box .ikona,
#wycena_2 .box .ikona,
#kariera_3 .box .ikona {
position: absolute;
top: -45px;
left: -35px;
height: 90px; }
#wspolpraca_3 .box .naglowek_3,
#wycena_2 .box .naglowek_3 {
margin: 0 0 25px; }
#kariera_3 .box .naglowek_3 {
font: 800 24px/38px 'Manrope',sans-serif;
margin: 0 0 20px;
}
#wspolpraca_4 {
padding: 0 0 80px;
overflow: hidden; }
#wspolpraca_4 .container {
position: relative;
background-color: #f6f6f6;
padding: 80px 0 60px; }
#wspolpraca_4 .container:after {
content: '';
position: absolute;
top: 0;
right: 0;
transform: translate(100%, 0);
height: 100%;
width: calc((100vw - 1500px) / 2);
background-color: #f6f6f6; }
#wspolpraca_4 .naglowek {
display: flex;
justify-content: flex-start;
align-items: flex-end;
margin: 0 0 40px 80px; }
#wspolpraca_4 .naglowek_2 {
margin: 0 120px 0 0; }
#wspolpraca_4 .rekomendacje {
position: relative;
width: 100%;
display: flex;
justify-content: center; }
#wspolpraca_4 .ico_cudzyslow {
position: absolute; }
#wspolpraca_4 .ikona1 {
width: 160px;
top: 0;
left: 0; }
#wspolpraca_4 .ikona2 {
width: 89px;
transform: rotate(180deg);
right: 80px;
bottom: 0; }
#wspolpraca_4 .btn {
position: absolute;
top: 30px;
z-index: 1;
cursor: pointer; }
#prev_opinia {
left: 0;
transform: translate(-50%, 0); }
#next_opinia {
right: 0;
transform: translate(50%, 0); }
#wspolpraca_4 .zb_opini {
width: 65%; }
#wspolpraca_4 .opinia {
display: flex;
flex-direction: column; }
#wspolpraca_4 .tresc {
width: 100%;
margin: 0 0 20px;
text-align: justify; }
#wspolpraca_4 .podpis {
width: 100%;
font: 800 18px/26px 'Manrope', sans-serif;
text-align: right; }
#wspolpraca_5 {
padding: 0 0 80px; }
#wspolpraca_5 .container {
display: flex;
flex-wrap: wrap; }
#wspolpraca_5 .box {
color: #fff;
background-color: #009fe3;
padding: 70px 80px;
margin: 0 0 100px; }
#wspolpraca_5 p {
color: #fff;
font-size: 16px;
margin: 0 0 25px; }
#wspolpraca_5 .kolumna8 .naglowek_2 {
margin: 0 0 40px; }
#wspolpraca_5 .kolumna8 .naglowek_3 {
margin: 0 0 30px; }
#wspolpraca_5 .logo_top {
display: block;
margin: 0 auto;
width: 120px; }
#wspolpraca_5 .kolumna9 {
background-color: #0086d3;
padding: 70px 80px 60px; }
#formularz_wspolpraca {
margin: 0 0 50px; }
#formularz_wspolpraca {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
#formularz_wspolpraca .pole_wyboru {
display: inline-flex;
align-items: center;
justify-content: flex-start;
margin: 0 0 25px;
width: 100%; }
#formularz_wspolpraca .pole_wyboru svg {
width: 50px;
flex: 0 0 auto;
margin: 0 25px 0 0; }
.p_checkbox label {
position: relative;
color: #fff;
font: 800 18px/26px 'Manrope', sans-serif;
padding: 0 0 0 50px;
cursor: pointer;
transition: all 0.3s; }
.p_checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 15px;
width: 15px;
left: 5px;
top: 0; }
.p_checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 26px;
width: 26px;
background-color: #0078bd;
border: 3px solid #009fe3;
transition: all 0.3s; }
#formularz_kontakt .p_checkbox .checkmark::after {
background-color: #009fe3; }
#formularz_kontakt .p_checkbox .checkmark {
background-color: #fff; }
footer .p_checkbox .checkmark::after {
background-color: #009fe3; }
footer .p_checkbox .checkmark {
background-color: #ffffff;
}
.p_checkbox .checkmark::after {
content: '';
position: absolute;
display: none;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
background-color: #fff; }
.p_checkbox input:checked ~ .checkmark:after {
display: block; }
#formularz_wspolpraca .pole_input {
width: calc(100% - 146px);
height: 56px;
margin: 15px 0 40px; }
#formularz_wspolpraca button {
margin: 15px 0 40px; }
#formularz_wspolpraca .zgoda,
#formularz_wycena .zgoda,
#formularz_kontakt .zgoda {
margin: 0 0 20px;
display: flex;
justify-content: space-between; }
#formularz_wspolpraca .zgoda,
#formularz_wycena .zgoda label,
#formularz_kontakt .zgoda label {
font: 400 12px/18px 'Manrope', sans-serif;
text-align: justify; }
#formularz_kontakt .zgoda label {
color: #1a235a; }
#formularz_wspolpraca .wymagane,
#formularz_wycena .wymagane,
#formularz_kontakt .wymagane {
color: #fff;
font: 400 14px/18px 'Manrope', sans-serif; }
#formularz_kontakt .wymagane {
color: #1a235a;
width: 100%; }
#wspolpraca_5 .dokumenty {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap; }
#wspolpraca_5 .tekst {
width: calc(100% - 300px);
color: #fff; }
#wspolpraca_5 .naglowek_3 {
margin: 0 0 20px; }
#wspolpraca_5 .tekst2 {
font: 400 16px/30px 'Manrope', sans-serif; }
#wspolpraca_5 .dokumenty .btn {
padding: 18px 25px;
width: 218px;
line-height: 24px;
text-align: center; } .podstrona_top.wycena .tresc {
width: 46%; }
#wycena_1,
#wycena_2,
#wycena_3 {
width: 100%;
display: flex;
justify-content: center;
position: relative; }
#wycena_1 {
padding: 115px 0 0; }
#wycena_1.form_kariera {
padding: 0;
}
#wycena_1 .ozdobnik {
height: 115px;
left: 0; }
#wycena_1 .wiersz1 {
margin: 0 0 90px; }
#wycena_1 .wiersz1 .naglowek_1 {
margin: -20px 0 50px; }
#wycena_1 .kolumna1 p:last-of-type {
margin: 0; }
#wycena_1 .wiersz1 .kolumna2 img {
width: 100%;
height: auto; }
#wycena_1 .wiersz1 a {
color: #1a235a;
font-weight: 800; }
#wycena_1 .wiersz2 {
margin: 0 0 -50px;
flex-wrap: wrap; }
#wycena_1 .wiersz2 .kolumna1 {
background-color: #0086d3;
padding: 80px 80px 160px;
color: #fff;
z-index: 1; }
#wycena_1 .wiersz2 .kolumna1 .naglowek_2 {
margin: 0 0 30px; }
#wycena_1 .wiersz2 .kolumna1 .naglowek_3 {
margin: 0 0 60px; }
#formularz_wycena {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap; }
#wycena_1 .pole_input {
height: 56px;
margin: 0 0 50px;
width: 100%; }
#wycena_1 .pole_telefon {
width: 38.5%; }
#wycena_1 .pole_mail {
width: 53.5%; }
#wycena_1 .pole_textarea {
width: 100%;
height: 170px;
margin: 0 0 50px; }
#wycena_1 .zgoda {
width: calc(100% - 270px); }
#wycena_1 .wiersz2 .kolumna2 .naglowek_4 {
margin: -15px 0 40px; }
#wycena_1 .wiersz2 .kolumna2 .naglowek_4 span {
display: block; }
#wycena_1 .wiersz2 .kolumna2 p:last-of-type {
margin-bottom: 50px; }
#wycena_2 .box {
width: 30%; }
#wycena_3 {
margin: 0 0 90px; }
#wycena_3 .ozdobnik {
height: 108px;
left: 0; }
#wycena_3 .naglowek_2 {
margin: -10px 0 50px; }
#pliki_do_pobrania {
padding: 60px 70px;
border: 3px solid #f6f6f6;
display: flex;
flex-wrap: wrap;
align-items: flex-start; }
#pliki_do_pobrania p {
margin: 0 0 50px; }
#pliki_do_pobrania a {
width: 50%;
padding: 0 50px 0 0;
display: inline-flex;
align-items: flex-start;
margin: 0 0 40px;
font: 800 18px/24px 'Manrope', sans-serif;
color: #1a235a;
transition: all 0.3s; }
#pliki_do_pobrania a:hover {
color: #009fe3; }
#pliki_do_pobrania a:last-of-type {
margin: 0; }
#pliki_do_pobrania a svg {
width: 30px;
flex: 0 0 auto;
margin: -2px 30px 0 0; } #kariera_1,
#kariera_2,
#kariera_3,
#kariera_4,
#kariera_5 {
position: relative;
width: 100%;
display: flex;
justify-content: center; }
#kariera_1 {
padding: 115px 0 0; }
#kariera_1 .ozdobnik {
height: 115px;
left: 0; }
#kariera_1 .wiersz {
margin: 0 0 90px; }
#kariera_1 .wiersz .naglowek_1 {
margin: -20px 0 50px; }
#kariera_1 .kolumna2 img {
width: 100%;
height: auto; }
#kariera_2 {
margin: 0 0 90px;
overflow: hidden; }
#kariera_2 .foto {
position: absolute;
top: 0;
left: 0;
width: calc(((100% - 1500px) / 2) + 917px);
height: auto; }
#kariera_2 .container {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-end; }
#kariera_2 .kolumna:first-of-type {
padding: 70px 80px;
background-color: rgba(0, 159, 229, 0.8);
color: #fff; }
#kariera_2 .kolumna:first-of-type,
#kariera_2 .kolumna2 {
margin: 0 0 80px; }
#kariera_2 .kolumna .naglowek_2 {
margin: 0 0 20px; }
#kariera_2 .kolumna .naglowek_3 {
margin: 0 0 30px; }
#kariera_2 .kolumna:first-of-type p {
color: #fff; }
#kariera_2 .naglowek_4 {
margin: 0 0 40px; }
#kariera_2 .kolumna:last-of-type p:first-of-type {
margin: 0 0 30px; }
#kariera_4 {
margin: 0 0 100px; }
#kariera_4 .ozdobnik {
height: 240px;
left: 0; }
#kariera_4 .container {
padding: 50px 0 0;
position: relative; }
#kariera_4 .naglowek_2 span {
display: block; }
#kariera_4 .separator {
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
width: 8px;
height: 100%;
background-color: #f6f6f6; }
#kariera_4 .wiersz {
position: relative; }
#kariera_4 .wiersz_1 {
margin: -50px 0 0; }
#kariera_4 .wiersz_6 {
margin: 0 0 30px; }
.kolumna_lewa,
.kolumna_prawa {
width: 47.5%;
display: flex; }
.kolumna_srodek {
width: 45px;
height: 45px;
border-radius: 100%;
background-color: #fff;
border: 6px solid #f6f6f6;
transition: all 0.3s; }
#kariera_4 .wiersz.active .kolumna_srodek {
background-color: #1a235a;
border-color: transparent; }
#kariera_4 .tekst {
display: flex;
flex-direction: column; }
#kariera_4 .kolumna_lewa .tekst {
align-items: flex-end;
text-align: right; }
#kariera_4 .naglowek_3 {
margin: -10px 0 20px; }
#kariera_4 p {
margin: 0; }
#kariera_4 .kolumna_lewa p {
text-align: right; }
#kariera_4 .kolumna_prawa p {
text-align: left; }
#kariera_4 .cyfra {
width: 150px;
flex: 0 0 auto;
font: 800 145px/100px 'Manrope', sans-serif;
color: #009fe3;
transition: all 0.3s; }
#kariera_4 .wiersz.active .cyfra {
color: #1a235a; }
#kariera_4 .kolumna_lewa .cyfra {
text-align: right;
padding: 0 0 0 30px; }
#kariera_5 {
margin: 0 0 90px; }
#kariera_5 .container {
display: flex;
justify-content: center;
flex-wrap: wrap; }
.kolumna_pol {
width: 50%;
flex: 0 0 auto;
padding: 20px 0 0 90px; }
.kolumna_pol_plus {
width: calc(50% + 110px);
margin: 0 0 0 -110px; }
#kariera_5 .box {
padding: 40px 160px 40px 110px;
background-color: #1a235a;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 30px; }
#kariera_5 .box .naglowek_2 {
color: #fff; }
#kariera_5 .box .naglowek_2 span {
color: #009fe3;
display: block; }
#kariera_5 .box svg {
width: 112px;
flex: 0 0 auto; }
#kariera_5 .oferta {
width: 100%;
padding: 32px 80px 32px 180px;
margin: 0 0 20px;
position: relative;
background-color: #f6f6f6;
border: 3px solid #f6f6f6;
transition: all 0.3s;
cursor: pointer; }
#kariera_5 .oferta.active,
#kariera_5 .oferta.active:hover {
background-color: #009fe3;
border-color: #009fe3; }
#kariera_5 .oferta:hover {
background-color: #fff;
border-color: #009fe3; }
#kariera_5 .oferta:after {
content: '';
position: absolute;
right: 0;
top: -3px;
transform: translate(100%, 0);
width: 0;
height: calc(100% + 6px);
background-color: #009fe3;
transition: all 0.3s; }
#kariera_5 .oferta.active:after {
width: 40px; }
#kariera_5 .oferta span {
font: 800 20px/26px 'Manrope', sans-serif;
color: #1a235a; }
#kariera_5 .oferta:hover span {
color: #009fe3; }
#kariera_5 .oferta.active span {
color: #fff; }
#kariera_5 .oferta .ikona {
width: 31px;
position: absolute;
top: 50%;
left: 110px;
transform: translate(0, -50%);
transition: all 0.3s; }
#kariera_5 .oferta.active .ikona {
width: 40px; }
#kariera_5 .oferta .cls-2 {
transition: all 0.3s; }
#kariera_5 .oferta.active .cls-2 {
fill: #fff; }
#kariera_5 .oferta .ico {
position: absolute;
top: 50%;
right: -5px;
transform: translate(0, -50%);
width: 0;
z-index: 1; }
#kariera_5 .oferta.active .ico {
width: 30px; }
#kariera_5 .kolumna_pol .naglowek_3 {
margin: 0 0 30px; }
#kariera_5 .kolumna_pol p {
margin: 0 0 30px; }
#kariera_5 .naglowek_5 {
margin: 0 0 20px; }
#kariera_5 .aplikuj {
display: flex;
align-items: center; }
#kariera_5 .aplikuj .naglowek_5 {
margin: 0 40px 0 0; }
#kariera_5 .aplikuj .naglowek_5 span {
display: block;
color: #009fe3; } .podstrona_top.kontakt .ozdobnik {
bottom: 0;
top: auto;
height: 85px;
left: 0; }
.podstrona_top.kontakt > .container {
height: 100%;
align-items: flex-start; }
.podstrona_top.kontakt .tresc {
height: 100%;
padding: 155px 0 75px;
border-bottom: 3px solid #f7f7f7; }
.podstrona_top.kontakt .tresc,
#kontakt_1 .tresc {
width: 332px;
flex: 0 0 auto;
margin: 0 100px 0 0;
display: flex;
flex-direction: column; }
.podstrona_top.kontakt .naglowek_1 {
margin: 0 0 50px; }
.link_kontakt {
margin: 0 0 30px; }
.link_kontakt .naglowek_3 {
margin: 0 0 20px; }
.podstrona_top.kontakt .link_kontakt:last-of-type,
#kontakt_1 .link_kontakt:last-of-type {
margin: 0; }
.kontakt {
display: flex;
align-items: flex-start; }
.kontakt svg {
width: 20px;
margin: 0 20px 0 0;
flex: 0 0 auto; }
.kontakt .tekst {
display: flex;
flex-direction: column;
color: #1a235a;
font: 400 16px/26px 'Manrope', sans-serif;
margin: -5px 0 0; }
.kontakt .tekst2 {
font-weight: 800; }
.podstrona_top.kontakt .btn4 {
margin: 0 0 30px; }
#formularz_kontakt {
padding: 160px 0 75px 100px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
width: 100%;
height: 100%; }
#formularz_kontakt .tytul {
display: flex;
align-items: center;
width: 100%;
justify-content: flex-start;
margin: 0 0 60px; }
#formularz_kontakt .ico_formularz {
width: 73px;
flex: 0 0 auto;
margin: 0 50px 0 0; }
#formularz_kontakt .pole_input {
width: 29%;
height: 56px;
margin: 0 0 56px; }
#formularz_kontakt input {
border-color: #009fe3;
background-color: #fff;
color: #a0a0a0;
font: 400 16px/20px 'Manrope', sans-serif;
padding: 0 40px; }
#formularz_kontakt ::-moz-placeholder {
color: #a0a0a0;
opacity: 1; }
#formularz_kontakt :-ms-input-placeholder {
color: #a0a0a0;
opacity: 1; }
#formularz_kontakt ::placeholder {
color: #a0a0a0;
opacity: 1; }
#formularz_kontakt :-ms-input-placeholder { color: #a0a0a0; }
#formularz_kontakt ::-ms-input-placeholder { color: #a0a0a0; }
#formularz_kontakt .pole_input2 {
width: 100%; }
#formularz_kontakt input:hover,
#formularz_kontakt input:focus,
#formularz_kontakt select:hover,
#formularz_kontakt select:focus,
#formularz_kontakt textarea:hover,
#formularz_kontakt textarea:focus {
color: #fff;
background-color: #114684; }
#formularz_kontakt input:hover::-moz-placeholder {
color: #fff;
opacity: 1; }
#formularz_kontakt input:hover:-ms-input-placeholder {
color: #fff;
opacity: 1; }
#formularz_kontakt input:hover::placeholder {
color: #fff;
opacity: 1; }
#formularz_kontakt input:hover:-ms-input-placeholder { color: #fff; }
#formularz_kontakt input:hover::-ms-input-placeholder { color: #fff; }
#formularz_kontakt .zgoda {
width: 65%; }
#formularz_kontakt .btn {
width: 29%; }
#kontakt_1 {
width: 100%;
display: flex;
justify-content: center;
position: relative; }
#kontakt_1 .container {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
#kontakt_1 .tresc {
padding: 50px 0 90px; }
#kontakt_1 .kontakt {
margin: 0 0 20px; }
#kontakt_1 .link_kontakt .kontakt:last-of-type {
margin: 0; }
#kontakt_1 .link_kontakt .kontakt.kontakt_fax {
margin: 0 0 20px; }
#kontakt_1 .kontakt_mail .tekst2 {
color: #009fe3; }
#mapa_kontakt {
position: absolute;
right: 0;
top: 0;
width: calc((100% / 3) * 2);
height: 100%; }
#mapa_kontakt iframe {
width: 100%;
height: 100%; } .komunikat_wrapper {
position: fixed;
display: flex;
flex-direction: column;
align-items: center;
transition: all 0.3s;
z-index: 9999;
min-width: 300px;
left: 50%;
top: -300px;
transform: translate(-50%, 0); }
.komunikat_wrapper.open {
top: 10px;
transition: all 0.3s; }
.komunikat {
position: relative;
color: #ffffff;
font: 400 14px/21px 'Jost', sans-serif;
padding: 24px 60px 23px 105px;
overflow: hidden;
display: flex;
align-items: center;
border-radius: 35px;
transition: all 0.3s;
min-width: 300px; }
.komunikat_wrapper .komunikat {
margin-bottom: 10px;
opacity: 0;
transition: all 0.3s; }
.komunikat_wrapper .komunikat.open {
opacity: 1;
transition: all 0.3s; }
.komunikat::before {
content: '';
position: absolute;
left: 3px;
top: 50%;
width: 64px;
height: 64px;
transform: translate(0, -50%);
transition: all 0.3s; }
.komunikat_ok::before {
background: url(//jitlogistics.eu/wp-content/uploads/2022/03/ikona-ok.png); }
.komunikat_ok {
background-color: #99cc00; }
.komunikat_uwaga:before {
background: url(//jitlogistics.eu/wp-content/uploads/2022/03/ikona-uwaga.png); }
.komunikat_uwaga {
background-color: #ED6F00; }
.komunikat_blad:before {
background: url(//jitlogistics.eu/wp-content/uploads/2022/03/ikona-blad.png); }
.komunikat_blad {
background-color: #ff0000; }
.komunikat_info:before {
background: url(//jitlogistics.eu/wp-content/uploads/2022/03/ikona-info.png); }
.komunikat_info {
background-color: #00A4FF; }
.komunikat_krzyzyk {
margin-left: 20px;
transition: all 0.3s;
width: 20px;
height: 20px;
cursor: pointer;
position: absolute;
top: 24px;
right: 30px;
display: none; }
.komunikat_wrapper .komunikat_krzyzyk {
display: inline-block; }
.komunikat_wrapper .komunikat_krzyzyk:hover {
transform: rotate(180deg); } #ciasteczka {
display: block; background: #fff;
padding: 0 10px;
position: fixed;
bottom: 9px;
left: 0;
z-index: 9999;
border-radius: 0 40px 40px 0;
border: 1px solid #e0e0e0;
overflow: hidden;
cursor: pointer;
opacity: .95; }
#ciasteczka .zawartosc {
max-width: 300px; }
#ciasteczka p.info {
margin: 3px 0;
font: 400 10px/11px 'Jost', sans-serif;
text-align: justify;
color: #6b7274; }
#ciasteczka p strong, #ciasteczka p span {
font: 700 10px/11px 'Jost', sans-serif; }
#ciasteczka p a {
color: #9a7e44; }
#ciasteczka .zamknij {
float: right;
width: 34px;
height: 35px;
background: url(//jitlogistics.eu/wp-content/uploads/2022/03/ico-ok.png) no-repeat;
display: block;
overflow: hidden;
margin: 15px 0 15px 9px;
cursor: pointer; }
#ciasteczka:hover .zamknij {
background-position: 0 -36px; } #fixed_oferta {
position: fixed;
bottom: 35px;
right: 120px;
background-color: #06b0f2;
padding: 30px 40px 25px;
color: #fff;
}
#fixed_oferta .tekst {
font: 800 27px/30px 'Manrope', sans-serif;
margin: 0 0 20px;
}
#fixed_oferta .tekst span {
font: 800 46px/44px 'Manrope', sans-serif;
display: block;
}
#fixed_oferta .line {
display: flex;
align-items: center;
}
#fixed_oferta .btn {
margin: 0 20px 0 0;
padding: 13px 60px 13px 25px;
}
#fixed_oferta:hover .btn {
background-color: #1a235a;
border-color: #1a235a;
box-shadow: 18px 18px 6px 0 rgba(0, 0, 0, 0.3);
}
#fixed_oferta:hover .btn::after {
box-shadow: none;
}
#fixed_oferta .btn .arrow_pion {
width: 18px;
right: 25px;
transition: all 0.3s;
}
#fixed_oferta:hover .btn .arrow_pion {
top: 65%;
}
#fixed_oferta .ikona_poszukiwani {
width: 46px;
flex: 0 0 auto;
}
#fixed_oferta .mobile {
position: relative;
width: 19px;
transform: rotate(180deg);
flex: 0 0 auto;
display: none;
animation: arrow_ani 1.2s ease-in-out infinite alternate;
}
@keyframes arrow_ani {
0%,
100% {
top: -10px;
}
50% {
top: 15px;
}
} .content_podstrony .search {
font: 600 15px/15px 'Manrope', sans-serif;
position: relative;
width: 100%;
display: flex;
justify-content: center;
padding-top: 50px;
padding-bottom: 50px;
}
.search-results-list__none {
color: red;
font-size: 22px;
padding-top: 50px;
}
.alert-info {
padding-bottom: 30px;
}
.search-results-list {
padding-top: 50px;
padding-bottom: 30px;
}
.search-results-list__item {
padding-bottom: 10px;
}
.search-results-list__link {
color: #000000;
}
#formularz_kontakt textarea {
border-color: #009fe3;
background-color: #fff;
color: #a0a0a0;
font: 400 16px/20px 'Manrope', sans-serif;
}
#formularz_kontakt textarea:hover::placeholder {
color: #fff;
}
#formularz_kontakt .zgoda p {
font: 400 12px/18px 'Manrope', sans-serif;
text-align: justify;
margin-bottom: 0;
}
.wpcf7 form .wpcf7-response-output {
margin: 15px auto 0;
font: 400 16px/20px 'Manrope', sans-serif;
}
.wpcf7-not-valid-tip {
font: 400 12px/18px 'Manrope', sans-serif;
text-align: center;
margin: 5px auto 0;
}
@media (max-width: 991px) {
.wpcf7-not-valid-tip {
font: 400 12px/18px 'Manrope', sans-serif;
text-align: center;
margin: 0 auto;
}
}
.wpcf7-list-item {
margin: 0;
}
#formularz_wspolpraca .jaki-rodzaj-floty .wpcf7-list-item {
display: flex;
align-items: center;
position: relative;
margin: 35px 0;
padding-left: 50px;
}
#formularz_wspolpraca .jaki-rodzaj-floty .wpcf7-list-item:before {
content: "";
position: absolute;
left: 0;
width: 40px;
height: 40px;
}
#formularz_wspolpraca .jaki-rodzaj-floty .wpcf7-list-item:nth-child(1):before {
background: url(//jitlogistics.eu/wp-content/uploads/2022/03/ikona_auto1.svg) center/cover no-repeat;
}
#formularz_wspolpraca .jaki-rodzaj-floty .wpcf7-list-item:nth-child(2):before {
background: url(//jitlogistics.eu/wp-content/uploads/2022/03/ikona_auto2.svg) center/cover no-repeat;
}
#formularz_wycena .form_text_small,
#formularz_wspolpraca .form_text_small {
font: 400 12px/18px 'Manrope', sans-serif;
text-align: justify;
}
#formularz_wycena .form_text_small {
color: #ffffff;
}
.popup-kariera {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 60px 80px 70px;
background-color: #0086d3;
max-height: 95vh;
}
.popup-kariera-wrap {
display: none;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .4);
z-index: 999;
}
.popup-kariera-close {
position: absolute;
z-index: 1;
top: 30px;
right: 30px;
cursor: pointer;
font: 300 66px/26px 'Manrope', sans-serif;
text-transform: uppercase;
color: #fff;
display: block;
width: 30px;
height: 30px;
overflow: hidden;
transition: all 0.3s;
}
.popup-kariera-close:hover {
color: #114684;
transform: rotate(180deg);
}
.popup-kariera .naglowek_2 {
margin: 0 0 50px;
}
.popup-kariera .content {
color: #fff;
}
.stanowisko_oferta-wrap {
display: none;
}
@media (min-width: 1024px) {
#formularz_footer button[type=submit] {
width: 120px;
display: flex;
justify-content: center;
}
}
.stanowisko_oferta-wrap.active {
display: block;
}
.thank-you {
padding: 50px 0;
}
.thank-you h2 {
font: 800 52px/60px 'Manrope', sans-serif;
}
@media (max-width: 414px) {
.thank-you h2 {
font: 800 32px/40px 'Manrope', sans-serif;
}
}
@media (min-width: 415px) and (max-width: 599px) {
.thank-you h2 {
font: 800 34px/42px 'Manrope', sans-serif;
}
}
@media (min-width: 600px) and (max-width: 1023px) {
.thank-you h2 {
font: 800 38px/46px 'Manrope', sans-serif;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.thank-you h2 {
font: 800 46px/54px 'Manrope', sans-serif;
}
}
.twoje-cv-placeholder {
display: flex;
align-items: center;
font: 800 24px/44px 'Manrope', sans-serif;
}
.zgoda-kariera {
display: flex;
justify-content: center;
width: 65%;
}
.zgoda-kariera p {
color: #ffffff;
font: 400 12px/18px 'Manrope', sans-serif;
}
@media (max-width: 599px) {
.twoje-cv-placeholder {
justify-content: center;
}
}
.popup-kariera .btn {
width: 29%;
margin: 0 0 0 auto;
}
@media (max-width: 550px) {
.zgoda-kariera {
width: 100%;
}
.popup-kariera .btn {
width: 100%;
margin: 25px 0 0;
}
}
.custom-file-input {
padding: 12px 25px 12px 50px;
}
.custom-file-input::-webkit-file-upload-button {
visibility: hidden;
}
.custom-file-input::before {
content: 'Przeglądaj...';
display: inline-block;
border: 2px solid #ffffff;
border-radius: 3px;
padding: 2px 8px;
outline: none;
white-space: nowrap;
-webkit-user-select: none;
cursor: pointer;
font-weight: 700;
font-size: 12px;
}
.zgoda .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
position: absolute;
left: -15px;
top: 0;
font-size: 30px;
} .article-content {
font-family: "Open Sans", Arial, sans-serif;
font-size: 16px;
line-height: 1.7;
color: #333;
max-width: 900px;
margin: 0 auto;
padding: 20px;
} .article-content h1,
.article-content h2,
.article-content h3,
.article-content h4 {
font-family: "Merriweather", Georgia, serif;
font-weight: 700;
color: #1a1a1a;
line-height: 1.3;
margin-top: 2em;
margin-bottom: 0.6em;
}
.article-content h1 {
font-size: 2rem;
border-bottom: 2px solid #e5e5e5;
padding-bottom: 0.4em;
}
.article-content h2 {
font-size: 1.75rem;
color: #222;
}
.article-content h3 {
font-size: 1.4rem;
color: #444;
}
.article-content h4 {
font-size: 1.2rem;
color: #555;
} .article-content p {
margin: 1em 0;
text-align: justify;
} .article-content strong {
font-weight: 700;
color: #000;
} .article-content ul,
.article-content ol {
margin: 1em 0 1em 2em;
padding: 0;
}
.article-content li {
margin-bottom: 0.5em;
padding-left: 0.5em;
position: relative;
}
.article-content ul li::before {
content: "•";
position: absolute;
left: -1em;
color: #0073e6;
font-weight: bold;
}
.article-content ol li {
list-style: decimal;
} .article-content table {
width: 100%;
border-collapse: collapse;
margin: 1.5em 0;
font-size: 15px;
}
.article-content th,
.article-content td {
border: 1px solid #ddd;
padding: 10px 12px;
text-align: left;
}
.article-content th {
background-color: #f7f7f7;
font-weight: 600;
} .article-content a {
color: #0073e6;
text-decoration: none;
transition: color 0.3s ease;
}
.article-content a:hover {
color: #005bb5;
text-decoration: underline;
} .article-content p strong a,
.article-content p strong {
color: #0073e6;
}
.article-content p strong a:hover {
text-decoration: underline;
} .alignleft {
float: left;
margin-right: 1.5em;
margin-bottom: 1em;
} .alignright {
float: right;
margin-left: 1.5em;
margin-bottom: 1em;
} .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
}
.page-header {
position: relative;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
padding: 100px 20px 60px;
text-align: center;
}
.page-header::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.5); z-index: 1;
}
.page-header .container {
position: relative;
z-index: 2;
max-width: 960px;
margin: 0 auto;
} .page-header__heading {
font-size: 2.8rem;
font-weight: 700;
margin-bottom: 20px;
line-height: 1.2;
color: #fff;
} .post-meta {
font-size: 0.95rem;
color: #eee;
text-align: center;
}
.post-meta__author,
.post-meta__date {
margin: 5px 0;
} .post-meta__date i {
margin-right: 6px;
color: #ccc;
} .post-meta hr {
width: 40px;
height: 2px;
background-color: #ddd;
border: none;
margin: 10px auto;
}