/* fonts */ @font-face { font-family: 'Core Sans C 45'; src: url('../fonts/CoreSansC-45Regular.eot'); src: local('Core Sans C 45 Regular'), local('CoreSansC-45Regular'), url('../fonts/CoreSansC-45Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/CoreSansC-45Regular.woff2') format('woff2'), url('../fonts/CoreSansC-45Regular.woff') format('woff'), url('../fonts/CoreSansC-45Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Core Sans C 65'; src: url('../fonts/CoreSansC-65Bold.eot'); src: local('Core Sans C 65 Bold'), local('CoreSansC-65Bold'), url('../fonts/CoreSansC-65Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/CoreSansC-65Bold.woff2') format('woff2'), url('../fonts/CoreSansC-65Bold.woff') format('woff'), url('../fonts/CoreSansC-65Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Core Sans C 35'; src: url('../fonts/CoreSansC-35Light.eot'); src: local('Core Sans C 35 Light'), local('CoreSansC-35Light'), url('../fonts/CoreSansC-35Light.eot?#iefix') format('embedded-opentype'), url('../fonts/CoreSansC-35Light.woff2') format('woff2'), url('../fonts/CoreSansC-35Light.woff') format('woff'), url('../fonts/CoreSansC-35Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } /* mano */ .slider-title{ --animate-delay: 1s; --animate-duration: 1s; } .slider-subtitle { --animate-delay: 2s; --animate-duration: 1s; } .btn-slider { --animate-delay: 15s; --animate-duration: 1s; } body { color:#400707; overflow-x: hidden; font-family:'Core Sans C 35'!important; } html { scroll-behavior: auto !important; } #main { margin-top: 0rem; } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1020px; } } :root { --mdc-theme-primary: #400707; --mdc-theme-secondary: #400707; } .gform_wrapper{ --mdc-typography-font-family: 'Core Sans C 45'; --mdc-typography-subtitle1-font-family: 'Core Sans C 35'; --mdc-typography-subtitle1-font-size: 15px; --mdc-typography-subtitle1-line-height: 28px; --mdc-typography-subtitle1-letter-spacing: 0.009375em; --mdc-typography-subtitle1-text-transform:none; --mdc-typography-caption-font-family: 'Core Sans C 45'; --mdc-typography-caption-font-size: 12px; --mdc-typography-caption-line-height: 20px; --mdc-typography-caption-letter-spacing: 0.03333333em; --mdc-typography-headline4-font-family: 'Core Sans C 45'; --mdc-typography-headline4-font-size: 34px; --mdc-typography-headline4-line-height: 40px; --mdc-typography-headline4-letter-spacing: 0.00735294em; --mdc-typography-body2-font-family: 'Core Sans C 35'; --mdc-typography-body2-font-size: 14px; --mdc-typography-body2-line-height: 20px; --mdc-typography-body2-letter-spacing: 0.01785714em; --mdc-typography-button-font-family: 'Core Sans C 45'; --mdc-typography-button-font-size: 14px; --mdc-typography-button-letter-spacing: 0.08928571em; --mdc-protected-button-container-height: 36px; --mdc-text-button-container-height: 36px; --mdc-filled-button-container-height: 36px; } @media only screen and ( max-width: 800px ) and ( min-width:481px ) { .gform_wrapper{ --mdc-typography-subtitle1-font-size: 15px; --mdc-typography-subtitle1-line-height: 28px; --mdc-typography-subtitle1-letter-spacing: 0.009375em; --mdc-typography-caption-font-size: 12px; --mdc-typography-caption-line-height: 20px; --mdc-typography-caption-letter-spacing: 0.03333333em; --mdc-typography-headline4-font-size: 34px; --mdc-typography-headline4-line-height: 40px; --mdc-typography-headline4-letter-spacing: 0.00735294em; --mdc-typography-body2-font-size: 14px; --mdc-typography-body2-line-height: 20px; --mdc-typography-body2-letter-spacing: 0.01785714em; --mdc-typography-button-font-size: 14px; --mdc-typography-button-letter-spacing: 0.08928571em; --mdc-protected-button-container-height: 36px; --mdc-text-button-container-height: 36px; --mdc-filled-button-container-height: 36px; } } @media only screen and ( max-width: 480px ) { .gform_wrapper{ --mdc-typography-subtitle1-font-size: 15px; --mdc-typography-subtitle1-line-height: 28px; --mdc-typography-subtitle1-letter-spacing: 0.009375em; --mdc-typography-caption-font-size: 12px; --mdc-typography-caption-line-height: 20px; --mdc-typography-caption-letter-spacing: 0.03333333em; --mdc-typography-headline4-font-size: 34px; --mdc-typography-headline4-line-height: 40px; --mdc-typography-headline4-letter-spacing: 0.00735294em; --mdc-typography-body2-font-size: 14px; --mdc-typography-body2-line-height: 20px; --mdc-typography-body2-letter-spacing: 0.01785714em; --mdc-typography-button-font-size: 14px; --mdc-typography-button-letter-spacing: 0.08928571em; --mdc-protected-button-container-height: 36px; --mdc-text-button-container-height: 36px; --mdc-filled-button-container-height: 36px; } } /* custom material rule */ /*main form */ @media only screen and ( min-width: 992px ) { #gform_wrapper_1.gform_wrapper .gform_fields { display: -ms-grid; display: grid; grid-column-gap: 50px; -ms-grid-columns: (1fr 10%)[12]; grid-row-gap: 16px; -ms-grid-columns: (1fr)[12]; grid-template-columns: repeat(12,1fr); grid-template-rows: repeat(auto-fill,auto); width: 100%; } } #gform_wrapper_1.gform_wrapper .stla_material_wrapper form .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before { color:rgba(64, 7, 7, 1); } #gform_wrapper_1.gform_wrapper.stla_material_wrapper form .mdc-line-ripple--active::after { color:rgba(64, 7, 7, 1); } #gform_wrapper_1.gform_wrapper.stla_material_wrapper form .mdc-line-ripple--deactivating::after { opacity: 0; } /* small label on focus */ #gform_wrapper_1.gform_wrapper.stla_material_wrapper form .gform-body .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{ color: rgba(255, 255, 255, 1); } /* small label on focus */ #gform_wrapper_1.gform_wrapper .mdc-text-field.mdc-text-field--filled.stla_material_large.mdc-text-field--label-floating.mdc-ripple-upgraded .mdc-ripple-upgraded--background-focused label.gfield_label.mdc-floating-label.mdc-floating-label--float-above { color:rgba(255, 255, 255, 1); } /* placeholder label color */ #gform_wrapper_1.gform_wrapper.stla_material_wrapper form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { color:rgba(64, 7, 7, 1); } /* border line input color */ #gform_wrapper_1.gform_wrapper.stla_material_wrapper form .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before { border-bottom-color: rgba(64, 7, 7, 1); } /* input text color no focus */ #gform_wrapper_1.gform_wrapper.stla_material_wrapper form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { color:rgba(64, 7, 7, 1); } /* error */ #gform_wrapper_1.gform_wrapper.stla_material_wrapper form .mdc-text-field--invalid .mdc-text-field__input { caret-color: #bb0000; caret-color: var(--mdc-theme-error, #bb0000); color: #bb0000; } /* input background focused */ #gform_wrapper_1 .mdc-ripple-upgraded--background-focused { background-color:rgba(64,7,7,0.8)!important; color:#fff!important; } #gform_wrapper_1 .mdc-ripple-upgraded--background-focused .mdc-text-field__input { color:#fff!important; } #gform_wrapper_1 #input_1_31 .mdc-ripple-upgraded--background-focused { background-color:transparent!important; } /* input gwiazdka po najechaniu */ #gform_wrapper_1 .mdc-floating-label--float-above .gfield_required.gfield_required_asterisk { color:#fff; } /* checkbox */ body .gform_wrapper.stla_material_wrapper form .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate="true"]) ~ .mdc-checkbox__background { border-color: rgba(255, 255, 255, 0.54); border-color: var(--mdc-checkbox-unchecked-color, rgba(64, 7, 7, 1)); background-color: transparent; } /* file upload */ #gform_wrapper_1 .gpfup__droparea { background: rgba( 0, 0, 0, 0.02 ); border: 1px dashed rgba(64, 7, 7, 1); color: rgba(64, 7, 7, 1); margin-top:10px; } @media all and (min-width: 992px) { .gpfup__droparea > div { font-size: 0.8rem; } } .gfield_label.mdc-floating-label.mdc-typography--subtitle1.mdc-floating-label--float-above { margin-top: 10px; } /* contact form */ #gform_wrapper_2.gform_wrapper .stla_material_wrapper form .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before { color:rgba(255, 255, 255, 1); } #gform_wrapper_2.gform_wrapper.stla_material_wrapper form .mdc-line-ripple--active::after { color:rgba(255, 255, 255, 1); } #gform_wrapper_2.gform_wrapper.stla_material_wrapper form .mdc-line-ripple--deactivating::after { opacity: 0; } #gform_wrapper_2.gform_wrapper.stla_material_wrapper form .gform-body .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{ color:rgba(255, 255, 255, 1); } #gform_wrapper_2.gform_wrapper.stla_material_wrapper form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { color:rgba(255, 255, 255, 1); } #gform_wrapper_2.gform_wrapper.stla_material_wrapper form .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before { border-bottom-color: rgba(255, 255, 255, 1); } #gform_wrapper_2.gform_wrapper .mdc-text-field.mdc-text-field--filled.stla_material_large.mdc-text-field--label-floating.mdc-ripple-upgraded label.gfield_label.mdc-floating-label.mdc-floating-label--float-above { color:rgba(255, 255, 255, 0.5); } #gform_wrapper_2.gform_wrapper .mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above { color:rgba(255, 255, 255, 0.5)!important; } #gform_wrapper_2.gform_wrapper .mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input { margin-top: 33px; color:#fff; } #gform_wrapper_2.gform_wrapper.stla_material_wrapper form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { color:rgba(255 255, 255, 1); } #gform_wrapper_2.gform_wrapper.stla_material_wrapper .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { color: #fff; } #gform_wrapper_2.gform_wrapper.stla_material_wrapper form .mdc-text-field--invalid .mdc-text-field__input { caret-color: #bb0000; caret-color: var(--mdc-theme-error, #bb0000); color: #bb0000; } /* ankieta form */ #gform_wrapper_3.gform_wrapper .stla_material_wrapper form .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before { color:rgba(64, 7, 7, 1); } #gform_wrapper_3.gform_wrapper.stla_material_wrapper form .mdc-line-ripple--active::after { color:rgba(64, 7, 7, 1); } #gform_wrapper_3.gform_wrapper.stla_material_wrapper form .mdc-line-ripple--deactivating::after { opacity: 0; } #gform_wrapper_3.gform_wrapper.stla_material_wrapper form .gform-body .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{ color:rgba(64, 7, 7, 1); } #gform_wrapper_3.gform_wrapper.stla_material_wrapper form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { color:rgba(64, 7, 7, 1); } #gform_wrapper_3.gform_wrapper.stla_material_wrapper form .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before { border-bottom-color: rgba(64, 7, 7, 1); } #gform_wrapper_3.gform_wrapper .mdc-text-field.mdc-text-field--filled.stla_material_large.mdc-text-field--label-floating.mdc-ripple-upgraded label.gfield_label.mdc-floating-label.mdc-floating-label--float-above { color:rgba(64, 7, 7, 0.5); } #gform_wrapper_3.gform_wrapper .mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above { color:rgba(64, 7, 7, 0.5)!important; } #gform_wrapper_3.gform_wrapper .mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input { margin-top: 33px; } #gform_wrapper_3.gform_wrapper.stla_material_wrapper form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { color:rgba(64, 7, 7, 1); } #gform_wrapper_1 .mdc-ripple-upgraded--background-focused { background-color:rgba(64,7,7,0)!important; color:#fff!important; } #gform_wrapper_3.gform_wrapper.stla_material_wrapper form .mdc-text-field--invalid .mdc-text-field__input { caret-color: #bb0000; caret-color: var(--mdc-theme-error, #bb0000); color: #bb0000; } #gform_wrapper_3.gform_wrapper .mdc-select__dropdown-icon-graphic { fill: rgba(64, 7, 7, 1); } #gform_wrapper_3.gform_wrapper.stla_material_wrapper form .mdc-form-field { color: rgba(64, 7, 7, 1); } #field_3_5 legend.gfield_label.mdc-typography--subtitle1 { opacity: 1!important; } #gform_wrapper_3.gform_wrapper.stla_material_wrapper form .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle { border-color: rgba(64, 7, 7, 1); } #gform_wrapper_3.gform_wrapper.stla_material_wrapper form .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { border-color: rgba(64, 7, 7, 1); } #gform_wrapper_3 option { font-family:'arial'!important; color:#400707; background-color:#F5DFC8; } #gform_wrapper_3 option:hover { background-color:#400707!important; color:#fff!important; } #gform_wrapper_1 .mdc-ripple-upgraded--background-focused { background-color:rgba(64,7,7,0.8)!important; color:#fff!important; } #gform_wrapper_1 .mdc-ripple-upgraded--background-focused .mdc-text-field__input { color:#fff!important; } body .gform_wrapper form .gform-body .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, body .gform_wrapper form .gform-body .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .gform_wrapper form .gform-body .mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .gform_wrapper form .gform-body .mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{ font-size: var(--mdc-typography-subtitle1-font-size); } .gform_wrapper.gform_wrapper form .gform-body .gfield_description, .gform_wrapper.gform_wrapper form .gform-body .stla_material_helper_text{ -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: 'Core Sans C 35', sans-serif!important; font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, 'Core Sans C 45', sans-serif)); color: rgba(0, 0, 0, 0.38); font-size: var(--mdc-typography-caption-font-size, 0.75rem); font-weight: 400; font-weight: var(--mdc-typography-caption-font-weight, 400); letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.03333333em); text-decoration: inherit; -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit); text-decoration: var(--mdc-typography-caption-text-decoration, inherit); text-transform: inherit; text-transform: var(--mdc-typography-caption-text-transform, inherit); display: block; margin-top: 0; line-height: 1.25rem; line-height: var(--mdc-typography-caption-line-height, 1.25rem); padding-right: 0px; } .gform_wrapper.gform_wrapper form .gform-body .field_description_above .gfield_description{ padding-bottom: 8px; } .gform_wrapper form .field_description_below .gfield_description, .gform_wrapper form .gform-body .stla_material_helper_text{ padding-top: 2px; } .gform_wrapper.gform_wrapper.gravity-theme .field_sublabel_below fieldset.ginput_cardinfo_left{ flex-direction: column; } .gform_wrapper.gform_wrapper form .gform-body .mdc-typography--headline4.gsection_title { margin: 0px; } .gform_wrapper.gform_wrapper form .gform-body .gfield.gfield_html{ font-family: Core Sans C 35,sans-serif!important; font-size: var(--mdc-typography-subtitle1-font-size, 1rem); } body .gform_wrapper.gform_wrapper form .gform-body .gsection_description.mdc-typography--subtitle1{ font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, 'Core Sans C 45', sans-serif)); font-size: var(--mdc-typography-subtitle1-font-size, 1rem); line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); } .gform_wrapper.gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gform_wrapper.gravity-theme .gform_save_link.button{ background-color: var(--mdc-protected-button-container-color, var(--mdc-theme-primary, #000)); color: var(--mdc-protected-button-label-text-color, var(--mdc-theme-on-primary, #fff)); } .gform_wrapper.gform_wrapper form .mdc-text-field__input{ font-size: var(--mdc-typography-subtitle1-font-size, 1rem); font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, 'Core Sans C 45', sans-serif)); padding: 0px; border: 0px; } .gform_wrapper ul.gform_fields .ginput_container_address .ginput_full, .gform_wrapper.gform_wrapper .ginput_complex .ginput_container_date .mdc-text-field, .gform_wrapper .gfield .ginput_container_creditcard .ginput_card_expiration_container .mdc-select select, .gform_wrapper .mdc-text-field--textarea, .gform_wrapper .gfield_list_group .gfield_list_cell .mdc-text-field, .gfield_checkbox .mdc-form-field, .gfield_radio .mdc-form-field, .gform_wrapper .ginput_container_multiselect select.mdc-list, .gform_wrapper .ginput_container_select select.gfield_select, .gform_wrapper .ginput_container_creditcard select.mdc-text-field__input{ width: 100% !important; } .gform_wrapper form .gform-body .mdc-form-field{ width: 100%; } .gform_wrapper .gfield_radio .mdc-form-field .mdc-radio ~ .mdc-text-field{ margin: 0px; } .gform_wrapper.gform_wrapper form .gform-body .mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic{ width: 10px; height: 10px; background-color:transparent; } .gform_wrapper.gform_wrapper .mdc-text-field .mdc-text-field__icon--trailing,.gform_wrapper.gform_wrapper .mdc-select__dropdown-icon{ padding: 0px; } .gform_wrapper.gform_wrapper .ginput_container.ginput_container_select.mdc-text-field, .gform_wrapper.gform_wrapper form .gform-body .stla_complex_field_dropdown.mdc-text-field, .gform_wrapper.gform_wrapper .gfield_time_ampm.mdc-text-field, .gform_wrapper.gform_wrapper .gfield_date_dropdown_year .mdc-text-field, .gform_wrapper.gform_wrapper .gfield_date_dropdown_month .mdc-text-field, .gform_wrapper.gform_wrapper .gfield_date_dropdown_day .mdc-text-field, .gform_wrapper.gform_wrapper .address_country.mdc-text-field, .gform_wrapper.gform_wrapper .name_prefix_select, .gform_wrapper.gform_wrapper .stla_complex_field_dropdown, .gform_wrapper .ginput_container_creditcard .ginput_cardinfo_left .mdc-text-field{ padding: 0px; } .gform_wrapper.gform_wrapper .gfield select.mdc-text-field__input { padding: 0 16px ; width: 100%; height: 100%; border: 0px; margin: 0px; } #preview_form_container .mdc-button.gform_previous_button, #preview_form_container .mdc-button.gform_next_button{ color: var(--mdc-protected-button-label-text-color, var(--mdc-theme-on-primary, #fff)); vertical-align: top; } div#preview_form_container .gfield .mdc-checkbox input[type=checkbox]{ height: var(--mdc-checkbox-touch-target-size, 40px); } body .gform_wrapper.gform_wrapper form .mdc-button--raised{ font-size: var(--mdc-protected-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem)); border-radius: 4px; } .gform_wrapper.gform_wrapper .ui-datepicker-trigger:not(.mdc-text-field__icon--trailing){ display: none; } .gform_wrapper.gform_wrapper form .mdc-radio, .gform_wrapper.gform_wrapper form .mdc-checkbox{ box-sizing: content-box !important; } .gform_wrapper.gform_legacy_markup_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper.gform_legacy_markup_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label{ margin: 0px; } .gform_wrapper .stla_material_large { width: 100% !important; } .gform_wrapper .stla_material_medium { width: 50% !important; } .gform_wrapper .stla_material_small { width: 25% !important; } .gform_wrapper.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full), .gform_wrapper.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full), .gform_wrapper.gform_wrapper.gravity-theme .ginput_container_address span, .gform_wrapper.gform_wrapper form .mdc-text-field{ padding: 0px 16px; } .gform_wrapper.gform_legacy_markup_wrapper .gfield_time_hour input[type=number], .gform_wrapper.gform_legacy_markup_wrapper .gfield_time_minute input[type=number]{ min-width: 100%; max-width: 100%; } @media all and (max-width: 640px){ .gform_wrapper.gform_legacy_markup_wrapper .stla_material_large, .gform_wrapper.gform_legacy_markup_wrapper .stla_material_medium, .gform_wrapper.gform_legacy_markup_wrapper .stla_material_small{ width: 100% !important; } .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper .ginput_complex.ginput_container > span{ display: flex; } .gform_wrapper.gform_wrapper .gfield_required{ display: inline-block; margin-bottom: 0px; } } .gform_wrapper.gform_wrapper.gravity-theme .ginput_container_address{ margin-left: 0px; margin-right: 0px; } .gform_wrapper .gform_fields ul.row li.gfield:not(.col-md-12) .stla_material_medium{ width:100% !important; } .gform_wrapper div.charleft{ width: 100% !important; padding-right: 32px; text-align: right; position: absolute; } .gform_wrapper .stla_material_char_counter{ overflow-x: hidden !important; overflow-y: scroll !important; } .gform_wrapper.gform_wrapper .mdc-form-field.stla-other-choice input{ margin-top: 0px; } .gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio]{ visibility: visible !important; } .gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio, .gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_3col ul.gfield_radio, .gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio, .gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio, .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li { overflow: visible !important; } .gform_wrapper .ginput_container_fileupload input[type="file"].mdc-button, .gform_wrapper .ginput_container_post_image input[type="file"].mdc-button { padding-left: 0; } .gform_wrapper .sk-gfield_error .gfield_description.validation_message{ border: 0px; padding-left: 0px; padding-right: 0px; } .gform_wrapper .mdc-list option { padding: 16px 16px; } #gform_wrapper_1 option { font-family:'arial'!important; color:#400707; background-color:#F5DFC8; } #gform_wrapper_1 option:hover { background-color:#400707; color:#fff; } .gform_wrapper td.gfield_list_cell .mdc-text-field{ padding-top: 0; margin:0; } body .gform_wrapper .gform_body .gform_fields .gfield ul.gfield_radio li input[value="Other"]{ border-width: 0px 0px 1px 0px; } .gform_wrapper .name_prefix_select{ padding-top:2px; } .gform_wrapper .mdc-text-field--textarea .mdc-floating-label{ background-color:transparent; } .gform_wrapper ul.gform_fields li.gfield .ginput_container_time.mdc-select{ margin-top: 0px; } .gform_wrapper ul.gform_fields li.gfield .ginput_container_time.mdc-select select,.gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex select{ height:100%; margin-bottom:0px; } .gform_wrapper.gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container div.mdc-select{ width:47% ; } .gform_wrapper .gfield .ginput_container_creditcard .mdc-text-field input{ max-width: 100% !important; } .gform_wrapper .gfield .ginput_container_creditcard .ginput_cardinfo_right .mdc-text-field, .gform_wrapper .gfield .ginput_container_creditcard .ginput_cardinfo_right span.ginput_card_security_code_icon{ vertical-align: middle; } .gform_wrapper.gform_wrapper .gfield_checkbox li.pretty, .gform_wrapper.gform_wrapper .gfield_radio li.pretty{ font-size: .766em; font-family: Core Sans C 45,sans-serif!important; } .gform_wrapper.gform_wrapper .gform_body .gform_fields li.gfield ul li.pretty .state label{ vertical-align: middle; } .gform_wrapper .gfield .mdc-text-field--textarea .charleft { left: auto; right: 16px; position: absolute; bottom: 3px; font-family: Core Sans C 45,sans-serif!important; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: .80rem; line-height: 1.25rem; font-weight: 400; letter-spacing: .0333333333em; text-decoration: inherit; text-transform: inherit; padding-right: 0; white-space: nowrap; } .gform_wrapper ul.gform_fields li.gfield .mdc-select.mdc-select--outlined{ display: inline-flex; height: 56px; } .gform_wrapper input.mdc-text-field__input { width: 100% !important; } .gform_wrapper ul.gform_fields .mdc-text-field__input:focus{ outline: none; } .gform_wrapper ul.gform_fields .ginput_container_address .mdc-text-field, .gform_wrapper ul.gform_fields .ginput_container_address .mdc-select--outlined{ margin-bottom: 16px; } .gform_wrapper.gform_wrapper .ginput_container_creditcard .ginput_full { margin-bottom: 10px; } .gform_wrapper.gform_wrapper .mdc-text-field--filled:not(.mdc-text-field--no-label) select.mdc-text-field__input{ height: calc( 100% - 12px ); } .gform_wrapper.gform_wrapper .mdc-text-field .mdc-select__dropdown-icon{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; right: 0px; } .gform_wrapper .gform_previous_button.button.mdc-button{ color: #fff; } .gform_wrapper.gform_wrapper .mdc-form-field.stla-other-choice label{ margin-right: 20px; } .gform_wrapper.gform_wrapper form .mdc-notched-outline .mdc-floating-label{ display: inline-block; line-height: 1.75; padding: 0px; } .gform_wrapper.gform_wrapper.gravity-theme .ginput_complex .ginput_full{ flex: 0 0 100%; width: 100%; } .gform_wrapper.gform_wrapper form .gform-body .mdc-text-field--outlined{ padding: 0px 16px; } .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper .gform_fields .ginput_container_radio, .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper .gform_fields .ginput_container_checkbox{ margin-top: 8px; } .gform_wrapper.gform_wrapper.gravity-theme .gfield_label{ font-weight: var(--mdc-typography-subtitle1-font-weight, 400); } .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper label.gfield_label{ font-weight: 700; } .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper .gform_fields .ginput_container_radio ul.gfield_radio, .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper .gform_fields .ginput_container_checkbox ul.gfield_checkbox{ margin: 0; padding: 0; } .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper .gform_fields .ginput_container_radio ul.gfield_radio li.gchoice, .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper .gform_fields .ginput_container_checkbox ul.gfield_checkbox li.gchoice{ margin: 0; } .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper .gform_fields .ginput_container_radio ul.gfield_radio li input, .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper .gform_fields .ginput_container_checkbox ul.gfield_checkbox li input{ margin: 0; } .gform_wrapper.gform_wrapper .gfield_radio .gchoice label, .gform_wrapper.gform_wrapper .gfield_checkbox .gchoice label{ font-size: var(--mdc-typography-body2-font-size, 0.875rem); } .gform_wrapper.gform_legacy_markup_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label, .gform_wrapper.gform_legacy_markup_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label{ width: auto; } .gform_wrapper.gform_legacy_markup_wrapper .gform_page_footer .button.gform_next_button, .gform_wrapper.gform_legacy_markup_wrapper .gform_page_footer .button.gform_previous_button{ display: inline-flex; margin-bottom: 0px; } @media all and (min-width: 641px){ .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper .ginput_container_address > span, .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper .ginput_complex.ginput_container_email > span{ flex-basis: calc( 50% - 8px ); width: calc( 50% - 8px ); display: inline-flex; } .gform_wrapper.gform_wrapper.gravity-theme .ginput_container_address{ column-gap: 2%; } .gform_wrapper.gform_wrapper.gravity-theme .ginput_container_address span{ flex: 0 0 49%; } .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper div.ginput_complex.ginput_container.gf_name_has_4 span.mdc-text-field { width: calc( 25% - 16px ); } .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper div.ginput_complex.ginput_container.gf_name_has_2 span { width: calc( 50% - 8px ); } .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper div.ginput_complex.ginput_container.gf_name_has_3 span { width: calc( 33.3% - 10.66px ); } .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper div.ginput_complex.ginput_container.gf_name_has_5 span:not(.mdc-select__dropdown-icon) { width: calc( 19.95% - 13px ); } .gform_wrapper .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span.mdc-text-field:not(.ginput_full), .gform_wrapper .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span.mdc-text-field:not(.ginput_full){ margin-left: 16px; } .gform_wrapper ul.gform_fields li.gfield.gf_left_half .stla_material_medium, .gform_wrapper ul.gform_fields li.gfield.gf_right_half .stla_material_medium, .gform_wrapper ul.gform_fields li.gfield.gf_left_third .stla_material_medium, .gform_wrapper ul.gform_fields li.gfield.gf_middle_third .stla_material_medium, .gform_wrapper ul.gform_fields li.gfield.gf_right_third .stla_material_medium, .gform_wrapper.gform_wrapper ul.row li.gfield:not(.col-md-12) .stla_material_medium, .gform_wrapper ul.gform_fields li.gfield.gf_left_half .stla_material_large, .gform_wrapper ul.gform_fields li.gfield.gf_right_half .stla_material_large, .gform_wrapper ul.gform_fields li.gfield.gf_left_third .stla_material_large, .gform_wrapper ul.gform_fields li.gfield.gf_middle_third .stla_material_large, .gform_wrapper ul.gform_fields li.gfield.gf_right_third .stla_material_large, .gform_wrapper.gform_wrapper ul.row li.gfield:not(.col-md-12) .stla_material_large { width: 100% !important; } .gform_wrapper.gform_wrapper.gform_legacy_markup_wrapper .ginput_container_address .ginput_left{ margin-right: 26px; } .gform_wrapper.gform_wrapper .gfield_date_dropdown_year .mdc-text-field .mdc-select__dropdown-icon, .gform_wrapper.gform_wrapper .gfield_date_dropdown_month .mdc-text-field .mdc-select__dropdown-icon, .gform_wrapper.gform_wrapper .gfield_date_dropdown_day .mdc-text-field .mdc-select__dropdown-icon { margin: 0px 5px; } .gform_wrapper .ginput_card_expiration_container .mdc-text-field{ width: 46% !important; margin: 0px 4px; } .gform_wrapper .ginput_complex .ginput_cardinfo_right{ width: calc( 50% - 16px ); } .gform_wrapper .ginput_complex .ginput_cardinfo_right input{ display: inline-block; } .gform_wrapper .ginput_container_creditcard > span.ginput_full:first-child .mdc-text-field{ margin-bottom: 14px; } .gform_wrapper .ginput_container_creditcard > span.ginput_full .mdc-text-field-helper-line{ margin-bottom: 14px; } .gform_wrapper.gform_wrapper .gfield .ginput_complex .ginput_cardinfo_left label.mdc-text-field-helper-text{ font-size: 0.75rem; } .gform_wrapper.gform_wrapper .ginput_cardextras .ginput_cardinfo_right.mdc-text-field{ flex-wrap: nowrap; } .gform_wrapper.gform_wrapper form .mdc-form-field > label{ font-size: var(--mdc-typography-body2-font-size, 0.875rem); } .gform_wrapper.gform_wrapper .ginput_complex span.ginput_cardextras{ overflow: visible; } .gform_wrapper.gform_wrapper.gravity-theme .ginput_container_creditcard .ginput_cardinfo_right label{ width: auto; } } /*end positionig */ @media all and (min-width: 768px){ .gform_wrapper.gform_legacy_markup_wrapper td.gfield_list_cell, .gform_wrapper.gform_legacy_markup_wrapper .gfield_list thead tr th{ display: table-cell; } } /* kontaktowy */ #kontakt { background-color:#29130B; } #gform_wrapper_2 { max-width: 500px; margin: 0 auto; } /* mano pl color */ :root { --bs-body-font-family : Core Sans C 45, } .beko-bg-white { background-color:#fff; } .beko-bg-grey { background-color:rgba(224,224,224,1); } .beko-bg-light-grey { background-color: rgba(253,253,253,1); } .beko-bg-dark-blue { background-color:rgba(30,46,63,1); } .beko-bg-light-beige { background-color:#F5DFC8; } .beko-bg-blue { background-color:#400707; } .beko-bg-beige { background-color:#E6E6E6; } .beko-bg-green { background-color:#F5DFC8; } .text-green { color:#F5DFC8!important; } body .gform_wrapper.stla_material_wrapper form .mdc-text-field--filled:not(.mdc-text-field--disabled) { background-color: transparent; } /* menu */ .blurry { background: none; color: white; border: none; } @media (min-width: 1200px) { .blurry .blurrer { height: 80px; } } .scrolled .blurrer { background-image:none; } .fixed-top.scrolled { background-color: #29130B!important; transition: background-color 200ms linear; } .navbar-expand-md .navbar-nav a.nav-link { border-bottom: 0px solid #fff; } @media (min-width: 1600px) { .navbar-expand-xl .navbar-nav { padding-right: 11%; } } #navbar ul li { padding-top: 20px; padding-bottom:20px; } #navbar ul li:first-child { margin-top:50px; } #navbar ul li:last-child { margin-bottom:50px; } .navbar { padding-bottom: 1rem; padding-top: 1rem; } .navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,1); text-align: center; font-family: 'Core Sans C 45'; font-size: 0.9rem; /*text-decoration: underline;*/ } /* mobile */ .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-toggler { border:none; border-color: hsla(0,0%,100%,.1); color: hsla(0,0%,100%,.55); } .navbar-toggler:focus { -webkit-box-shadow:none; box-shadow:none; outline: 0; text-decoration: none; } .animated-icon { width: 30px; height: 20px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .animated-icon span { display: block; position: absolute; height: 3px; width: 100%; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .animated-icon span { background: #e0e0e0; } .animated-icon span:nth-child(1) { top: 0px; } .animated-icon span:nth-child(2), .animated-icon span:nth-child(3) { top: 10px; } .animated-icon span:nth-child(4) { top: 20px; } .animated-icon.open span:nth-child(1) { top: 11px; width: 0%; left: 50%; } .animated-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .animated-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .animated-icon.open span:nth-child(4) { top: 11px; width: 0%; left: 50%; } .mobile-slider { position:relative; background: rgb(0,67,84); background: -moz-linear-gradient(90deg, rgba(0,67,84,1) 0%, rgba(0,115,73,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,67,84,1) 0%, rgba(0,115,73,1) 100%); background: linear-gradient(90deg, rgba(0,67,84,1) 0%, rgba(0,115,73,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004354",endColorstr="#007349",GradientType=1); padding-top:20px; padding-bottom:20px; } .mobile-slider:after { -webkit-box-shadow: 0px -5px 15px -5px rgba(0, 0, 0, 1); -moz-box-shadow: 0px -5px 15px -5px rgba(0, 0, 0, 1); box-shadow: 0px -5px 15px -5px rgba(0, 0, 0, 1); content: ''; display: block; height: 100%; position: absolute; top: 0; width: 100%; } .mobile-slider p.slider-text-asterisk { font-size: 0.6rem; color: #fff; text-align: center; } /* mobile end */ .slider-text-wrapper { padding-top: 50px; padding-bottom: 50px; } .navbar { min-height:60px; -webkit-box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.85); -moz-box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.85); box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.85); border:none; } @media (min-width: 1200px) { .slider-text-wrapper { margin-left: -120px; } #navbar ul li { padding-top: 0px; padding-bottom:0px; } #navbar ul li:first-child { margin-top:0px; } #navbar ul li:last-child { margin-bottom:0px; } .navbar { padding-bottom: 0rem; padding-top: 0rem; height:80px; -webkit-box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.85); -moz-box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.85); box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.85); border:none; } .navbar-b.rand { padding-left: 15px; } .fixed-top, .navbar { border-bottom:none!important; } .navbar-dark .navbar-nav .nav-link { margin-left: 15px; margin-right: 15px; /*text-decoration: underline;*/ font-size: 1rem; } .navbar-dark .navbar-nav .nav-link.active { color: #F5DFC8; text-decoration: underline; /*text-decoration-color: #007dba;*/ /*text-decoration-line: underline; */ /*text-decoration-thickness: 3px; */ } .navbar-dark .navbar-nav .nav-link:hover { color: #F5DFC8; /*text-decoration-color: #007dba; */ /*text-decoration-line: underline; */ /*text-decoration-thickness: 3px; */ } } .navbar-b.rand img { max-width: 45px; } .bg-dark { background-color:#400707!important; } @media (min-width: 992px) { .navbar-b.rand img { max-width: 85px; } } /* footer */ #footer .menu-item.menu-item-type-custom.menu-item-object-custom.nav-item { width: 100%; text-align: center; font-family: 'Core Sans C 35'; font-size: 0.9rem; color: #29130B; } #footer .menu-item.menu-item-type-custom.menu-item-object-custom.nav-item a { color: #29130B; } #footer .menu-item.menu-item-type-custom.menu-item-object-custom.nav-item a:hover { color: #29130B; text-decoration: underline; text-decoration-color: } #footer { padding-top:20px; padding-bottom:20px; background-color:#F5DFC8; } @media (min-width: 768px) { #footer .menu-item.menu-item-type-custom.menu-item-object-custom.nav-item { width:auto; } #footer { padding-top:10px; padding-bottom:5px; } } .footer-organizator { color:#29130B; font-size:0.75rem; } .footer-organizator span a { color:#29130B; text-decoration: underline; font-family: 'Core Sans C 65'; } /* typo */ .text-white { color:#e0e0e0; } h3 { display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; } /*h3:before, h3:after { content: ''; border-top: 1px solid; margin: 0 20px 0 0; flex: 1 0 20px; } h3:after { margin: 0 0 0 20px; }*/ .head-title { font-family:'Core Sans C 45'; font-size:1.4rem; flex-direction: row; flex-wrap: wrap; } .sub-head-title { font-size: 0.7rem; font-family: 'Core Sans C 45'; } .small-head-title { font-size:1.2rem; letter-spacing:0.5px; } .small-head-subtitle { font-family: 'Core Sans C 35'; font-size: 0.8rem; line-height: 1rem; color:#400707; } #kontakt .small-head-subtitle { font-family: 'Core Sans C 35'; font-size: 0.8rem; line-height: 1rem; color:#F5DFC8; } #kontakt .small-head-subtitle a{ font-family: 'Core Sans C 35'; font-size: 0.8rem; line-height: 1rem; color:#F5DFC8; } .circle { border-radius: 50%; width: 2.5rem; height: 2.5rem; padding: 0.1rem; background-color: #007dba; border: 3px solid #007dba; color: #fff; text-align: center; font: 1.5rem 'Core Sans C 65', sans-serif; text-align: center; color:rgba(224,224,224,1); } @media (min-width: 768px) { .title-line { display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; } .title-line:before, .title-line:after { content: ''; border-top: 1px solid; margin: 0 20px 0 0; flex: 1 0 20px; } .title-line:after { margin: 0 0 0 20px; } } .small-head-title { font-family: 'Core Sans C 65'; font-size: 1.5rem; } @media (min-width: 1200px) { .head-title { font-size:1.6rem; color:#fff; } } /* button */ .btn-primary:active, .btn-primary:active:focus, .btn-primary:focus { box-shadow: none; } .btn-slider { border:none!important; } .btn-slider, .btn-slider:visited, .btn-slider:focus { font-family: 'Core Sans C 65'; font-size: 1rem; line-height: 1.5; border-radius: 5rem; background-color: #F0C291; border: 2px solid #F0C291; text-transform: uppercase; color:#29130B; width: 100%; margin-top: 10px; margin-bottom: 10px; box-shadow: none; padding: 1.4rem 1.7rem; max-width: 310px; } @media (min-width: 768px) { .btn-slider, .btn-slider:visited, .btn-slider:focus { color:#29130B; max-width: 395px; } } .btn-slider:hover { background-color:#F5DFC8; border:none; color:#29130B; } .btn-outline, .btn-outline-filled, .btn-outline-filled-dark { font-family: 'Core Sans C 65'; line-height: 1.5; padding: 1.6rem 0rem; background-color:#F0C291; border:1px solid #F0C291; border-radius: 5rem; color:#29130B; max-width:395px; width:100%; text-transform: uppercase; margin-top:10px; margin-bottom:10px; box-shadow: none; } .btn-outline-filled-dark:hover, .btn-outline-filled-dark:focus { background-color:transparent; border:1px solid #400707; color:#400707; } .btn-outline:hover, .btn-outline:visited, .btn-outline:focus, .btn-outline:active, .btn-outline-filled:visited, .btn-outline-filled:focus, .btn-outline-filled:active { background-color:#F5DFC8; border:1px solid #F5DFC8; color:#29130B; } @media (min-width: 380px) { .btn-outline, .btn-outline:visited, .btn-outline:focus, .btn-outline:active { font-size: 0.8rem; } } #gform_submit_button_1, #gform_submit_button_2 { font-family: 'Core Sans C 45'; line-height: 1.5; padding: 1.6rem 0rem; background-color:#F0C291; border:1px solid #F0C291; border-radius: 5rem; color:#400707; max-width:300px; width:100%; text-transform: uppercase; margin-top:10px; margin-bottom:10px; box-shadow: none; height:auto; max-width: 395px; } #gform_submit_button_1:hover { background-color:transparent; color:#400707; border:1px solid #400707; } #gform_submit_button_2:hover { background-color:#F5DFC8; color:#400707; border:1px solid #F5DFC8; } .btn-outline-light { border:1px solid #e0e0e0; color:#e0e0e0; } .btn-outline-light:hover { border:1px solid #400707; color:#fff; } .btn-outline-blue { border:1px solid #400707; color:#400707; } .btn-outline-blue:hover, .btn-outline-blue:visited, .btn-outline-blue:focus { border:1px solid #400707; color:#fff; background-color:#400707; } body .gform_wrapper.stla_material_wrapper form .mdc-button .mdc-button__ripple:after { display:none; } body .gform_wrapper.stla_material_wrapper form .mdc-button .mdc-button__ripple:before { display:none; } #gform_submit_button_2 .mdc-button__label, #gform_submit_button_2 .mdc-button__ripple { display:none; } @media (min-width: 1200px) { .btn-slider, .btn-slider:visited, .btn-slider:focus { font-size: 1.1rem; padding: 1.4rem 1.7rem; max-width: 395px; } .btn-outline, .btn-outline:visited, .btn-outline:focus, .btn-outline:active { font-size: 1rem; padding: 1.4rem 1.7rem; max-width:450px; } #gform_submit_button_1 { font-size: 1.1rem; padding: 1.4rem 1.7rem; max-width:410px; } } @media (max-width: 767px) { .btn { font-size: 0.9rem; padding: 1.4rem 0rem; } } /* section */ #zasady, #formularz, #zestawy { padding-top:60px; padding-bottom:50px; } /* slider */ .slider-pralka-img-wrapper { max-width: 600px; padding-left: 20px; padding-right: 20px; } .slider-title { color:#fff; font-family: 'Core Sans C 65'; font-size: 2.3rem; /*font-size: 6vh;*/ line-height: 1; letter-spacing: -1px; margin-top:80px; } .slider-subtitle { color:#fff; font-family: 'Core Sans C 65'; font-size:1rem; margin-top:1.5rem; margin-bottom:1rem; } .slider-subtitle span { color:#F0C291; font-family: 'Core Sans C 35'; } @media(min-width: 992px) { .slider-title { font-size:3.4rem; margin-top:110px; } .slider-subtitle { margin-bottom:2rem; } .slider-pralka-img-wrapper { padding-left: 0px; padding-right: 0px; } } @media(min-width: 1200px) { .slider-title { font-size:3rem; margin-top:90px; } .slider-subtitle { font-size:1.6rem; } } @media(min-width: 1600px) { .slider-title { font-size:3.4rem; } .slider-subtitle { font-size:1.8rem; } } @media(min-width: 1920px) { .slider-title { font-size:3.9rem; } } @media (min-width: 1200px) { #zasady, #formularz, #zestawy { } } .slider-left-text { font-family:'Core Sans C 35'; font-size: 0.4rem; text-align: center; max-width: 440px; } .slider-ariel-package-img { max-width:100%; margin:0 auto; margin-bottom:-9%; z-index: 10; margin-top: 3rem; } .ariel-logo { max-width: 90px; } .aquatech-logo { max-width:90px; } .slider-left-text-wrapper p, .slider-right-text-wrapper p{ color:#fff; } @media all and (max-width: 768px){ .slider-left-text-wrapper p { font-size:0.8rem; text-align: right !important; } .slider-right-text-wrapper p { font-size:0.8rem; text-align: left !important; } } p.slider-text-asterisk { font-size:0.5rem; } @media all and (min-width: 768px){ .slider-left-text { font-size: 0.6rem; text-align: right; } p.slider-text-asterisk { font-size:0.7rem; } .slider-left-text-wrapper { padding-right:1rem; } .slider-right-text-wrapper{ padding-left:1rem; } } @media all and (min-width: 992px){ .slider-left-text { font-size: 0.7rem; text-align: right; } p.slider-text-asterisk { font-size:0.65rem; } .slider-left-text-wrapper { padding-right:4rem; } .slider-right-text-wrapper{ padding-left:4rem; } .slider-right-text-wrapper { margin-top: 1rem; margin-bottom: 1rem; } .slider-left-text-wrapper { margin-top: 1rem; margin-bottom: 1rem; } } .slider-text-bottom span { font-family:'Core Sans C 65'; } .slider-text-bottom { line-height: initial; font-size: 0.9rem; } @media (min-width: 992px) { .slider-text-bottom { line-height: initial; font-size: 1rem; } } @media (min-width: 1200px) { .slider-left-text-wrapper { padding-left:3rem; } .slider-right-text-wrapper { padding-right:3rem; } .slider-text-bottom { line-height: initial; font-size: 1.2rem; } p.slider-text-asterisk { font-size:0.75rem; } } /* zasady */ #zasady .card-body { padding: 3rem 1rem; } #zasady .card { -webkit-box-orient: vertical; -webkit-box-direction: normal; word-wrap: break-word; background-clip: border-box; background-color: #fff; border: 1px solid rgba(255,255,255,1); border-radius: 20px; padding:5px 5px 5px 5px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; max-width: 330px; margin: 0 auto; } @media (min-width: 992px) { #zasady .card-body { padding: 1rem 1rem; } #zasady .card { max-width: 400px; margin: 0 auto; width:100%; } #zasady .card:hover { -webkit-box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.65); box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.65); -webkit-transition: transform 0.1s ease-out; -moz-transition: transform 0.1s ease-out; -o-transition: transform 0.1s ease-out; transition: transform 0.1s ease-out; transform: scale(1.02); } } .numberCircle { font-family:'Core Sans C 65'; width: 51px; line-height: 51px; border-radius: 100%; text-align: center; font-size: 1.8rem; border: 0px solid transparent; border-radius: 50px; background-color:#400707; color:#fff; -webkit-transition: transform 0.1s ease-out; -moz-transition: transform 0.1s ease-out; -o-transition: transform 0.1s ease-out; transition: transform 0.1s ease-out; } .card-title.numberCircle { margin: 0 auto; position: absolute; top: -25px; left: 0; right: 0; } .numberPytajnik { font-family:'Core Sans C 65'; width: 51px; line-height: 51px; border-radius: 100%; text-align: center; font-size: 1.8rem; border: 0px solid transparent; border-radius: 50px; background-color:#400707; color:#fff; -webkit-transition: transform 0.1s ease-out; -moz-transition: transform 0.1s ease-out; -o-transition: transform 0.1s ease-out; transition: transform 0.1s ease-out; } .card-title.numberPytajnik { position: absolute; top: -25px; right: 50px; } .zasady-hasztag { font-family: 'Core Sans C 65'; font-size:1.2rem; color:#02995B; border:3px solid #400707; border-radius:8px; padding:0.5rem 1rem 0.5rem 1rem; } #zasady .card-text { font-size:0.8rem; color:#400707; } #zasady .card-text span { font-family:'Core Sans C 65'; font-size:0.8rem; } #zasady .card-text a { font-family:'Core Sans C 65'; font-size:0.8rem; text-decoration: underline; color:#400707; } .zasady-timing { color:#fff; } .zasady-timing a { text-decoration: underline; color:#fff; } .zasady-timing a:hover { text-decoration: underline; color:#003A56; } .zasady-title { font-family:'Core Sans C 45'; font-size:1.3rem; } .zasady-title-blue-large { font-family:'Core Sans C 65'; font-size:2.5rem; text-transform: none; color:#007dba; letter-spacing: -5px; margin-bottom: 10px; } @media (min-width: 768px) { .zasady-title-blue-large { font-size:2.5rem; margin-bottom: 10px; } } @media (min-width: 1200px) { } .zasady-title-blue { font-family:'Core Sans C 65'; font-size:1.7rem; text-transform: none; color:#007dba; } .zasady-points-wrapper img { max-width:155px; width:100%; } .zasady-timing { font-family:'Core Sans C 35'; font-size:0.8rem; line-height: 1.5; margin-bottom:0px; } .zasady-text { font-family:'Core Sans C 45'; line-height:1.3rem; } .zasady-text a { color:#400707; text-decoration: underline; } .zasady-text span{ font-family:'Core Sans C 65'; } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .zasady-points-wrapper img { max-width:208px; } .zasady-points-container { padding-left: 50px; padding-right: 50px; } } .zasady-points-container .img-fluid, .img-thumbnail { height: auto; max-width: 65%; } /* X-Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .zasady-title { font-size:1.6rem; } .zasady-title-blue-large { font-size:2.7rem; } .zasady-title-blue { font-size:1.7rem; } } @media (max-width: 767px) { #zasady .img-fluid { max-width: 150px; width: 100%; } } /* zestawy */ #zestawy .card { -webkit-box-orient: vertical; -webkit-box-direction: normal; word-wrap: break-word; background-clip: border-box; background-color: #F5F5F5; border: 1px solid rgba(245,245,245,1); border-radius: 33px; padding:5px 5px 5px 5px; } .kapsulki-package { z-index:20; margin-top:1rem; } .card-statystyka .progress { background-color: #F5F5F5; border-radius: .25rem; font-size: .75rem; height: 2rem; border: 2px solid #400707; border-radius: 20px; } @media (min-width: 992px) { #zestawy .card { -webkit-box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.75); box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.75); } #zestawy .card-statystyka { margin-left:-30px; max-width: 450px; } } .zestawy-progress-wrapper { max-width:300px; padding: 0rem 1rem 1.3rem 1rem; margin:0 auto; } .zestawy-progress-wrapper h2 { text-transform: uppercase; font-size:1rem; font-family: 'Core Sans C 65'; color:#400707; } @media (min-width: 992px) { .zestawy-progress-wrapper h2 { font-size:1.3rem; } } .zestawy-zestawy-pic { max-width:160px; width:100%; } .zestawy-sprzet-pic { max-width:50px; width:100%; } .zestawy-sprzet-plus:after { content:'+'; font-size:1.8rem; font-family: 'Core Sans C 45'; width: 45px; height:100%; display:flex; align-items: center; justify-content: center; } .dostepnosc-title { font-family:'Core Sans C 45'; font-size:1.3rem; } .zestawy-col-cashback { flex-basis: 100%; align-items: end; display: flex; justify-content: center; } .zestawy-col-sprzet { text-align: left; flex-basis: auto; align-items: end; display: flex; width: 50px; margin-top: 10px; margin-bottom: 30px; } .zestawy-col-progress { flex-basis: 100%; align-items: center; display: flex; justify-content: center; max-width: 230px; margin: 0 auto; padding: 0 20px; box-sizing: content-box; margin-bottom: 10px; } .break { flex-basis: 100%; height: 0; } .zestawy-wrapper { display: flex; flex-basis: auto; justify-content: center; flex-wrap: wrap; } @media (max-width: 767px) { #zestawy .btn { font-size:0.9rem; } } /* progress */ .progress-bar { height: 22px; } .dostepnosc-bg { background-color: #29130B; max-width: 100%; width: 100%; height: auto; display:block; } @media (min-width: 768px) { .dostepnosc-bg { background-image: url("../images/ekspresowa-promocja/marumr-half-bg-big.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; } } .img-fluid.ilosci-packshoot-3kg { margin-left: 70px; max-height: 360px; } .ilosci-packshoot-750g { margin-left: 70px; max-height: 360px; } @media (max-width: 767px) { .img-fluid.ilosci-packshoot-3kg { max-height: 300px; margin: 0 auto; display: block; } .ilosci-packshoot-750g { max-height: 300px; margin: 0 auto; display: block; } } @media (min-width: 992px) { .img-fluid.ilosci-packshoot-3kg { margin-left: 100px; max-height: 500px; } .ilosci-packshoot-750g { margin-left: 100px; max-height: 500px; } } .text-dostepna-ilosc { font-family: 'Core Sans C 45'; color: #fff; text-align:center; margin-bottom:0; } .text-dostepna-ilosc-count { font-family: 'Core Sans C 35'; color: #fff; text-align:center; } /* .progress-container { max-width: 250px; width: 100%; text-align: center; margin: 0 auto; padding-bottom: 30px; } .progress { background: rgb(1,125,186); background: -moz-linear-gradient(135deg, rgba(1,125,186,1) 0%, rgba(166,205,225,1) 100%); background: -webkit-linear-gradient(135deg, rgba(1,125,186,1) 0%, rgba(166,205,225,1) 100%); background: linear-gradient(135deg, rgba(1,125,186,1) 0%, rgba(166,205,225,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#017dba",endColorstr="#a6cde1",GradientType=1); border-radius: 0rem; font-size: .75rem; height: 0.5rem; } .bg-info { --bs-bg-opacity: 1; background-image: linear-gradient(#000, #000); background-size: 100% 2px; background-repeat: no-repeat; background-position: center center; background-color: rgba(253,253,253,1)!important; } .progress-bar-description-text { font-family:'Core Sans C 45'; font-size: 0.75rem; margin-bottom: 0.5rem; line-height: initial; } .progress-bar-description-text span { font-family:'Core Sans C 65'; } */ .progress { background-color: transparent; border-radius: .25rem; font-size: .75rem; height: 1.4rem; border: 1px solid #F0C291; border-radius: 20px; } .bg-info { background-color: #F0C291!important; border-radius: 20px; border: 1px solid #F0C291; } .progress-bar-description-text span { font-weight:bold; } @media (min-width: 768px) { .zestawy-wrapper { display: flex; flex-basis:content; } .zestawy-col-cashback { flex-basis: 15%; margin-right: 30px; } .zestawy-col-progress { flex-basis: 20%; margin:0; } .zestawy-col-sprzet { text-align: left; flex-basis: auto; align-items: end; display: flex; width: 40px; margin-top: 0px; margin-bottom: 0px; } .zestawy-sprzet-last { content:''; font-size:1rem; font-family: 'Core Sans C 45'; width: 25px;; height:100%; display:flex; align-items: center; justify-content: center; } .zestawy-sprzet-plus:after { font-size:1.2rem; width: 30px; } .progress-bar-description-text { font-size: 0.8rem; margin-bottom: 0.5rem; } .progress-bar-description-text { font-size: 0.6rem; line-height: normal; } .progress-container { max-width: 250px; width: 100%; text-align: center; padding-bottom:0; margin:inherit } } @media (min-width: 992px) { .zestawy-wrapper { display: flex; flex-basis:content; } .zestawy-col-cashback { flex-basis: 20%; margin-right: 0px; } .zestawy-zestawy-pic { max-width:146px; } .zestawy-col-progress { flex-basis: 15%; margin:0; } .zestawy-col-sprzet { width: 55px; margin-top: 0px; margin-bottom: 0px; } .zestawy-sprzet-last { content:''; font-size:1.8rem; font-family: 'Core Sans C 45'; width: 45px;; height:100%; display:flex; align-items: center; justify-content: center; margin-top: 0px; margin-bottom: 0px; } .progress-bar-description-text { font-size: 0.8rem; margin-bottom: 0.5rem; color:#400707 ; } } @media (min-width: 1200px) { .zestawy-col-cashback { flex-basis: 20%; } .zestawy-col-progress { flex-basis: 20%; margin:0; } } /* form pytania */ .infolinia-text { color:#e0e0e0; line-height:1.5rem; } .infolinia-text span { color:#007dba; } @media (min-width: 992px) { .infolinia-text { font-size:1.2rem; letter-spacing: 0.5px; } } /* form */ /* modale */ .text-dark-blue { color:#400707; } .tabliczka-znamionowa-modal-text { font-size: 0.8rem; padding-left: 10px; } .tabliczka-znamionowa-modal-text li { list-style-type: none; list-style: '- '; } .tabliczka-znamionowa-pic { max-width: 238x; width:238px; } @media (min-width: 992px) { .tabliczka-znamionowa-modal-text { font-size: 1rem; } } /* modale end */ .gfield_label { font-weight: var(--mdc-typography-subtitle1-font-weight, 400); font-family: 'Core Sans C 45'; font-size: 0.9rem; } .mdc-text-field.mdc-text-field--filled.stla_material_large.mdc-text-field--label-floating.mdc-ripple-upgraded label.gfield_label.mdc-floating-label.mdc-floating-label--float-above{ color:#400707; font-size:1rem; } .gform_wrapper .mdc-text-field--filled.stla_material_large.mdc-ripple-upgraded label.gfield_label.mdc-floating-label{ text-transform: uppercase; } .gform_wrapper .mdc-text-field.mdc-text-field--filled.mdc-ripple-upgraded label.mdc-floating-label { text-transform: uppercase; } .gsection_title.mdc-typography--headline4 { display: none; } /* picture upload start */ /* for mobile */ #field_1_25 { /*margin-top:20px;*/ } .b-upload--file { max-width:320px; width:100%; } .b-upload--file .gfield_label { color: rgba(0, 0, 0, 0.87); line-height: normal!important; } .b-upload--file .gpfup__droparea span { display: none; } .b-upload--file .gpfup__select-files-container { display:block!important; font-size: 0; } .b-upload--file .gpfup__droparea { background: transparent; border-radius: 0px; border: none; text-align: center; color: #aaa; transition: all 0.25s ease-out; display: table; width: 100%; height: 1rem; padding: 0.5rem 1rem 1rem 1rem; } .b-upload--file button.gpfup__select-files { width: 100%; } /* end for mobile */ #field_1_15 .gfield_label, #field_1_25 .gfield_label, #field_1_29 .gfield_label, #field_1_32 .gfield_label, #field_1_35 .gfield_label, #field_1_41 .gfield_label, #field_1_42 .gfield_label, #field_1_48 .gfield_label, #field_1_49 .gfield_label, #field_1_53 .gfield_label, #field_1_54 .gfield_label, #field_1_60 .gfield_label, #field_1_61 .gfield_label { text-align: left !important; width: 300px; } @media (min-width: 1200px) { #field_1_15 .gfield_label, #field_1_25 .gfield_label, #field_1_29 .gfield_label, #field_1_32 .gfield_label, #field_1_35 .gfield_label, #field_1_41 .gfield_label, #field_1_42 .gfield_label, #field_1_48 .gfield_label, #field_1_49 .gfield_label, #field_1_53 .gfield_label, #field_1_54 .gfield_label, #field_1_60 .gfield_label, #field_1_61 .gfield_label { text-align: left !important; width: 270px; } } #field_1_14 .gfield_label, #field_1_100 .gfield_label, #field_1_105 .gfield_label { width: 100%; text-align: center; color: #400707; line-height: initial; font-size:0.8rem; font-family: 'Core Sans C 45'; } #field_1_15, #field_1_25, #field_1_29, #field_1_32, #field_1_35, #field_1_41, #field_1_42, #field_1_48, #field_1_49, #field_1_53, #field_1_54 ,#field_1_60, #field_1_61 { max-width: 100%; margin: 0 auto; margin-top: 0px; margin-top: 15px; text-align: left; } .gpfup--has-files .gpfup__droparea { display: none; } .gpfup__files { margin: 0; margin-bottom: 0px; list-style: none; border-radius: 2px; border: 1px solid rgba( 1, 56, 94, 0.10 ); position: relative; box-shadow: 0 2px 2px rgba( 0, 0, 0, 0.05 ); z-index: 2; margin-bottom: -1px; padding: 0; background-color:rgba(64,7,7,1); } .gpfup__file-error { color: #fff; white-space: initial; font-size: 0.8rem; } .gpfup__filename { color:#fff; font-size: 0.8rem; } .gpfup--strict .gpfup__delete { background-color: transparent !important; fill: #fff; } .gpfup__filesize { color: #999; text-align: left; } .ginput_container_fileupload .gform_fileupload_rules { display:none; } #field_1_14 .gpfup--has-files .gpfup__d1roparea, #field_1_100 .gpfup--has-files .gpfup__d1roparea { display: inline-table!important; } #field_1_14 .ginput_container_fileupload .gform_fileupload_rules, #field_1_100 .ginput_container_fileupload .gform_fileupload_rules { display: none; } #gfield_description_1_14, #gfield_description_1_100, #gfield_description_1_105 { font-family: 'Core Sans C 45'; display: block; font-size: 0.75rem; color:#400707; text-transform: none !important; padding-top: 1rem; } .gpfup__droprea--maxed { display:none!important; } .gpfup__droparea { height: 5rem; padding: 1rem; } .gpfup__select-files { font-family: 'Core Sans C 35'; border: none; background-color: #400707; font-size: 0.8rem; padding: 0.4rem 1.8rem; margin-top: 10px; margin-left: 10px; color:#fff; webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; } .gform_wrapper.stla_material_wrapper .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before, body .gform_wrapper.stla_material_wrapper .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after { top: 11px!important; left: 11px!important; width: 25px; height: 25px; } .gform_wrapper.stla_material_wrapper .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after, body .gform_wrapper.stla_material_wrapper .mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after { width: 25px!important; height: 25px!important; } .gform_wrapper.stla_material_wrapper .mdc-checkbox__background { width: 25px!important; height: 25px!important; } .gpfup__select-files:hover { background-color: #000; } .b-upload--file .gpfup__select-files:hover { background-color:#000 ; } .b-upload--file .gpfup__select-files { font-family: 'Core Sans C 45'; border: none; background-color: #400707; color: #fff; font-size: 0.8rem; padding: 1rem 1rem; } .gfield_label.mdc-typography--subtitle1 { text-align: left; width: auto; margin-left: 0px; } .b-upload--file .gfield_label { color: rgba(64, 7, 7, 0.87); max-width:100%; line-height: normal!important; } /* normal picture input */ @media (min-width: 992px) { .b-upload--file .gfield_label.mdc-typography--subtitle1 { margin-left:0px; text-align:center; } .b-upload--file { width:320px; } .b-upload--file .gfield_label { color: rgba(64, 7, 7, 0.87); max-width:100%; line-height: normal!important; margin-bottom: 15px!important; } .b-upload--file .gpfup__select-files-container { display:inherit!important; font-size:1rem; } .b-upload--file button.gpfup__select-files { width: inherit; } .b-upload--file .gpfup__droparea span { display: inherit; } .b-upload--file .gpfup__select-files { font-family: 'Core Sans C 45'; border: none; background-color: #400707; color: #fff; font-size: 0.9rem; padding: 0.2rem 0.5rem; webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; } .b-upload--file .gpfup__select-files-container { font-size: 1rem; padding-left: 5px; font-family: 'Core Sans C 45'; } .b-upload--file .gpfup__droparea { background: rgba( 64, 7, 7, 0.02 ); border-radius: 2px; border: 1px dashed rgba( 64, 7, 7, 0.15 ); text-align: center; position: relative; z-index: 1; color: #aaa; transition: all 0.25s ease-out; display: table; width: 100%; height: 5rem; padding: 1rem; } .b-upload--file .gpfup__droparea > div { display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; } } /* end normal */ /* picture upload end */ .gfield--width-half { } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .gfield--width-half { } } .ginput_container_email { } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .ginput_container_email { } } .pola-wymagane { font-family: 'Core Sans C 35'; margin-top: 3rem; border-top: 1px dashed #400707; text-align: left; font-size: 0.7rem; padding-top: 5px; color:#400707; } .pytajnik:after { content: '?'; font-family: 'Core Sans C 65'; width: 25px; height: 100%; margin-right:-15px; display: block; color: #400707; cursor: pointer; } .pytajnik { position: absolute; margin-left: 10px; } .pytajnik::after { content: '?'; font-family: 'Core Sans C 65'; width: 25px; height: 25px; margin-right: -15px; display: block; color: #ddd; cursor: pointer; background-color: #400707; border-radius: 50px; line-height: 25px; } .mdc-select__dropdown-icon-graphic { fill: #400707; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important; } input[type=number] { -moz-appearance: textfield!important; } #gform_wrapper_1.gform_wrapper.gform_wrapper form .gform-body .gfield.gfield_html { color: #400707; } #gform_wrapper_1.gform_wrapper.gform_wrapper .gfield_radio .gchoice label, .gform_wrapper.gform_wrapper .gfield_checkbox .gchoice label { color: #400707; } #gform_wrapper_1 .gfield_required.gfield_required_asterisk { font-family: 'Core Sans C 35'; color:rgba(64, 7, 7, 1); font-size: 10px; padding-left: .05em; } #field_1_8.gfield span.gfield_required, #field_1_8_2.gfield span.gfield_required { padding-right: 0px!important; padding-left:0px; color:#400707; } #gform_wrapper_2 .gfield_required.gfield_required_asterisk { font-family: 'Core Sans C 35'; color: rgba(64, 7, 7, 1); font-size: 10px; padding-left: .05em; } #gform_wrapper_2 .mdc-floating-label--float-above .gfield_required.gfield_required_asterisk { color:#400707; } .gform_wrapper .gfield_required { vertical-align: super; } .gform_wrapper.gravity-theme .gfield.gfield--width-third { flex-direction: column; } .gform_footer.top_label { margin: 0 auto; justify-content: center; } #gform_ajax_spinner_1, #gform_ajax_spinner_2, #gform_ajax_spinner_3, #gform_ajax_spinner_4 { background-color:rgba(30,46,63,0.9)!important; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; } img#gform_ajax_spinner_1, img#gform_ajax_spinner_2, img#gform_ajax_spinner_3, img#gform_ajax_spinner_4 { background:url('../images/preloader.gif'); background-repeat: no-repeat; background-position: center 50%; background-size: 100px 100px; opacity:0.95; } .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message { background: transparent; border: 1px solid #c02b0a; font-size: 14.992px; margin-top: 8px; padding: 12.992px 24px; padding-top: 12.992px; padding-right: 24px; padding-left: 24px; } .gform_wrapper form .gform-body .gfield_description, .gform_wrapper.gform_wrapper form .gform-body .stla_material_helper_text { text-transform: uppercase; } .gform_wrapper.gform_wrapper.gravity-theme .gfield_label { text-transform: uppercase; } .gform_wrapper form .field_description_below .gfield_description, .gform_wrapper.gform_wrapper form .gform-body .stla_material_helper_text { text-transform: uppercase!important; font-size: 0.7rem; } #gform_1_validation_container, #gform_2_validation_container, #gform_3_validation_container, #gform_4_validation_container { display: none; } .sk-gfield_error .gfield_label.mdc-text-field__input { color:#bb0000; } .sk-gfield_error div.ginput_container.ginput_container_textarea.mdc-text-field.mdc-text-field--textarea.mdc-text-field--filled label.gfield_label.mdc-floating-label { color:#bb0000!important; } .sk-gfield_error .mdc-text-field-helper-text--validation-msg { color:#bb0000!important; } .sk-gfield_error label.gfield_label.mdc-floating-label{ color:#bb0000; } #field_1_31 .mdc-text-field--invalid label { color:#bb0000; } #field_1_66 .mdc-text-field--invalid label { color:#bb0000; } /* mobile form */ /*#field_1_23 { grid-column: span 2; padding-right: 20px; } #field_1_24 { grid-column: span 10; }*/ /*#field_1_16 { grid-column: span 2; } #field_1_17 { grid-column: span 9; padding-left: 20px; } .circle { display:none}*/ /*@media (min-width: 1920px) { .beko-bg-dark-blue { min-height: 1080px; } }*/ @media (min-width: 768px) { .ginput_left { margin-right: 25px; } .ginput_right { margin-left:25px; } } #input_1_28 { /*width: 90%;*/ float: left; /* Firefox */ width: -moz-calc(100% - 25px); /* WebKit */ width: -webkit-calc(100% - 25px); /* Opera */ width: -o-calc(100% - 25px); /* Standard */ width: calc(100% - 25px); } /*.pytajnik::after { content: '?'; font-family: 'Core Sans C 65'; width: 25px; height: 25px; margin-right: -15px; display: block; color: #007dba; cursor: pointer; float: left; position: absolute; z-index: 99; background-color: #ccc; } .pytajnik { float: left; height: 100%; background-color: #ccc; width: auto; position: relative; } */ /* nwa */ .mdc-text-field__icon { position: absolute; top: 50%; transform: translateY(-50%); } .mdc-text-field__icon { left: initial; right: 0px; } .pytajnik-icon { font-family: 'Core Sans C 65'; color: #007dba; width:25px; height:25px; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; cursor:pointer!important; } .znamionowe-pytajnik-icon { font-family: 'Core Sans C 65'; color: #007dba; width:25px; height:25px; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; margin-bottom:0px; cursor:pointer!important; vertical-align: middle; margin-left: 15px; } #gform_wrapper_3 .mdc-ripple-upgraded--background-focused { background-color:#E6E6E6!important; } #gform_wrapper_3 { color:#400707; } .mdc-checkbox.mdc-ripple-upgraded--background-focused { background-color:transparent!important; } .gform_wrapper.stla_material_wrapper .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { color: #fff; color: var(--mdc-checkbox-ink-color, #fff); } .gform_wrapper.stla_material_wrapper .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { color: #fff; background-color: #400707; } /* ankieta radio fix */ #gform_wrapper_3 div.mdc-radio.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded { background-color: transparent !important; } /* ankieta opacity fix */ #field_3_5 legend.gfield_label.mdc-typography--subtitle1 { opacity:0.7; } /* fix ankieta radio button padding */ #field_3_5 { padding-left: 1rem; padding-right: 1rem; } /* fix top margin zestawy sprzed form */ #field_1_21 { margin-top: 2rem; } /* zgoda center */ #field_1_31 { margin: 0 auto; margin-top: 0px; margin-bottom: 0px; } .modal-header { border:none; } /* modal ankieta */ #potwierdzenie-modal .container { max-width: 550px; } /* fix focused top label email */ body .gform_wrapper.stla_material_wrapper form .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { color: #400707; } /* fix validation error text */ /*.sk-gfield_error .mdc-text-field-helper-text.mdc-text-field-helper-text--persistent.mdc-text-field-helper-text--validation-msg, */ /*.sk-gfield_error .gfield_validation_message,*/ #gform_wrapper_2 .mdc-text-field--invalid .mdc-floating-label, #gform_wrapper_2 .sk-gfield_error .mdc-floating-label, { color:#bb0000; } #gform_wrapper_2 .sk-gfield_error .mdc-text-field-helper-text.mdc-text-field-helper-text--persistent.mdc-text-field-helper-text--validation-msg, #gform_wrapper_2 .sk-gfield_error .gfield_validation_message { color: #400707; } body .gform_wrapper.stla_material_wrapper form .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { color: #bb0000!important; color: var(--mdc-theme-error, #bb0000); } /* modal zdjecia tabliczki znamionowe*/ #tabliczka-znamionowa-piekarnik, #tabliczka-znamionowa-plyta-grzewcza, #tabliczka-znamionowa-lodowka, #tabliczka-znamionowa-okap, #tabliczka-znamionowa-mikrofala, #tabliczka-znamionowa-zmywarka { display:none; } /* pokazuje opis wgrania dowodu zakupu */ #gfield_upload_rules_1_14 { font-family:'Core Sans C 45'; display: block; font-size: 0.8rem; } /* zgody form link */ #input_1_31 a { text-decoration: underline; color:#400707; } /* form kontakt email right margin fix */ #field_2_5.gfield label.gfield_label.mdc-floating-label.mdc-typography--subtitle1 { margin-left:0px; } /* status zgloszenia */ #gform_wrapper_4 { max-width: 400px; margin: 0 auto; } #field_4_4 .gfield_label.mdc-floating-label.mdc-typography--subtitle1 { margin-left: 0px; } .status-zgloszenia-wrapper { max-width:400px; } /* klauzula wiecej*/ #klauzula-wiecej-btn { text-decoration: underline; cursor:pointer; color:#400707; } .klauzula-informacyjna-kontaktowy { font-family: 'Core Sans C 65'; text-decoration: underline; color:#400707; } .klauzula-informacyjna-kontaktowy:hover { text-decoration: underline; color:#400707; } /* validaion error label */ .gform_wrapper.gform_wrapper form .gform-body .sk-gfield_error .gfield_description { color:#bb0000; } /* limit zapytan */ #gpls-limit-message-container-4 { max-width: 500px; margin: 0 auto; text-align: center; } /* datatable */ .gv-datatables-container { font-size: 0.8rem; color: #400707; } .gv-datatables-container table.dataTable tbody th, .gv-datatables-container table.dataTable tbody td { padding: 3px 5px; text-align: center; } .gv-datatables-container table.dataTable tfoot th, .gv-datatables-container table.dataTable tfoot td { padding: 5px 9px 3px 9px; border-top: 1px solid #111; text-align: center; font-size: 0.7rem; } .gv-datatables-container a { color:#400707; text-decoration: underline; } .gv-datatables-container table.dataTable thead th, .gv-datatables-container table.dataTable thead td { padding: 10px 10px; border-bottom: 1px solid #111; background-color: #400707; color: #fff; font-size: 0.8rem; font-weight: normal; text-align: center; color: #fff; font-size: 0.7rem; font-weight: normal; text-transform: uppercase; line-height: initial; } .gv-widget-search .gv-search-box.gv-search-box-submit .gv-search-button { order: -111; background-color: #400707; border: none; color: #fff; padding: 5px 15px; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #979797; background-color: #fff; background:#fff; } .gv-edit-entry-wrapper .mdc-select__dropdown-icon { display: none; } .gv-edit-entry-wrapper #field_1_68 label { display:none; } .gv-edit-entry-wrapper #input_1_68{ padding: 10px; } .gv-datatables-container .dataTables_wrapper .dataTables_processing { z-index: 100000 !important; height: 100%!important; line-height: 1.5em!important; min-width: 100%!important; width: 100%!important; top: 0!important; background: #fff!important; opacity: 0.8!important; padding-top: 53%!important; } table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; padding-top: 20px; padding-bottom: 40px; } .moderacja-zdjecie-tytul { margin: 0; margin-bottom: 0px; text-align: center; background-color: #400707; color:#fff; line-height: initial; display: flex; justify-content: center; padding: 0.4rem; margin-bottom: 5px; margin-top:15px; text-transform: uppercase; font-size: 0.8rem; } .gv-edit-entry-wrapper #input_1_68.large.gfield_select.mdc-text-field__input { font-family:'Core Sans C 45'; background-color:#400707; color:#fff; } /*.page-template-page-beko-zgloszenia #header { display:none; } .page-template-page-beko-zgloszenia .gv-edit-entry-title { display:none; } */ .gv-edit-entry-wrapper .gv-button-delete { display:none } .gv-widget-search #search-box-filter_68 { width: 100%; box-shadow: none; border: 1px solid #400707; height: 28px; background-color: #fff; color: #400707; } .gv-widget-search .button.gv-search-clear { background-color: red; background-color: #9b0505; border: none; color: #fff; padding: 5px 15px; margin-left:10px; } .gv-edit-entry-wrapper #input_1_68 { } .gv-widget-search.gv-search-horizontal .gv-search-box { flex: 1 1 10em; flex-basis: 10em; flex-basis: content; } #publishing-action .gv-button-update { background-color: #400707; border: 2px solid #400707; color: #ffffff; padding: 15px 32px; text-align: center; font-size: 16px; } #publishing-action .gv-button-cancel { font-family: 'Core Sans C 65'; font-size: 0.8rem; line-height: 1.5; padding: 1.6rem 0rem; background-color:transparent; border:1px solid #400707; border-radius: 5rem; color:#400707; max-width:300px; width:100%; text-transform: uppercase; margin-top:10px; margin-bottom:10px; box-shadow: none; background-color: #fff; border: 1px solid #000; color: #000000; padding: 15px 32px; text-align: center; text-decoration: none; font-size: 16px; } .gv-edit-entry-wrapper .moderacja-notatka-text { background-color: #f4f4f4; padding: 1rem; border-radius: 3px; border: 1px solid #ccc; } .gv-edit-entry-wrapper .gfield--width-half { padding-left: 0!important; padding-right: 0!important; } .gv-edit-entry-wrapper .moderacja-statusy-agencja-podglad { font-size: 0.8rem; } .gv-edit-entry-wrapper .moderacja-statusy-agencja-podglad .gfield_label { font-size: 0.9rem!important; } #gv-datatables-126,#gv-datatables-127 { margin-top: 2rem; margin-bottom:2rem; } #gv-datatables-118,#gv-datatables-127 { margin-top: 2rem; margin-bottom:2rem; } .gv-datatables-container a { color: #400707; text-decoration: none; } .gv-datatables-container a:hover { color: #b70000; text-decoration: none; } @media (min-width: 1200px) { .page-template-page-beko-zgloszenia .container, .page-template-page-beko-zgloszenia .container-lg, .page-template-page-beko-zgloszenia .container-md, .page-template-page-beko-zgloszenia .container-sm, .page-template-page-beko-zgloszenia .container-xl, .page-template-page-beko-zgloszenia .container-xxl { max-width: 1200px!important; } } .col-12.moderacja-podpowiadajka-punktow { background-color: #f7f7f7; padding: 20px 0px 20px 0px; text-align: center; border: 1px dotted #ccc; font-size: 0.8rem; width: 70%; margin: 0 auto; } .gv-datatables-container .dataTables_filter, .gv-datatables-container .dataTables_length { white-space: nowrap; width: auto; margin-left: 20px; } #post-116 { min-height: 100vh; } .gv-approval-toggle.gv-approval-approved.popover { margin-left: 3px!important; margin-top: 3px; } .gv-approval-toggle.gv-approval-disapproved.popover { margin-left: 38px!important; margin-top: 3px; } .gv-approval-toggle.gv-approval-unapproved.popover { margin-left: 73px!important; margin-top: 3px; } .tippy-tooltip.light-border-theme { top: -20px; } .tippy-tooltip.light-border-theme .tippy-roundarrow { fill: #fff; } .tippy-tooltip.light-border-theme { width: 115px; background-color: #fff; height: 45px; } .moderacja-powod-odrzucenia { padding: 15px; background-color: #ffeaea; border-radius: 3px; border: 1px dotted #7d0202; } .page-template-page-beko-zgloszenia #gform_submit_button_1 { font-family: 'Core Sans C 35'; font-size: 0.8rem; line-height: 1.5; padding: 1.6rem 0rem; background-color:#400707; border:1px solid #400707; border-radius: 5rem; color:#fff; max-width:300px; width:100%; text-transform: uppercase; margin-top:10px; margin-bottom:10px; box-shadow: none; } .gv-datatables img { display: block; margin: 0; padding: 0; max-width: 50px!important; max-height: 100%; margin: 0 auto !important; } .badge { border-radius: .25rem; color: #fff; display: inline-block; font-size: .95em; font-weight: 400; line-height: 1; padding: .35em .65em; text-align: center; vertical-align: baseline; white-space: nowrap; } .badge-zatwierdzone { background-color: #02995B; } .badge-odrzucone { background-color: #c95618; } .badge-nowe { background-color: #007dba; } .badge-wyjasniane { background-color: #656565; } .dashicons.dashicons-undo { font-size: 3rem; margin-right: 10px; color:#007dba; } .gv-datatables-container .dataTables_wrapper .dataTables_processing { z-index: 100000 !important; height: auto; background: rgba(255,255,255,.98); border: 1px solid rgba(230,230,230,.98); border-radius: 9px; position: fixed; left: 0; top: 0; right: 0; margin: 0 auto; } div.dataTables_processing > div:last-child { position: absolute; width: 80px; height: 15px; margin: 1em auto; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; top: 35%; } /* button */ .btn-filled, .btn-filled:visited, .btn-filled:focus, .btn-filled:active { font-family: 'Core Sans C 45'; font-size: 0.8rem; line-height: 1.5; padding: 1.6rem 0rem; background-color:#F0C291; border:1px solid #F0C291; border-radius: 5rem; color:#29130B; max-width:395px; width:100%; text-transform: uppercase; margin-top:10px; margin-bottom:10px; box-shadow: none; } .btn-filled:hover { background-color:#400707; border:1px solid #400707; border-radius: 5rem; color:#F0C291 } @media (min-width: 380px) { .btn-filled, .btn-filled:visited, .btn-filled:focus, .btn-filled:active { font-size: 1.2rem; } } /* ekspresowa promocja */ .beko-bg-light { background-color:#F5DFC8; } .title-decor-light:after { content:''; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2075%2054%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M23.5%2030.0001C11.9%2032.4001%205.33333%2046.6667%203.5%2053.5001C18.5%2037.0001%2026.6068%2040.4214%2032%2041.5001C39.5%2043.0001%2048%2049.5001%2060%2043.5001C72%2037.5001%2074.5%2025.5001%2074.5%2025.5001C74.5%2025.5001%2068.5%2030.0001%2057%2032.5001C45.5%2035.0001%2038%2027.0001%2023.5%2030.0001Z%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M15.2832%2016.4994C7.72797%2021.2232%206.8236%2033.0022%207.31583%2038.3013C13.5853%2022.7435%2020.1976%2023.0386%2024.2836%2022.3904C29.9658%2021.4888%2037.6598%2023.8529%2044.5567%2016.4853C51.4535%209.11768%2050.0815%20-8.70476e-06%2050.0815%20-8.70476e-06C50.0815%20-8.70476e-06%2047.0251%204.74186%2039.5665%209.51001C32.1079%2014.2782%2024.7273%2010.5948%2015.2832%2016.4994Z%22%20fill%3D%22white%22/%3E%3C/svg%3E"); width:75px; height:54px; display: inline-block; } .title-decor-dark:after { content:''; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2075%2054%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M23.5%2030.0001C11.9%2032.4001%205.33333%2046.6667%203.5%2053.5001C18.5%2037.0001%2026.6068%2040.4214%2032%2041.5001C39.5%2043.0001%2048%2049.5001%2060%2043.5001C72%2037.5001%2074.5%2025.5001%2074.5%2025.5001C74.5%2025.5001%2068.5%2030.0001%2057%2032.5001C45.5%2035.0001%2038%2027.0001%2023.5%2030.0001Z%22%20fill%3D%22%23400707%22/%3E%3Cpath%20d%3D%22M15.2832%2016.4994C7.72797%2021.2232%206.8236%2033.0022%207.31583%2038.3013C13.5853%2022.7435%2020.1976%2023.0386%2024.2836%2022.3904C29.9658%2021.4888%2037.6598%2023.8529%2044.5567%2016.4853C51.4535%209.11768%2050.0815%20-8.70476e-06%2050.0815%20-8.70476e-06C50.0815%20-8.70476e-06%2047.0251%204.74186%2039.5665%209.51001C32.1079%2014.2782%2024.7273%2010.5948%2015.2832%2016.4994Z%22%20fill%3D%22%23400707%22/%3E%3C/svg%3E"); width:75px; height:54px; display: inline-block; } @media (max-width: 767px) { .title-decor-dark:after { width:40px; height:29px; margin-bottom: 10px; } } @media (max-width: 767px) { .title-decor-light:after { width:40px; height:29px; margin-bottom: 10px; } } /* typo */ h1.text-title { font-family: 'Core Sans C 65'; font-size: 3.5rem; } @media (max-width: 767px) { h1.text-title { font-size: 2.5rem; } } /* slider */ #slider { background-color:#29130B; } .caffe-experto-logo { position:relative; top:100px; left:10px; max-width:205px; text-align: left; } @media (max-width: 768px) { .caffe-experto-logo { top: 55px; left: 10px; max-width: 165px; } } .slider-pic-bg { background-color: #29130B; max-width: 100%; width: 100%; } @media (min-width: 768px) { .slider-pic-bg { background-image: url("../images/ekspresowa-promocja/marmur-bg-half.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; } } /* zasady */ .text-dark-ecru { color:#F0C291; } .text-dark-brown { color:#400707; } .zasady-timing { color: #400707; } .zasady-timing a { color: #400707; } .zasady-points-container { max-width:1300px; } #zasady .card-text { font-size: 1.1rem; color: #400707; } #zasady .card-text b { font-family: 'Core Sans C 65'; font-size: 1.1rem; color: #400707; } #zasady .card-text a { font-size: 1.1rem; color: #400707; text-decoration: underline; } /* swiper */ .kawy-title-text { font-family: 'Core Sans C 35'; display: block; position: absolute; color: #F0C291; top: 3vw; } .kawy-title-text span { color:#fff; font-family: 'Core Sans C 65'; } @media (min-width: 1200px) { .kawy-title-text { font-size: 1.3rem; } } @media (min-width: 1440px) { .kawy-title-text { font-size: 1.5rem; } } @media (min-width: 1920px) { .kawy-title-text { font-size: 1.8rem; } } .swiper { width: 100%; /*height: 100%;*/ height:auto; position: relative; } @media (max-width: 991px) { .swiper { width: 100%; height: 100% } } .swiper-slide img { display: block; max-width: 100%; height: auto; } .kolboweslider .swiper-slide img, .kawyslider .swiper-slide img { margin: 0 auto; } .slider-bg { position: relative; background-color: #29130B; display: block; /* inline-block, aby dostosować się do wielkości obrazu */ margin: 0 auto; text-align: center; } .kawyslider { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; /* lub inna szerokość */ max-width: 1581px; /* lub inny limit */ height: auto; height: auto; } @media (min-width: 1200px) { .kawyslider { max-width: 1160px; } } @media (min-width: 1300px) { .kawyslider { max-width: 1260px; } } @media (min-width: 1440px) { .kawyslider { max-width: 1360px; } } @media (min-width: 1600px) { .kawyslider { max-width: 1500px; } } @media (min-width: 1920px) { .kawyslider { max-width: 1581px; } } .slider-text { font-family: 'Core Sans C 45'; position: absolute; font-size:1rem; color: #25012E; z-index: -1; width: 37vw; min-height: 280px; height:auto; display: block; background-color: #F5DFC8; left: 35%; top: 6vw; border-radius: 10px; max-width: 600px; top: 50%; left: 53%; transform: translate(-50%, -50%); } .slider-text { padding-top:10px; padding-bottom:10px; padding-left:70px; padding-right:20px; display:flex; justify-content:center; align-items: center; } .slider-text { padding-bottom:0px; } .slider-text p span { font-family: 'Core Sans C 65'; } .slider-text p, .slider-text ul { margin-bottom:0; } .swiper-pagination-bullet { width: 16px; height: 16px; display: inline-block; border-radius: 50%; background: #fff; opacity: 1; } .swiper-pagination-bullet-active { background:#F0C291; } #kawy .swiper-button-next, #kawy .swiper-button-prev { color:#F0C291; } #slider-kolbowe .swiper-wrapper { padding-bottom: 50px; padding-top: 20px; position: relative; height:auto; } #slider-kolbowe { padding-top:50px; padding-bottom:50px; background-color: #F0C291; display: block; position: relative; } .slider-kolbowe-wrapper { position: relative; display: block; /* inline-block, aby dostosować się do wielkości obrazu */ margin: 0 auto; text-align: center; } .kolboweslider { position: relative; width: 100%; /* lub inna szerokość */ max-width: 1581px; /* lub inny limit */ position: relative; height:auto; } .kolboweslider .slider-text { font-family: 'Core Sans C 45'; position: absolute; font-size: 1rem; color: #400707; z-index: -1; width: 37vw; min-height: 280px; height: auto; display: block; background-color: #fff; left: 35%; top: 6vw; border-radius: 10px; max-width: 460px; top: 47%; left: 68%; transform: translate(-50%, -50%); text-align: left; padding-top:20px; padding-bottom:20px; padding-left:90px; padding-right:20px; display:flex; justify-content:center; align-items: center; } @media (max-width: 991px) { .kolboweslider .slider-text { font-family: 'Core Sans C 45'; position: absolute; font-size: 0.7rem; color: #400707; z-index: -1; width: 100%; min-height: auto; height: auto; display: block; background-color: #fff; left: 35%; top: 6vw; border-radius: 10px; max-width: 60%; top: 44%; left: 68%; transform: translate(-50%, -50%); text-align: left; padding-top: 20px; padding-bottom: 20px; padding-left: 40px; padding-right: 20px; display: flex; justify-content: center; align-items: center; } } #slider-kolbowe .slider-model { font-family: 'Core Sans C 65'; font-size:1.2rem; position: absolute; top: 10%; left: 57%; background-color: transparent; color: #25012E; width: 130px; padding: 8px 0px; border-radius: 20px; } #slider-kolbowe .slider-sklepy { font-family: 'Core Sans C 65'; font-size:1rem; position: absolute; bottom: 5%; left: 57%; background-color: #F5DFC8; color: #25012E; width: 180px; padding: 8px 13px; border-radius: 20px; } .slider-text p, .slider-text ul { margin-bottom:0; } .kolboweslider .slider-text li { margin-bottom: 12px; line-height: 1.2; } .kolboweslider .slider-text ul { } #slider-kolbowe .swiper-button-next, #slider-kolbowe .swiper-button-prev { color:#400707; } #slider-kolbowe .swiper-pagination-bullet { width: 16px; height: 16px; display: inline-block; border-radius: 50%; background: #fff; opacity: 1; } #slider-kolbowe .swiper-pagination-bullet-active { background:#400707; } #slider-kolbowe .swiper-button-next, #slider-kolbowe .swiper-button-prev { color:#400707; } #slider-kolbowe .slider-sklepy-wrapper { width: 200px; position: absolute; top: 490px; left: 38%; } #slider-kolbowe .slider-sklepy { font-family: 'Core Sans C 65'; font-size:1rem; background-color: #F5DFC8; color: #25012E; width: 200px; padding: 8px 13px; border-radius: 20px; } .kolboweslider .slider-text li { margin-bottom: 12px; line-height: 1.2; } #slider-kolbowe #lista-sklepow { width: 200px; top: 0; position: absolute; left: 0; right: 0; margin: 0 auto; display: block; left: 45%; } /* automatyczne */ img.automatyczne-pic { max-width:434px; width:100%; } img.kolbowe-pic { max-width:346px; width:100%; } @media (max-width: 991px) { img.kolbowe-pic { max-width: 180px; width: 100%; } img.automatyczne-pic { max-width:180px; width:100%; } } .automatyczneslider .swiper-slide-visible .slider-text, .automatyczneslider .swiper-slide-visible .slider-model, .automatyczneslider .swiper-slide-visible .slider-sklepy-wrapper { /*opacity:0;*/ } .automatyczneslider .swiper-slide-prev, .automatyczneslider .swiper-slide-next { /*opacity:0.5; transform: scale(0.6); */ } .automatyczneslider .swiper-slide-visible.swiper-slide-active .slider-text, .automatyczneslider .swiper-slide-visible.swiper-slide-active .slider-model, .automatyczneslider .swiper-slide-visible.swiper-slide-active .slider-sklepy-wrapper { } .automatyczneslider .swiper-slide-visible.swiper-slide-active .slider-content-wrapper img { /*margin-left: 0 !important; margin-right: auto;*/ /*transform: scale(1); */ } .automatyczneslider .slider-text { font-family: 'Core Sans C 45'; position: absolute; font-size: 1rem; color: #400707; z-index: -1; width: 37vw; min-height: 280px; height: auto; display: block; background-color: #fff; left: 35%; top: 6vw; border-radius: 10px; max-width: 460px; top: 50%; left: 52%; transform: translate(-50%, -50%); text-align: left; padding-top:20px; padding-bottom:20px; padding-left:90px; padding-right:20px; display:flex; justify-content:center; align-items: center; } #slider-automatyczne .slider-model { font-family: 'Core Sans C 65'; font-size:1.2rem; position: absolute; top: 10%; left: 68%; background-color: transparent; color: #25012E; width: 130px; padding: 8px 0px; border-radius: 20px; text-align: center; } #slider-automatyczne .slider-sklepy-wrapper { width:200px; position: absolute; top: 450px; left: 64%; } #slider-automatyczne .slider-sklepy { font-family: 'Core Sans C 65'; font-size:1rem; background-color: #F0C291; color: #25012E; width: 200px; padding: 8px 13px; border-radius: 20px; } .automatyczneslider .slider-text li { margin-bottom: 12px; line-height: 1.2; } .slider-sklepy-wrapper li a { color: #400707; } .slider-sklepy-wrapper li a:hover { color: #400707; font-weight:bold; } #lista-sklepow { opacity:0; } .btn-slider-sklepy { cursor: pointer; position: relative; } .slider-sklepy::after { content: ''; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid black; /* Tworzenie trójkąta */ width: 0; height: 0; } .slider-sklepy.active::after { border-top: none; border-bottom: 6px solid black; /* Trójkąt wskazuje w dół */ } .slider-sklepy-wrapper li { border-bottom: 1px solid rgba(64,7,7,0.3); } .slider-sklepy-wrapper li:last-child { border-bottom: none; } .automatyczneslider .slider-text ul { /*list-style-type: none;*/ } #slider-automatyczne .swiper-wrapper { padding-bottom: 100px; padding-top: 50px; } #slider-automatyczne .swiper-button-next, #slider-automatyczne .swiper-button-prev { color:#400707; } #slider-automatyczne .slider-content-wrapper { max-width: 770px; margin: 0 auto; position:relative; } #slider-automatyczne { padding-top:50px; padding-bottom:100px; background-color: #F5DFC8; display: block; position: relative; } .slider-automatyczne-wrapper { position: relative; display: block; /* inline-block, aby dostosować się do wielkości obrazu */ margin: 0 auto; text-align: center; } .automatyczneslider { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; /* lub inna szerokość */ max-width: 100%; /* lub inny limit */ height: auto; height: auto; max-width: 1581px; } .swiper.automatyczneslider .swiper-slide img { display: block; margin: 0 auto; transition: transform 0.6s ease; /* Dodaj płynne przejście */ transform: translateX(0); /* Początkowa pozycja */ } .automatyczneslider .slider-text { font-family: 'Core Sans C 45'; position: absolute; font-size: 1rem; color: #400707; z-index: -1; width: 37vw; min-height: 280px; height: auto; background-color: #fff; border-radius: 10px; max-width: 420px; top: 50%; left: 73%; transform: translate(-50%, -50%); text-align: left; padding-top: 20px; padding-bottom: 20px; padding-left: 60px; padding-right: 20px; display: flex; justify-content: center; align-items: center; } #slider-automatyczne .swiper-button-next, #slider-automatyczne .swiper-button-prev { color:#400707; } #slider-automatyczne .swiper-pagination-bullet { width: 16px; height: 16px; display: inline-block; border-radius: 50%; background: #fff; opacity: 1; } #slider-automatyczne .swiper-pagination-bullet-active { background:#400707; } #slider-automatyczne .swiper-button-next, .swiper-button-prev { color:#400707; } #formularz { background-color:#F5DFC8; } select#input_1_18 { appearance: none; /* Usuwa natywne stylizacje */ -webkit-appearance: none; -moz-appearance: none; } select#input_1_18 option:hover { background-color: #400707; color: #F5DFC8; } /* test */ .swiper-carousel .swiper-slide { width: 770px; height: 546px; } .swiper-carousel .swiper-carousel-animate-opacity { height: 100%; } .swiper-carousel .swiper-pagination-bullets { bottom: 0; } .swiper-carousel .slide-content { position: absolute; left: 0; width: 100%; bottom: 0; } .slider-model-mobile { font-family: 'Core Sans C 65'; font-size:1.3rem; color: #25012E; } .slider-text-mobile { font-family: 'Core Sans C 45'; font-size: 0.8rem; color: #400707; background-color:#fff; padding:5px 15px 5px 15px; background-color: #fff; border-radius: 10px; max-width: 500px; margin: 0 auto } .slider-sklepy-wrapper-mobile { width: 200px; position: relative; margin: 0 auto; text-align: center; display: block; } .slider-sklepy-mobile::after { content: ''; position: absolute; right: 13px; margin: 0 auto; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid black; width: 0; height: 0; top: 15px; } .slider-sklepy-mobile { font-family: 'Core Sans C 65'; font-size: 1rem; position: relative; background-color: #F5DFC8; color: #25012E; width: 180px; padding: 12px 13px 10px 13px; border-radius: 20px; margin: 0 auto; line-height: 1; } #lista-sklepow-mobile { width: 150px; position: relative; margin: 0 auto; display: block; } #lista-sklepow-mobile li { border-bottom: 1px solid #25012E; margin-bottom:5px; margin-top:5px; } #lista-sklepow-mobile2 { opacity:0; } #lista-sklepow-mobile a { color: #25012E; } .btn-slider-sklepy-mobile { cursor: pointer; } .kolbowe-slider-mobile .swiper-slide { margin: 0 15px 0 15px; } .kolbowe-slider-mobile .swiper-button-next, .kolbowe-slider-mobile .swiper-button-prev { top: 40%; } .automatyczne-slider-mobile .swiper-slide { margin: 0 15px 0 15px; } .automatyczne-slider-mobile .swiper-button-next, .automatyczne-slider-mobile .swiper-button-prev { top: 40%; } .automatyczne-slider-mobile .slider-sklepy-mobile { font-family: 'Core Sans C 65'; font-size: 1rem; position: relative; background-color: #F0C291; color: #25012E; width: 180px; padding: 12px 13px 10px 13px; border-radius: 20px; margin: 0 auto; line-height: 1; } .kawy-mobile .slider-text-mobile { font-family: 'Core Sans C 45'; position: realtive; font-size: 1rem; color: #25012E; z-index: -1; width: 100%; height: auto; display: block; background-color: #F5DFC8; border-radius: 10px; } .kawy-mobile .slider-text-mobile p { padding:10px; } .kawy-mobile .slider-text-mobile p span { font-family: 'Core Sans C 65'; } .kawy-slider-mobile-pic { max-height: 350px; padding: 20px 20px 20px 20px; } @media (max-width: 991px) { #kawy { background-color:#29130B; } } .kawy-mobile .swiper-slide { margin: 0 15px 40px 15px; } .kawy-mobile .swiper-button-next, .kawy-mobile .swiper-button-prev { top: 36%; } .kawy-title-text-mobile { font-family: 'Core Sans C 35'; display: block; color: #F0C291; } .kawy-title-text-mobile span { color:#fff; font-family: 'Core Sans C 65'; }