#app .section-header { text-align: center; margin-bottom: 60px; } #app .section-header .title { margin-bottom: 0; margin-top: 0; padding-top: 0 !important; padding-bottom: 0 !important; } #app .section-realizacje .recent-realizations-item { width: 25%; } #app .section-realizacje .recent-realizations-item > p { background: rgba(86, 165, 61, 0.8); } @media (min-width: 1536px) { #app .section-realizacje .recent-realizations-item { padding-bottom: 20rem; } } @media (max-width: 1000px) { #app .section-realizacje .recent-realizations-item { width: 50%; margin: 0; } } @media (max-width: 640px) { #app .section-realizacje .recent-realizations-item { padding-bottom: 10rem; } } #app .section-contact { display: grid; grid-template-columns: 2fr 1fr; } @media (max-width: 1300px) { #app .section-contact { grid-template-columns: 1fr; row-gap: 30px; } } #app .section-contact .section-contact-texts { display: grid; grid-template-columns: auto 1fr; } @media (max-width: 900px) { #app .section-contact .section-contact-texts { grid-template-columns: 1fr; } } #app .section-contact .section-contact-texts .section-contact-texts-img img { width: 100%; max-width: -moz-fit-content; max-width: fit-content; } @media (max-width: 900px) { #app .section-contact .section-contact-texts .section-contact-texts-img img { margin-left: auto; margin-right: auto; } } #app .section-contact .section-contact-texts .section-contact-texts-txt { padding: 25px; color: #1d293f; font-size: 15px; font-style: normal; font-weight: 400; line-height: 32px; } @media (max-width: 900px) { #app .section-contact .section-contact-texts .section-contact-texts-txt { padding-left: 0; padding-right: 0; } } #app .section-contact .section-contact-form { width: 100%; max-width: 400px; } @media (max-width: 1300px) { #app .section-contact .section-contact-form { max-width: unset; } } #app .section-contact .section-contact-form .section-contact-form-wrapper { padding: 10px; } #app .section-contact .section-contact-form .section-contact-form-wrapper h3 { font-size: 21px; font-style: normal; font-weight: 400; line-height: normal; } #app .section-contact .section-contact-form .section-contact-form-wrapper h3 strong { font-weight: 700; } @media (max-width: 1300px) { #app .section-contact .section-contact-form .section-contact-form-wrapper h3 { text-align: center; } } #app .section-contact .section-contact-form .section-contact-form-wrapper form .wpforms-field { padding: 7px 0; border-color: #bcbcbc; outline: none !important; } #app .section-contact .section-contact-form .section-contact-form-wrapper form .wpforms-field input { border-radius: 0; color: #000; font-size: 11px; font-style: normal; font-weight: 400; line-height: normal; } #app .section-contact .section-contact-form .section-contact-form-wrapper form .wpforms-field input::-moz-placeholder { color: #000; } #app .section-contact .section-contact-form .section-contact-form-wrapper form .wpforms-field input::placeholder { color: #000; } #app .section-contact .section-contact-form .section-contact-form-wrapper form .required-alert p { color: #cd1f27; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 0; } #app .section-contact .section-contact-form .section-contact-form-wrapper form .marketing input[type=checkbox]::before { border-radius: 0; } #app .section-contact .section-contact-form .section-contact-form-wrapper form .marketing label { font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; } #app .section-contact .section-contact-form .section-contact-form-wrapper form .wpforms-submit { display: block; margin-left: auto; border-radius: 0; background-color: #88b14b; height: 49px; padding: 0 30px; color: #fff; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } #app #calc-container .calc-bar-fix { overflow: hidden; padding: 20px 0; } #app #calc-container .calc-bar-fix #progress-bar { max-width: 1000px; margin: 50px auto 30px auto; } #app #calc-container .calc-bar-fix #progress-bar .progress-bar { background: #ddd; } #app #calc-container .calc-bar-fix #progress-bar .progress-bar .progress-bar-line { background: #88b14b; display: block; height: 10px; width: 0; transition: all 250ms ease-in-out; } #app #calc-container .calc-bar-fix #calc-bar { display: flex; flex-direction: row; width: 350%; margin-left: 0%; transition: all 500ms ease-in-out; margin-left: -55%; } @media (max-width: 1000px) { #app #calc-container .calc-bar-fix #calc-bar { width: 400%; margin-left: 0%; } } #app #calc-container .calc-bar-fix #calc-bar .calc-s { width: 100%; max-width: 70%; padding: 0 20px; opacity: 0.2; transition: all 500ms ease-in-out; pointer-events: none; } @media (max-width: 1000px) { #app #calc-container .calc-bar-fix #calc-bar .calc-s { max-width: 100%; } #app #calc-container .calc-bar-fix #calc-bar .calc-s.calc-placeholder { display: none; } } #app #calc-container .calc-bar-fix #calc-bar .calc-s.active { opacity: 1; pointer-events: initial; } #app #calc-container .calc-bar-fix #calc-bar .calc-s#calc-ch-1 .slide-data { display: flex; flex-direction: row; row-gap: 20px; } #app #calc-container .calc-bar-fix #calc-bar .calc-s#calc-ch-1 .slide-data img { width: 100%; max-width: 200px; height: -moz-fit-content; height: fit-content; } #app #calc-container .calc-bar-fix #calc-bar .calc-s#calc-ch-1 .slide-data .calc-texts { width: 100%; } @media (max-width: 767px) { #app #calc-container .calc-bar-fix #calc-bar .calc-s#calc-ch-1 .slide-data { flex-direction: column; align-items: center; } } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box { position: relative; padding: 25px 70px 65px 70px; box-sizing: border-box; height: 100%; position: relative; border: 2px solid #88b14b; background: #fff; } @media (max-width: 640px) { #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box { padding: 25px 20px 65px 20px; } } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box::before { content: ""; position: absolute; width: 100%; height: 100%; opacity: 100%; display: block; z-index: -1; background-color: #88b14b; -webkit-clip-path: polygon(0% 0%, 97% 0, 100% 4%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 97% 0, 100% 4%, 100% 100%, 0% 100%); top: -12px; left: inherit; right: -12px; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-radio { list-style: none; margin: 0; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-radio li:not(.selected) { background: red !important; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-radio li { display: flex; flex-direction: row; align-items: center; -moz-column-gap: 1rem; column-gap: 1rem; margin: 0; width: 100%; padding: 12.5px 0; transition: 0.3s; box-shadow: 1px 1px 0px rgba(0, 0, 0, 0); cursor: pointer; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-radio li:hover { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); background-color: #eee; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-radio li.selected .radio::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; border-radius: 100%; background: #88b14b; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-radio li .radio { position: relative; width: 20px; height: 20px; background-color: #ddd; border-radius: 50%; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); margin-left: 20px; flex-shrink: 0; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-radio li .radio-text .radio-title { font-weight: 600; font-size: 16px; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-texts { list-style: none; margin: 0; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-texts li { margin-right: 1.75rem; /********** Range Input Styles **********/ /*Range Reset*/ /* Removes default focus */ /***** Chrome, Safari, Opera and Edge Chromium styles *****/ /* slider track */ /* slider thumb */ /******** Firefox styles ********/ /* slider track */ /* slider thumb */ } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-texts li:not(:last-child) { margin-bottom: 10px; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-texts li p { font-weight: 600; font-size: 16px; margin-bottom: 0; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-texts li input.input { background-color: #f7f7f7; padding: 4px 10px; border: 1px solid #eee; width: 100%; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-texts li input.input:focus { outline: none; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-texts li input[type=range] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; cursor: pointer; width: 100%; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-texts li input[type=range]:focus { outline: none; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-texts li input[type=range]::-webkit-slider-runnable-track { background-color: #ddd; border-radius: 0.5rem; height: 0.5rem; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-texts li input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; /* Override default look */ appearance: none; margin-top: -6px; /* Centers thumb on the track */ border-radius: 4px; /*custom styles*/ background-color: #121e23; border: 1px solid #fff; height: 20px; width: 10px; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-texts li input[type=range]::-moz-range-track { background-color: #ddd; border-radius: 0.5rem; height: 0.5rem; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); border-radius: 4px; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data ul.calc-texts li input[type=range]::-moz-range-thumb { border: none; /*Removes extra border that FF applies*/ border-radius: 0px; /*Removes default border-radius that FF applies*/ /*custom styles*/ background-color: #121e23; border: 1px solid #fff; height: 20px; width: 10px; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data .btn_send { max-width: -moz-fit-content; max-width: fit-content; margin: 30px auto 0; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--data .btn_send:disabled { cursor: progress; background: #cdcdcd; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--title { position: relative; display: block; width: 100%; max-width: -moz-fit-content; max-width: fit-content; margin: 0 auto 30px auto; text-align: center; padding-bottom: 8px; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box--title h2 { margin: 0; padding: 0; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .prev, #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .next { background: #88b14b; top: 50%; margin: -15px; position: absolute; transition: 0.3s; cursor: pointer; border-radius: 100%; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .prev.disabled, #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .next.disabled { background: #ddd; cursor: default; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .prev .svg-arrow, #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .next .svg-arrow { margin: 0; width: 48px; height: 48px; display: block; padding: 7px; top: 0; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .prev .svg-arrow path, #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .next .svg-arrow path { transition: 0.3s; } @media (max-width: 640px) { #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .prev, #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .next { top: 40px; } } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .prev { left: 25px; } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .prev .svg-arrow { transform: rotate(180deg); } #app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .next { right: 25px; } #configurator_sended { padding: 40px 70px; box-sizing: border-box; height: 100%; position: relative; border: 2px solid #88b14b; width: 100%; max-width: 700px; margin: 50px auto; background: #fff; } #configurator_sended::before { content: ""; position: absolute; width: 100%; height: 100%; opacity: 100%; display: block; z-index: -1; background-color: #88b14b; -webkit-clip-path: polygon(0% 0%, 98% 0, 100% 4%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 98% 0, 100% 4%, 100% 100%, 0% 100%); top: -12px; left: inherit; right: -12px; } #configurator_sended h2 { position: relative; display: block; width: 100%; max-width: -moz-fit-content; max-width: fit-content; margin: 0 auto 50px auto; text-align: center; padding-bottom: 8px; } #configurator_sended .configurator_sended_text { text-align: center; } .step-info { display: block; font-size: 14px; margin-left: 39px; margin-top: 20px; }/*# sourceMappingURL=custom.css.map */