.elementor-kit-6{--e-global-color-primary:#00AEEF;--e-global-color-secondary:#322D28;--e-global-color-text:#322D28;--e-global-color-accent:#00487A;--e-global-typography-primary-font-family:"Barlow";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Barlow";--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Barlow";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Barlow";--e-global-typography-accent-font-weight:700;background-color:#FFFFFF;overscroll-behavior:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --niebieski_jasny:#2DC7BA; --czarny_ciemny:#322D28; --bialy:#ffffff; --zero_px:0px; --szary_jasny:#F5F5F5; --granat:#00487A; --Barlow:Barlow; --tytul_glowny:50px; --tytul_glowny_ponizej:25px; --h1:46px; --box_niebieskie_male:19px; --box_nieb_wieksze:29px; --text:15px; --e-gv-aef3ffe:clamp(112px, calc(65.417px + 11.853vw), 293px); --e-gv-890b6ba:clamp(138px, calc(98.108px + 10.151vw), 293px);; --szerokosc_293:220px; --tytul_czarn:26px; --granat_tytul:26px; --znaczek1:42px; --znaczek1b:40px; --48_proc:48%; --cyfra:25px; --240px:240px; --260px:260px; --120px:120px; --1_3_em:1.3em; --15px:15px; --text_granat:clamp(1.00rem, calc(0.937rem + 0.316vw), 1.31rem); --100px:100px; --180px:180px; --140px:140px; --29px:29px; --30px:30px; --100proc:100%; --szary_ciemny:#DFDFD7; --1_EM:1em; --1_1_EM:1.1em; --box_niebieski_male_b:15px; --color-1:#2DC7BA; }
/* Start custom CSS *//* Div Block element.
Sets minimum width of 30px, adds 10px padding, and displays as a block-level element. */
.elementor .e-div-block-base {
    min-width: 30px;
    padding: 10px;
    display: block;
}

/* Flexbox element.
Creates a flex container with horizontal row layout and 10px padding. */
.elementor .e-flexbox-base {
    padding: 10px;
    display: flex;
    flex-direction: row;
}

/* Tabs wrapper element.
Stacks tab menu and content vertically with 30px gap spacing. */
.elementor .e-tabs-base {
    padding-block-start: 0px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Tabs menu wrapper.
Displays tab buttons using flexbox and centres them horizontally. */
.elementor .e-tabs-menu-base {
    display: flex;
    justify-content: center;
}

/* Individual tab button element.
Sets width, colours, padding, borders, background, and cursor styling. */
.elementor .e-tab-base {
    width: 160px;
    color: #0C0D0E;
    cursor: pointer;
    padding: 8px;
    border-width: 2px;
    border-color: #E0E0E0;
    border-style: solid;
    background-color: #FFFFFF;
    display: block;
}

/* Selected tab state.
Changes border colour for the active tab and removes outline width. */
.elementor .e-tab-base.e--selected {
    border-color: #0C0D0E;
    outline-width: 0px;
}

/* Focused tab state.
Changes border colour when tab receives focus and removes outline width. */
.elementor .e-tab-base:focus {
    border-color: #0C0D0E;
    outline-width: 0px;
}

/* Hovered or keyboard-focused tab state.
Changes tab background colour on hover or visible focus. */
.elementor .e-tab-base:hover,
.elementor .e-tab-base:focus-visible {
    background-color: #E0E0E0;
}

/* Tabs content wrapper.
Displays tab content area as a block-level element. */
.elementor .e-tabs-content-area-base {
    display: block;
}

/* Individual tab content panel.
Sets minimum width, adds 10px padding, and displays as block. */
.elementor .e-tab-content-base {
    min-width: 30px;
    padding: 10px;
    display: block;
}

/* Form wrapper element.
Creates flexbox form layout with wrapping, spacing, alignment, and 20px padding. */
.elementor .e-form-base {
    padding: 20px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    align-content: start;
    align-items: flex-start;
}

/* Checkbox row inside forms.
Removes padding, adds 8px gap, and vertically aligns items. */
.elementor .e-form-base .e-form-checkbox-row {
    padding: 0px;
    gap: 8px;
    align-items: center;
}

/* Form success message.
Styles success notification with green colours and hides it by default. */
.elementor .e-form-success-message-base {
    font-size: 12px;
    color: #2F532E;
    text-align: center;
    padding: 12px;
    background-color: #D4E9D6;
    display: none;
}

/* Form error message.
Styles error notification with red colours and hides it by default. */
.elementor .e-form-error-message-base {
    font-size: 12px;
    color: #870000;
    text-align: center;
    padding: 12px;
    background-color: #ffdede;
    display: none;
}

/* Heading element.
Removes default heading margin spacing. */
.elementor .e-heading-base {
    margin: 0px;
}

/* Heading link element.
Removes default browser link styling and enables pointer cursor. */
.elementor .e-heading-link-base {
    all: unset;
    cursor: pointer;
}

/* Image link wrapper.
Makes linked image width fit content and inherit display behaviour. */
.elementor .e-image-link-base {
    width: fit-content;
    display: inherit;
}

/* Image element.
Displays image as a block-level element. */
.elementor .e-image-base {
    display: block;
}

/* Paragraph element.
Removes default paragraph margins. */
.elementor .e-paragraph-base {
    margin: 0px;
}

/* Paragraph link element.
Removes default browser link styling and enables pointer cursor. */
.elementor .e-paragraph-link-base {
    all: unset;
    cursor: pointer;
}

/* SVG element.
Sets default SVG dimensions and displays inline-block. */
.elementor .e-svg-base {
    width: 65px;
    height: 65px;
    display: inline-block;
}

/* Button element.
Adds padding, blue background, border radius, centre alignment, and inline-block display. */
.elementor .e-button-base {
    text-align: center;
    padding-block-start: 12px;
    padding-block-end: 12px;
    padding-inline-start: 24px;
    padding-inline-end: 24px;
    border-radius: 2px;
    border-width: 0px;
    background-color: #375EFB;
    display: inline-block;
}

/* YouTube embed element.
Maintains 16:9 aspect ratio and hides overflow. */
.elementor .e-youtube-base {
    overflow: hidden;
    aspect-ratio: 16/9;
}

/* Divider element.
Creates a 1px high black divider using background colour. */
.elementor .e-divider-base {
    height: 1px;
    border-width: 0px;
    border-color: transparent;
    border-style: none;
    background-color: #000;
}

/* Self-hosted video element.
Limits width to viewport, maintains 16:9 ratio, and displays inline-block. */
.elementor .e-self-hosted-video-base {
    max-width: 100vw;
    aspect-ratio: 16/9;
    display: inline-block;
}

/* Standard form input field.
Sets input height, font size, colours, and border styling. */
.elementor .e-form-input-base {
    height: 36px;
    font-size: 12px;
    color: #0c0d0e;
    border-radius: 0px;
    border-color: #D6D5D5;
}

/* Focused form input field.
Darkens border colour and removes browser outline. */
.elementor .e-form-input-base:focus {
    border-color: #706F6F;
    outline-style: none;
}

/* Form input placeholder text.
Sets placeholder text colour. */
.elementor .e-form-input-base::placeholder {
    color: #9DA5AE;
}

/* Form label element.
Sets label font size and text colour. */
.elementor .e-form-label-base {
    font-size: 14px;
    color: #0c0d0e;
}

/* Textarea field element.
Sets font size and border styling. */
.elementor .e-form-textarea-base {
    font-size: 12px;
    border-radius: 0px;
    border-color: #D6D5D5;
}

/* Focused textarea field.
Darkens border colour and removes browser outline. */
.elementor .e-form-textarea-base:focus {
    border-color: #706F6F;
    outline-style: none;
}

/* Textarea placeholder text.
Sets placeholder text colour. */
.elementor .e-form-textarea-base::placeholder {
    color: #9DA5AE;
}

/* Form submit button element.
Creates black button with centred content, padding, and white text. */
.elementor .e-form-submit-button-base {
    color: #fff;
    padding-block-start: 10px;
    padding-block-end: 10px;
    padding-inline-start: 28px;
    padding-inline-end: 30px;
    border-radius: 0px;
    border-width: 0px;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Hovered or focused submit button.
Changes background colour on hover or keyboard focus. */
.elementor .e-form-submit-button-base:hover,
.elementor .e-form-submit-button-base:focus-visible {
    background-color: #323232;
}

/* Checkbox input element.
Creates custom checkbox styling, sizing, borders, transitions, and removes browser appearance. */
.elementor .e-form-checkbox-base {
    width: 1.15em;
    height: 1.15em;
    color: #ffffff;
    border-radius: 0px;
    border-width: 1px;
    border-color: #D6D5D5;
    border-style: solid;
    background-color: transparent;
    transition: background-color 200ms;
    display: grid;
    justify-items: center;
    align-items: center;
    appearance: none;
}

/* Focused checkbox element.
Darkens border colour and removes browser outline. */
.elementor .e-form-checkbox-base:focus {
    border-color: #706F6F;
    outline-style: none;
}

/* Checked checkbox state.
Changes checkbox background colour when selected. */
.elementor .e-form-checkbox-base:checked {
    background-color: #69727D;
}

/* Checkbox checkmark pseudo-element.
Creates custom checkmark shape using clip-path and opacity transition. */
.elementor .e-form-checkbox-base::before {
    width: 65%;
    height: 65%;
    background-color: currentColor;
    opacity: 0%;
    transform-origin: 0% 100% 0px;
    transition: opacity 200ms;
    content: "";
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

/* Visible checkbox checkmark state.
Shows checkmark when checkbox is checked. */
.elementor .e-form-checkbox-base:checked::before {
    opacity: 100%;
}

/* Radio button element.
Creates custom circular radio button and removes browser appearance. */
.elementor .e-form-radio-button-base {
    width: 1.15em;
    height: 1.15em;
    color: #ffffff;
    border-radius: 50%;
    border-width: 1px;
    border-color: #D6D5D5;
    border-style: solid;
    background-color: transparent;
    display: grid;
    justify-items: center;
    align-items: center;
    appearance: none;
}

/* Focused radio button.
Darkens border colour and removes browser outline. */
.elementor .e-form-radio-button-base:focus {
    border-color: #706F6F;
    outline-style: none;
}

/* Checked radio button state.
Keeps background transparent when selected. */
.elementor .e-form-radio-button-base:checked {
    background-color: transparent;
}

/* Radio button inner dot pseudo-element.
Creates inner selected dot using opacity transition. */
.elementor .e-form-radio-button-base::before {
    width: 65%;
    height: 65%;
    border-radius: 50%;
    background-color: #706F6F;
    opacity: 0%;
    transition: opacity 200ms;
    content: "";
}

/* Visible radio button selected dot.
Shows inner dot when radio button is selected. */
.elementor .e-form-radio-button-base:checked::before {
    opacity: 100%;
}

/* Date picker field element.
Sets sizing, borders, colours, and typography for date input. */
.elementor .e-form-date-picker-base {
    width: 100%;
    height: 36px;
    font-size: 12px;
    color: #0c0d0e;
    border-radius: 0px;
    border-width: 1px;
    border-color: #D6D5D5;
    border-style: solid;
}

/* Focused date picker field.
Darkens border colour and removes browser outline. */
.elementor .e-form-date-picker-base:focus {
    border-color: #706F6F;
    outline-style: none;
}

/* Time picker field element.
Sets sizing, borders, colours, and typography for time input. */
.elementor .e-form-time-picker-base {
    width: 100%;
    height: 36px;
    font-size: 12px;
    color: #0c0d0e;
    border-radius: 0px;
    border-width: 1px;
    border-color: #D6D5D5;
    border-style: solid;
}

/* Focused time picker field.
Darkens border colour and removes browser outline. */
.elementor .e-form-time-picker-base:focus {
    border-color: #706F6F;
    outline-style: none;
}

/* Select dropdown field element.
Sets border styling, typography, and transparent background. */
.elementor .e-form-select-base {
    font-size: 12px;
    border-width: 1px;
    border-color: #D6D5D5;
    border-style: solid;
    background-color: transparent;
}

/* Focused select dropdown field.
Darkens border colour and removes browser outline. */
.elementor .e-form-select-base:focus {
    border-color: #706F6F;
    outline-style: none;
}

/* File upload field element.
Sets sizing, typography, colours, and border styling. */
.elementor .e-form-file-upload-base {
    height: 36px;
    font-size: 12px;
    color: #0c0d0e;
    border-radius: 0px;
    border-color: #D6D5D5;
}

/* Focused file upload field.
Darkens border colour and removes browser outline. */
.elementor .e-form-file-upload-base:focus {
    border-color: #706F6F;
    outline-style: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://parkingilodz.pl/wp-content/uploads/2026/06/barlow-v13-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://parkingilodz.pl/wp-content/uploads/2026/06/barlow-v13-latin_latin-ext-900.woff2') format('woff2');
}
@font-face {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://parkingilodz.pl/wp-content/uploads/2026/06/barlow-v13-latin_latin-ext-800.woff2') format('woff2');
}
@font-face {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://parkingilodz.pl/wp-content/uploads/2026/06/barlow-v13-latin_latin-ext-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://parkingilodz.pl/wp-content/uploads/2026/06/barlow-v13-latin_latin-ext-300.woff2') format('woff2');
}
@font-face {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://parkingilodz.pl/wp-content/uploads/2026/06/barlow-v13-latin_latin-ext-200.woff2') format('woff2');
}
/* End Custom Fonts CSS */