From 1efdc592905dbfb7fa0a1b6a65fcc97d06345768 Mon Sep 17 00:00:00 2001 From: Jacek Pyziak Date: Thu, 29 Jan 2026 15:23:24 +0100 Subject: [PATCH] Refactor SCSS imports and add local settings for build permissions - Updated main.scss to remove redundant forward for "shame". - Added .claude/settings.local.json to configure permissions for build commands. --- .claude/settings.local.json | 8 + .vscode/settings.json | 3 +- konfigurator-mail.php | 21 + wp-content/themes/ostal_WP/css/custom.css | 2 +- wp-content/themes/ostal_WP/css/custom.css.map | 2 +- wp-content/themes/ostal_WP/css/custom.scss | 135 +- wp-content/themes/ostal_WP/custom.scss | 1131 ++++---- wp-content/themes/ostal_WP/page-2101.php | 66 +- wp-content/themes/ostal_WP/page-2598.php | 8 +- .../ostal_WP/sass/06-pages/_configurator.scss | 983 +++---- wp-content/themes/ostal_WP/sass/main.css | 2338 +---------------- wp-content/themes/ostal_WP/sass/main.css.map | 2 +- wp-content/themes/ostal_WP/sass/main.scss | 3 +- 13 files changed, 1256 insertions(+), 3446 deletions(-) create mode 100644 .claude/settings.local.json diff --git a/.claude/settings.local.json b/.claude/settings.local.json new file mode 100644 index 0000000..489fd2a --- /dev/null +++ b/.claude/settings.local.json @@ -0,0 +1,8 @@ +{ + "permissions": { + "allow": [ + "Bash(npm run build:styles:*)", + "Bash(powershell -Command \"cd ''c:\\\\visual studio code\\\\projekty\\\\ostal.pl\\\\wp-content\\\\themes\\\\ostal_WP''; npm run build:styles\")" + ] + } +} diff --git a/.vscode/settings.json b/.vscode/settings.json index 95b4ab6..7ceea88 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -12,6 +12,7 @@ "liveSassCompile.settings.autoprefix": "defaults", "liveSassCompile.settings.watchOnLaunch": true, "liveSassCompile.settings.includeItems": [ - "wp-content/themes/ostal_WP/css/custom.scss" + "wp-content/themes/ostal_WP/css/custom.scss", + "wp-content/themes/ostal_WP/sass/main.scss", ] } diff --git a/konfigurator-mail.php b/konfigurator-mail.php index 8c99750..779b361 100644 --- a/konfigurator-mail.php +++ b/konfigurator-mail.php @@ -71,8 +71,29 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') { $message .= '
  • Imię: ' . $configData['step_4']['name'] . '
    • '; $message .= '
  • E-mail: ' . $configData['step_4']['email'] . '
    • '; $message .= '
  • Telefon: ' . $configData['step_4']['phone'] . '
    • '; + if (isset($configData['step_4']['planned_date']) && $configData['step_4']['planned_date']) { + $message .= '
  • Planowany termin montażu: ' . $configData['step_4']['planned_date'] . '
    • '; + } + if (isset($configData['step_4']['budget_range']) && $configData['step_4']['budget_range']) { + $message .= '
  • Orientacyjny budżet: ' . $configData['step_4']['budget_range'] . '
    • '; + } + if (isset($configData['step_4']['is_owner']) && $configData['step_4']['is_owner']) { + $message .= '
  • Właściciel nieruchomości: ' . $configData['step_4']['is_owner'] . '
    • '; + } $message .= ''; + if (isset($configData['step_4']['confirm_budget']) || isset($configData['step_4']['confirm_deposit'])) { + $message .= '

    Potwierdzenia

    '; + $message .= ''; + } + if (send_email($to, $configData['step_4']['email'], $subject, $message, $file)) { $_SESSION["configurator_sended"] = true; echo json_encode(['status' => 'ok', 'message' => 'Wiadmość wysłana']); diff --git a/wp-content/themes/ostal_WP/css/custom.css b/wp-content/themes/ostal_WP/css/custom.css index 007f41a..062d7cc 100644 --- a/wp-content/themes/ostal_WP/css/custom.css +++ b/wp-content/themes/ostal_WP/css/custom.css @@ -1 +1 @@ -#home-page-seo .wrapper{padding-top:75px;padding-bottom:0}#home-page-seo .wrapper h2{margin-left:0;max-width:100%}#garden-page-seo .wrapper{padding-top:0;padding-bottom:75px}#garden-page-seo .wrapper h2{margin-left:0;max-width:100%}.pagination{display:flex;align-items:center;margin:25px 0 50px;justify-content:center;width:100%;font-size:16px;gap:10px}.pagination a{font-size:16px}.c-select p{margin-bottom:5px !important}.c-select select{border:1px solid #88b14b;padding:10px;width:100%}body.page-id-2598 main section#korzysci .boxes.simple-cards{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner{flex-direction:column}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner h2{margin:0}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner p{margin:0}/*# sourceMappingURL=custom.css.map */ \ No newline at end of file +#home-page-seo .wrapper{padding-top:75px;padding-bottom:0}#home-page-seo .wrapper h2{margin-left:0;max-width:100%}#garden-page-seo .wrapper{padding-top:0;padding-bottom:75px}#garden-page-seo .wrapper h2{margin-left:0;max-width:100%}.pagination{display:flex;align-items:center;margin:25px 0 50px;justify-content:center;width:100%;font-size:16px;gap:10px}.pagination a{font-size:16px}.c-select p{margin-bottom:5px !important}.c-select select{border:1px solid #88b14b;padding:10px;width:100%}body.page-id-2598 main section#korzysci .boxes.simple-cards{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner{flex-direction:column}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner h2{margin:0}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner p{margin:0}#calc-ch-1 .slide-data{flex-wrap:wrap}#calc-ch-1 .slide-data .calc-texts{width:calc(100% - 200px) !important}.checkboxes-confirm{padding:5px 37px}.swiper-wrapper.wrapper--inner{background:#000}.swiper-wrapper.wrapper--inner .swiper-slide:first-child h1{flex:0 0 35% !important}.swiper-wrapper.wrapper--inner .swiper-slide:first-child .hero-slider-content{flex:0 0 65% !important}/*# sourceMappingURL=custom.css.map */ \ No newline at end of file diff --git a/wp-content/themes/ostal_WP/css/custom.css.map b/wp-content/themes/ostal_WP/css/custom.css.map index c652c18..7e0f40c 100644 --- a/wp-content/themes/ostal_WP/css/custom.css.map +++ b/wp-content/themes/ostal_WP/css/custom.css.map @@ -1 +1 @@ -{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AACC,wBACC,gBAAA,CACA,gBAAA,CAEA,2BACC,aAAA,CACA,cAAA,CAMF,0BACC,aAAA,CACA,mBAAA,CAEA,6BACC,aAAA,CACA,cAAA,CAKH,YACC,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,cAAA,CACA,QAAA,CAEA,cACC,cAAA,CAKD,YACC,4BAAA,CAED,iBACC,wBAAA,CACA,YAAA,CACA,UAAA,CAOC,4DACC,0DAAA,CAID,uEACC,qBAAA,CAEA,0EACC,QAAA,CAED,yEACC,QAAA","file":"custom.css"} \ No newline at end of file +{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AACE,wBACE,gBAAA,CACA,gBAAA,CAEA,2BACE,aAAA,CACA,cAAA,CAMJ,0BACE,aAAA,CACA,mBAAA,CAEA,6BACE,aAAA,CACA,cAAA,CAKN,YACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,cAAA,CACA,QAAA,CAEA,cACE,cAAA,CAKF,YACE,4BAAA,CAGF,iBACE,wBAAA,CACA,YAAA,CACA,UAAA,CAOE,4DACE,0DAAA,CAKF,uEACE,qBAAA,CAEA,0EACE,QAAA,CAGF,yEACE,QAAA,CAQR,uBACE,cAAA,CAEA,mCACE,mCAAA,CAKN,oBACE,gBAAA,CAGF,+BACE,eAAA,CAGE,4DACE,uBAAA,CAGF,8EACE,uBAAA","file":"custom.css","sourcesContent":["#home-page-seo {\r\n .wrapper {\r\n padding-top: 75px;\r\n padding-bottom: 0;\r\n\r\n h2 {\r\n margin-left: 0;\r\n max-width: 100%;\r\n }\r\n }\r\n}\r\n\r\n#garden-page-seo {\r\n .wrapper {\r\n padding-top: 0;\r\n padding-bottom: 75px;\r\n\r\n h2 {\r\n margin-left: 0;\r\n max-width: 100%;\r\n }\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n margin: 25px 0 50px;\r\n justify-content: center;\r\n width: 100%;\r\n font-size: 16px;\r\n gap: 10px;\r\n\r\n a {\r\n font-size: 16px;\r\n }\r\n}\r\n\r\n.c-select {\r\n p {\r\n margin-bottom: 5px !important;\r\n }\r\n\r\n select {\r\n border: 1px solid #88b14b;\r\n padding: 10px;\r\n width: 100%;\r\n }\r\n}\r\n\r\nbody.page-id-2598 {\r\n main {\r\n section#korzysci {\r\n .boxes.simple-cards {\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n }\r\n }\r\n\r\n section#garden-page-seo {\r\n .wrapper.wrapper--inner {\r\n flex-direction: column;\r\n\r\n h2 {\r\n margin: 0;\r\n }\r\n\r\n p {\r\n margin: 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n#calc-ch-1 {\r\n .slide-data {\r\n flex-wrap: wrap;\r\n\r\n .calc-texts {\r\n width: calc(100% - 200px) !important;\r\n }\r\n }\r\n}\r\n\r\n.checkboxes-confirm {\r\n padding: 5px 37px;\r\n}\r\n\r\n.swiper-wrapper.wrapper--inner {\r\n background: #000;\r\n\r\n .swiper-slide:first-child {\r\n h1 {\r\n flex: 0 0 35% !important;\r\n }\r\n\r\n .hero-slider-content {\r\n flex: 0 0 65% !important;\r\n }\r\n }\r\n}"]} \ No newline at end of file diff --git a/wp-content/themes/ostal_WP/css/custom.scss b/wp-content/themes/ostal_WP/css/custom.scss index 6677aa0..237e656 100644 --- a/wp-content/themes/ostal_WP/css/custom.scss +++ b/wp-content/themes/ostal_WP/css/custom.scss @@ -1,70 +1,101 @@ #home-page-seo { - .wrapper { - padding-top: 75px; - padding-bottom: 0; + .wrapper { + padding-top: 75px; + padding-bottom: 0; - h2 { - margin-left: 0; - max-width: 100%; - } - } + h2 { + margin-left: 0; + max-width: 100%; + } + } } #garden-page-seo { - .wrapper { - padding-top: 0; - padding-bottom: 75px; + .wrapper { + padding-top: 0; + padding-bottom: 75px; - h2 { - margin-left: 0; - max-width: 100%; - } - } + h2 { + margin-left: 0; + max-width: 100%; + } + } } .pagination { - display: flex; - align-items: center; - margin: 25px 0 50px; - justify-content: center; - width: 100%; - font-size: 16px; - gap: 10px; + display: flex; + align-items: center; + margin: 25px 0 50px; + justify-content: center; + width: 100%; + font-size: 16px; + gap: 10px; - a { - font-size: 16px; - } + a { + font-size: 16px; + } } .c-select { - p { - margin-bottom: 5px !important; - } - select { - border: 1px solid #88b14b; - padding: 10px; - width: 100%; - } + p { + margin-bottom: 5px !important; + } + + select { + border: 1px solid #88b14b; + padding: 10px; + width: 100%; + } } body.page-id-2598 { - main { - section#korzysci { - .boxes.simple-cards { - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); - } - } - section#garden-page-seo { - .wrapper.wrapper--inner { - flex-direction: column; + main { + section#korzysci { + .boxes.simple-cards { + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + } + } - h2 { - margin: 0; - } - p { - margin: 0; - } - } - } - } + section#garden-page-seo { + .wrapper.wrapper--inner { + flex-direction: column; + + h2 { + margin: 0; + } + + p { + margin: 0; + } + } + } + } } + +#calc-ch-1 { + .slide-data { + flex-wrap: wrap; + + .calc-texts { + width: calc(100% - 200px) !important; + } + } +} + +.checkboxes-confirm { + padding: 5px 37px; +} + +.swiper-wrapper.wrapper--inner { + background: #000; + + .swiper-slide:first-child { + h1 { + flex: 0 0 35% !important; + } + + .hero-slider-content { + flex: 0 0 65% !important; + } + } +} \ No newline at end of file diff --git a/wp-content/themes/ostal_WP/custom.scss b/wp-content/themes/ostal_WP/custom.scss index 0406eee..8a00161 100644 --- a/wp-content/themes/ostal_WP/custom.scss +++ b/wp-content/themes/ostal_WP/custom.scss @@ -1,576 +1,577 @@ #app { - .section-header { - text-align: center; - margin-bottom: 60px; - - .title { - margin-bottom: 0; - margin-top: 0; - padding-top: 0 !important; - padding-bottom: 0 !important; - } - } - - .section-realizacje { - .recent-realizations-item { - width: 25%; - - > p { - background: rgba(86, 165, 61, 0.8); - } - - @media (min-width: 1536px) { - padding-bottom: 20rem; - } - - @media (max-width: 1000px) { - width: 50%; - margin: 0; - } - - @media (max-width: 640px) { - padding-bottom: 10rem; - } - } - } - - .section-contact { - display: grid; - grid-template-columns: 2fr 1fr; - - @media (max-width: 1300px) { - grid-template-columns: 1fr; - row-gap: 30px; - } - - .section-contact-texts { - display: grid; - grid-template-columns: auto 1fr; - - @media (max-width: 900px) { - grid-template-columns: 1fr; - } - - .section-contact-texts-img { - img { - width: 100%; - max-width: fit-content; - - @media (max-width: 900px) { - margin-left: auto; - margin-right: auto; - } - } - } - - .section-contact-texts-txt { - padding: 25px; - color: #1d293f; - font-size: 15px; - font-style: normal; - font-weight: 400; - line-height: 32px; - - @media (max-width: 900px) { - padding-left: 0; - padding-right: 0; - } - } - } - - .section-contact-form { - width: 100%; - max-width: 400px; - - @media (max-width: 1300px) { - max-width: unset; - } - - .section-contact-form-wrapper { - padding: 10px; - - h3 { - font-size: 21px; - font-style: normal; - font-weight: 400; - line-height: normal; - - strong { - font-weight: 700; - } - - @media (max-width: 1300px) { - text-align: center; - } - } - - form { - .wpforms-field { - padding: 7px 0; - border-color: #bcbcbc; - outline: none !important; - - input { - border-radius: 0; - color: #000; - font-size: 11px; - font-style: normal; - font-weight: 400; - line-height: normal; - - &::placeholder { - color: #000; - } - } - } - - .required-alert { - p { - color: #cd1f27; - font-size: 12px; - font-style: normal; - font-weight: 400; - line-height: normal; - margin-bottom: 0; - } - } - - .marketing { - input[type='checkbox'] { - &::before { - border-radius: 0; - } - } - - label { - font-size: 10px; - font-style: normal; - font-weight: 400; - line-height: normal; - } - } - - .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; - } - } - } - } - } - - #calc-container { - .calc-bar-fix { - overflow: hidden; - padding: 20px 0; - - #progress-bar { - max-width: 1000px; - margin: 50px auto 30px auto; - - .progress-bar { - background: #ddd; - - .progress-bar-line { - background: #88b14b; - display: block; - height: 10px; - width: 0; - transition: all 250ms ease-in-out; - } - } - } - - #calc-bar { - display: flex; - flex-direction: row; - // width: 250%; - width: 350%; - margin-left: 0%; - transition: all 500ms ease-in-out; - // margin-left: -25%; - margin-left: -55%; - - @media (max-width: 1000px) { - width: 400%; - margin-left: 0%; - } - - .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) { - max-width: 100%; - - &.calc-placeholder { - display: none; - } - } - - &.active { - opacity: 1; - // transform: scale(1); - pointer-events: initial; - } - - &#calc-ch-1 { - .slide-data { - display: flex; - flex-direction: row; - row-gap: 20px; - - img { - width: 100%; - max-width: 200px; - height: fit-content; - } - - .calc-texts { - width: 100%; - } - - @media (max-width: 767px) { - flex-direction: column; - align-items: center; - } - } - } - - .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) { - padding: 25px 20px 65px 20px; - } - - &::before { - content: ''; - position: absolute; - width: 100%; - height: 100%; - opacity: 100%; - display: block; - z-index: -1; - - background-color: #88b14b; - clip-path: polygon(0% 0%, 97% 0, 100% 4%, 100% 100%, 0% 100%); - top: -12px; - left: inherit; - right: -12px; - } - - &--data { - ul.calc-radio { - list-style: none; - margin: 0; - - li { - display: flex; - flex-direction: row; - align-items: center; - 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; - - &:hover { - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); - background-color: #eee; - } - - &.selected { - .radio { - &::before { - content: ''; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 8px; - height: 8px; - border-radius: 100%; - background: #88b14b; - } - } - } - - .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; - } - - .radio-text { - .radio-title { - font-weight: 600; - font-size: 16px; - } - } - } - } - - ul.calc-texts { - list-style: none; - margin: 0; - - li { - margin-right: 1.75rem; - - &:not(:last-child) { - margin-bottom: 10px; - } - - p { - font-weight: 600; - font-size: 16px; - margin-bottom: 0; - } - - input.input { - background-color: #f7f7f7; - padding: 4px 10px; - border: 1px solid #eee; - width: 100%; - - &:focus { - outline: none; - } - } - - /********** Range Input Styles **********/ - /*Range Reset*/ - input[type='range'] { - -webkit-appearance: none; - appearance: none; - background: transparent; - cursor: pointer; - width: 100%; - } - - /* Removes default focus */ - input[type='range']:focus { - outline: none; - } - - /***** Chrome, Safari, Opera and Edge Chromium styles *****/ - /* slider track */ - 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); - } - - /* slider thumb */ - 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; - } - - /******** Firefox styles ********/ - /* slider track */ - 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; - } - - /* slider thumb */ - 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; - } - } - } - - .btn_send { - // color: #fff; - // padding: 5px 15px; - // background: #56a53d; - // font-size: 14px; - // display: block; - max-width: fit-content; - margin: 30px auto 0; - // outline: none; - // transition: all 250ms ease-in-out; - - &:disabled { - cursor: progress; - background: #cdcdcd; - } - } - } - - &--title { - position: relative; - display: block; - width: 100%; - max-width: fit-content; - margin: 0 auto 30px auto; - text-align: center; - padding-bottom: 8px; - - // &::before { - // content: ''; - // position: absolute; - // bottom: 0; - // left: 50%; - // height: 2px; - // width: calc(100% + 60px); - // background: #132473; - // transform: translateX(-50%); - // } - - h2 { - margin: 0; - padding: 0; - } - } - - .prev, - .next { - background: #88b14b; - top: 50%; - margin: -15px; - position: absolute; - transition: 0.3s; - cursor: pointer; - border-radius: 100%; - - &.disabled { - background: #ddd; - cursor: default; - } - - .svg-arrow { - margin: 0; - width: 48px; - height: 48px; - display: block; - padding: 7px; - top: 0; - - path { - transition: 0.3s; - } - } - - @media (max-width: 640px) { - top: 40px; - } - } - - .prev { - left: 25px; - - .svg-arrow { - transform: rotate(180deg); - } - } - - .next { - right: 25px; - } - } - } - } - } - } + .section-header { + text-align: center; + margin-bottom: 60px; + + .title { + margin-bottom: 0; + margin-top: 0; + padding-top: 0 !important; + padding-bottom: 0 !important; + } + } + + .section-realizacje { + .recent-realizations-item { + width: 25%; + + >p { + background: rgba(86, 165, 61, 0.8); + } + + @media (min-width: 1536px) { + padding-bottom: 20rem; + } + + @media (max-width: 1000px) { + width: 50%; + margin: 0; + } + + @media (max-width: 640px) { + padding-bottom: 10rem; + } + } + } + + .section-contact { + display: grid; + grid-template-columns: 2fr 1fr; + + @media (max-width: 1300px) { + grid-template-columns: 1fr; + row-gap: 30px; + } + + .section-contact-texts { + display: grid; + grid-template-columns: auto 1fr; + + @media (max-width: 900px) { + grid-template-columns: 1fr; + } + + .section-contact-texts-img { + img { + width: 100%; + max-width: fit-content; + + @media (max-width: 900px) { + margin-left: auto; + margin-right: auto; + } + } + } + + .section-contact-texts-txt { + padding: 25px; + color: #1d293f; + font-size: 15px; + font-style: normal; + font-weight: 400; + line-height: 32px; + + @media (max-width: 900px) { + padding-left: 0; + padding-right: 0; + } + } + } + + .section-contact-form { + width: 100%; + max-width: 400px; + + @media (max-width: 1300px) { + max-width: unset; + } + + .section-contact-form-wrapper { + padding: 10px; + + h3 { + font-size: 21px; + font-style: normal; + font-weight: 400; + line-height: normal; + + strong { + font-weight: 700; + } + + @media (max-width: 1300px) { + text-align: center; + } + } + + form { + .wpforms-field { + padding: 7px 0; + border-color: #bcbcbc; + outline: none !important; + + input { + border-radius: 0; + color: #000; + font-size: 11px; + font-style: normal; + font-weight: 400; + line-height: normal; + + &::placeholder { + color: #000; + } + } + } + + .required-alert { + p { + color: #cd1f27; + font-size: 12px; + font-style: normal; + font-weight: 400; + line-height: normal; + margin-bottom: 0; + } + } + + .marketing { + input[type='checkbox'] { + &::before { + border-radius: 0; + } + } + + label { + font-size: 10px; + font-style: normal; + font-weight: 400; + line-height: normal; + } + } + + .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; + } + } + } + } + } + + #calc-container { + .calc-bar-fix { + overflow: hidden; + padding: 20px 0; + + #progress-bar { + max-width: 1000px; + margin: 50px auto 30px auto; + + .progress-bar { + background: #ddd; + + .progress-bar-line { + background: #88b14b; + display: block; + height: 10px; + width: 0; + transition: all 250ms ease-in-out; + } + } + } + + #calc-bar { + display: flex; + flex-direction: row; + // width: 250%; + width: 350%; + margin-left: 0%; + transition: all 500ms ease-in-out; + // margin-left: -25%; + margin-left: -55%; + + @media (max-width: 1000px) { + width: 400%; + margin-left: 0%; + } + + .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) { + max-width: 100%; + + &.calc-placeholder { + display: none; + } + } + + &.active { + opacity: 1; + // transform: scale(1); + pointer-events: initial; + } + + &#calc-ch-1 { + .slide-data { + display: flex; + flex-direction: row; + row-gap: 20px; + flex-wrap: wrap; + + img { + width: 100%; + max-width: 200px; + height: fit-content; + } + + .calc-texts { + width: calc(100% - 200px); + } + + @media (max-width: 767px) { + flex-direction: column; + align-items: center; + } + } + } + + .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) { + padding: 25px 20px 65px 20px; + } + + &::before { + content: ''; + position: absolute; + width: 100%; + height: 100%; + opacity: 100%; + display: block; + z-index: -1; + + background-color: #88b14b; + clip-path: polygon(0% 0%, 97% 0, 100% 4%, 100% 100%, 0% 100%); + top: -12px; + left: inherit; + right: -12px; + } + + &--data { + ul.calc-radio { + list-style: none; + margin: 0; + + li { + display: flex; + flex-direction: row; + align-items: center; + 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; + + &:hover { + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); + background-color: #eee; + } + + &.selected { + .radio { + &::before { + content: ''; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 8px; + height: 8px; + border-radius: 100%; + background: #88b14b; + } + } + } + + .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; + } + + .radio-text { + .radio-title { + font-weight: 600; + font-size: 16px; + } + } + } + } + + ul.calc-texts { + list-style: none; + margin: 0; + + li { + margin-right: 1.75rem; + + &:not(:last-child) { + margin-bottom: 10px; + } + + p { + font-weight: 600; + font-size: 16px; + margin-bottom: 0; + } + + input.input { + background-color: #f7f7f7; + padding: 4px 10px; + border: 1px solid #eee; + width: 100%; + + &:focus { + outline: none; + } + } + + /********** Range Input Styles **********/ + /*Range Reset*/ + input[type='range'] { + -webkit-appearance: none; + appearance: none; + background: transparent; + cursor: pointer; + width: 100%; + } + + /* Removes default focus */ + input[type='range']:focus { + outline: none; + } + + /***** Chrome, Safari, Opera and Edge Chromium styles *****/ + /* slider track */ + 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); + } + + /* slider thumb */ + 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; + } + + /******** Firefox styles ********/ + /* slider track */ + 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; + } + + /* slider thumb */ + 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; + } + } + } + + .btn_send { + // color: #fff; + // padding: 5px 15px; + // background: #56a53d; + // font-size: 14px; + // display: block; + max-width: fit-content; + margin: 30px auto 0; + // outline: none; + // transition: all 250ms ease-in-out; + + &:disabled { + cursor: progress; + background: #cdcdcd; + } + } + } + + &--title { + position: relative; + display: block; + width: 100%; + max-width: fit-content; + margin: 0 auto 30px auto; + text-align: center; + padding-bottom: 8px; + + // &::before { + // content: ''; + // position: absolute; + // bottom: 0; + // left: 50%; + // height: 2px; + // width: calc(100% + 60px); + // background: #132473; + // transform: translateX(-50%); + // } + + h2 { + margin: 0; + padding: 0; + } + } + + .prev, + .next { + background: #88b14b; + top: 50%; + margin: -15px; + position: absolute; + transition: 0.3s; + cursor: pointer; + border-radius: 100%; + + &.disabled { + background: #ddd; + cursor: default; + } + + .svg-arrow { + margin: 0; + width: 48px; + height: 48px; + display: block; + padding: 7px; + top: 0; + + path { + transition: 0.3s; + } + } + + @media (max-width: 640px) { + top: 40px; + } + } + + .prev { + left: 25px; + + .svg-arrow { + transform: rotate(180deg); + } + } + + .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; + 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; - &::before { - content: ''; - position: absolute; - width: 100%; - height: 100%; - opacity: 100%; - display: block; - z-index: -1; + &::before { + content: ''; + position: absolute; + width: 100%; + height: 100%; + opacity: 100%; + display: block; + z-index: -1; - background-color: #88b14b; - clip-path: polygon(0% 0%, 98% 0, 100% 4%, 100% 100%, 0% 100%); - top: -12px; - left: inherit; - right: -12px; - } + background-color: #88b14b; + clip-path: polygon(0% 0%, 98% 0, 100% 4%, 100% 100%, 0% 100%); + top: -12px; + left: inherit; + right: -12px; + } - h2 { - position: relative; - display: block; - width: 100%; - max-width: fit-content; - margin: 0 auto 50px auto; - text-align: center; - padding-bottom: 8px; - } + h2 { + position: relative; + display: block; + width: 100%; + max-width: fit-content; + margin: 0 auto 50px auto; + text-align: center; + padding-bottom: 8px; + } - .configurator_sended_text { - text-align: center; - } + .configurator_sended_text { + text-align: center; + } } .step-info { - display: block; - font-size: 14px; - margin-left: 39px; - margin-top: 20px; -} + display: block; + font-size: 14px; + margin-left: 39px; + margin-top: 20px; +} \ No newline at end of file diff --git a/wp-content/themes/ostal_WP/page-2101.php b/wp-content/themes/ostal_WP/page-2101.php index a889816..06973d0 100644 --- a/wp-content/themes/ostal_WP/page-2101.php +++ b/wp-content/themes/ostal_WP/page-2101.php @@ -109,6 +109,9 @@ +

    + Orientacyjny budżet całorocznego ogrodu zimowego zwykle mieści się w przedziale 120 000 – 180 000 zł netto +

    @@ -252,6 +255,47 @@ + + +
    + + +
    + @@ -347,6 +391,11 @@ name: '', email: '', phone: '', + planned_date: '', + budget_range: '', + is_owner: '', + confirm_budget: false, + confirm_deposit: false, } } } @@ -487,12 +536,25 @@ return true; }; - return checkFields(configData, ['step_3_extra']); + return checkFields(configData, ['step_3_extra', 'planned_date', 'budget_range', 'is_owner', 'confirm_budget', 'confirm_deposit']); }, checkFields() { - return this.areAllFieldsFilled(this.configData); + const basicFieldsFilled = this.areAllFieldsFilled(this.configData); + + // Dla ogrodów zimowych (selected_option_1 === 0) wymagaj dodatkowych pól i checkboxów + if (this.selected_option_1 === 0) { + if (!this.configData.step_4.planned_date || + !this.configData.step_4.budget_range || + !this.configData.step_4.is_owner || + !this.configData.step_4.confirm_budget || + !this.configData.step_4.confirm_deposit) { + return false; + } + } + + return basicFieldsFilled; }, resetAllFields() { diff --git a/wp-content/themes/ostal_WP/page-2598.php b/wp-content/themes/ostal_WP/page-2598.php index 04c257d..1d79cd0 100644 --- a/wp-content/themes/ostal_WP/page-2598.php +++ b/wp-content/themes/ostal_WP/page-2598.php @@ -72,7 +72,7 @@ $collaboration = [

    Realizacje całorocznych ogrodów zimowych startują od ok. 120 000 zł netto.

    - +
    @@ -116,7 +116,7 @@ $collaboration = [
    - +
    @@ -126,7 +126,7 @@ $collaboration = [
    - +
    @@ -151,7 +151,7 @@ $collaboration = [
    - +
    diff --git a/wp-content/themes/ostal_WP/sass/06-pages/_configurator.scss b/wp-content/themes/ostal_WP/sass/06-pages/_configurator.scss index eb238b8..cb312e4 100644 --- a/wp-content/themes/ostal_WP/sass/06-pages/_configurator.scss +++ b/wp-content/themes/ostal_WP/sass/06-pages/_configurator.scss @@ -1,547 +1,570 @@ #app { - .section-header { - text-align: center; - margin-bottom: 60px; + .section-header { + text-align: center; + margin-bottom: 60px; - .title { - margin-bottom: 0; - margin-top: 0; - padding-top: 0 !important; - padding-bottom: 0 !important; - } - } - .section-realizacje { - .recent-realizations-item { - width: 25%; + .title { + margin-bottom: 0; + margin-top: 0; + padding-top: 0 !important; + padding-bottom: 0 !important; + } + } - > p { - background: rgba(86, 165, 61, 0.8); - } + .section-realizacje { + .recent-realizations-item { + width: 25%; - @media (min-width: 1536px) { - padding-bottom: 20rem; - } - @media (max-width: 1000px) { - width: 50%; - margin: 0; - } - @media (max-width: 640px) { - padding-bottom: 10rem; - } - } - } - .section-contact { - display: grid; - grid-template-columns: 2fr 1fr; + >p { + background: rgba(86, 165, 61, 0.8); + } - @media (max-width: 1300px) { - grid-template-columns: 1fr; - row-gap: 30px; - } + @media (min-width: 1536px) { + padding-bottom: 20rem; + } - .section-contact-texts { - display: grid; - grid-template-columns: auto 1fr; + @media (max-width: 1000px) { + width: 50%; + margin: 0; + } - @media (max-width: 900px) { - grid-template-columns: 1fr; - } + @media (max-width: 640px) { + padding-bottom: 10rem; + } + } + } - .section-contact-texts-img { - img { - width: 100%; - max-width: fit-content; + .section-contact { + display: grid; + grid-template-columns: 2fr 1fr; - @media (max-width: 900px) { - margin-left: auto; - margin-right: auto; - } - } - } - .section-contact-texts-txt { - padding: 25px; - color: #1d293f; - font-size: 15px; - font-style: normal; - font-weight: 400; - line-height: 32px; + @media (max-width: 1300px) { + grid-template-columns: 1fr; + row-gap: 30px; + } - @media (max-width: 900px) { - padding-left: 0; - padding-right: 0; - } - } - } + .section-contact-texts { + display: grid; + grid-template-columns: auto 1fr; - .section-contact-form { - width: 100%; - max-width: 400px; + @media (max-width: 900px) { + grid-template-columns: 1fr; + } - @media (max-width: 1300px) { - max-width: unset; - } + .section-contact-texts-img { + img { + width: 100%; + max-width: fit-content; - .section-contact-form-wrapper { - padding: 10px; + @media (max-width: 900px) { + margin-left: auto; + margin-right: auto; + } + } + } - h3 { - font-size: 21px; - font-style: normal; - font-weight: 400; - line-height: normal; + .section-contact-texts-txt { + padding: 25px; + color: #1d293f; + font-size: 15px; + font-style: normal; + font-weight: 400; + line-height: 32px; - strong { - font-weight: 700; - } + @media (max-width: 900px) { + padding-left: 0; + padding-right: 0; + } + } + } - @media (max-width: 1300px) { - text-align: center; - } - } + .section-contact-form { + width: 100%; + max-width: 400px; - form { - .wpforms-field { - padding: 7px 0; - border-color: #bcbcbc; - outline: none !important; + @media (max-width: 1300px) { + max-width: unset; + } - input { - border-radius: 0; - color: #000; - font-size: 11px; - font-style: normal; - font-weight: 400; - line-height: normal; + .section-contact-form-wrapper { + padding: 10px; - &::placeholder { - color: #000; - } - } - } - .required-alert { - p { - color: #cd1f27; - font-size: 12px; - font-style: normal; - font-weight: 400; - line-height: normal; - margin-bottom: 0; - } - } - .marketing { - input[type='checkbox'] { - &::before { - border-radius: 0; - } - } - label { - font-size: 10px; - font-style: normal; - font-weight: 400; - line-height: normal; - } - } - .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; - } - } - } - } - } - #calc-container { - .calc-bar-fix { - overflow: hidden; - padding: 20px 0; + h3 { + font-size: 21px; + font-style: normal; + font-weight: 400; + line-height: normal; - #progress-bar { - max-width: 1000px; - margin: 50px auto 30px auto; + strong { + font-weight: 700; + } - .progress-bar { - background: #ddd; - .progress-bar-line { - background: #88b14b; - display: block; - height: 10px; - width: 0; - transition: all 250ms ease-in-out; - } - } - } + @media (max-width: 1300px) { + text-align: center; + } + } - #calc-bar { - display: flex; - flex-direction: row; - // width: 250%; - width: 350%; - margin-left: 0%; - transition: all 500ms ease-in-out; - // margin-left: -25%; - margin-left: -55%; + form { + .wpforms-field { + padding: 7px 0; + border-color: #bcbcbc; + outline: none !important; - @media (max-width: 1000px) { - width: 400%; - margin-left: 0%; - } - .calc-s { - width: 100%; - max-width: 70%; - padding: 0 20px; - opacity: 0.2; - transition: all 500ms ease-in-out; - pointer-events: none; + input { + border-radius: 0; + color: #000; + font-size: 11px; + font-style: normal; + font-weight: 400; + line-height: normal; - @media (max-width: 1000px) { - max-width: 100%; + &::placeholder { + color: #000; + } + } + } - &.calc-placeholder { - display: none; - } - } + .required-alert { + p { + color: #cd1f27; + font-size: 12px; + font-style: normal; + font-weight: 400; + line-height: normal; + margin-bottom: 0; + } + } - &.active { - opacity: 1; - // transform: scale(1); - pointer-events: initial; - } + .marketing { + input[type='checkbox'] { + &::before { + border-radius: 0; + } + } - &#calc-ch-1 { - .slide-data { - display: flex; - flex-direction: row; - row-gap: 20px; + label { + font-size: 10px; + font-style: normal; + font-weight: 400; + line-height: normal; + } + } - img { - width: 100%; - max-width: 200px; - height: fit-content; - } + .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; + } + } + } + } + } - .calc-texts { - width: 100%; - } + #calc-container { + .calc-bar-fix { + overflow: hidden; + padding: 20px 0; - @media (max-width: 767px) { - flex-direction: column; - align-items: center; - } - } - } + #progress-bar { + max-width: 1000px; + margin: 50px auto 30px auto; - .calc-box { - position: relative; - padding: 25px 70px 65px 70px; - box-sizing: border-box; - height: 100%; - position: relative; - border: 2px solid #88b14b; - background: #fff; + .progress-bar { + background: #ddd; - @media (max-width: 640px) { - padding: 25px 20px 65px 20px; - } + .progress-bar-line { + background: #88b14b; + display: block; + height: 10px; + width: 0; + transition: all 250ms ease-in-out; + } + } + } - &::before { - content: ''; - position: absolute; - width: 100%; - height: 100%; - opacity: 100%; - display: block; - z-index: -1; + #calc-bar { + display: flex; + flex-direction: row; + // width: 250%; + width: 350%; + margin-left: 0%; + transition: all 500ms ease-in-out; + // margin-left: -25%; + margin-left: -55%; - background-color: #88b14b; - clip-path: polygon(0% 0%, 97% 0, 100% 4%, 100% 100%, 0% 100%); - top: -12px; - left: inherit; - right: -12px; - } + @media (max-width: 1000px) { + width: 400%; + margin-left: 0%; + } - &--data { - ul.calc-radio { - list-style: none; - margin: 0; + .calc-s { + width: 100%; + max-width: 70%; + padding: 0 20px; + opacity: 0.2; + transition: all 500ms ease-in-out; + pointer-events: none; - li { - display: flex; - flex-direction: row; - align-items: center; - 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; + @media (max-width: 1000px) { + max-width: 100%; - &:hover { - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); - background-color: #eee; - } + &.calc-placeholder { + display: none; + } + } - &.selected { - .radio { - &::before { - content: ''; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 8px; - height: 8px; - border-radius: 100%; - background: #88b14b; - } - } - } + &.active { + opacity: 1; + // transform: scale(1); + pointer-events: initial; + } - .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; - } - .radio-text { - .radio-title { - font-weight: 600; - font-size: 16px; - } - } - } - } - ul.calc-texts { - list-style: none; - margin: 0; + &#calc-ch-1 { + .slide-data { + display: flex; + flex-direction: row; + row-gap: 20px; + flex-wrap: wrap; - li { - margin-right: 1.75rem; + img { + width: 100%; + max-width: 200px; + height: fit-content; + } - &:not(:last-child) { - margin-bottom: 10px; - } - p { - font-weight: 600; - font-size: 16px; - margin-bottom: 0; - } + .calc-texts { + width: calc(100% - 200px); + } - input.input { - background-color: #f7f7f7; - padding: 4px 10px; - border: 1px solid #eee; - width: 100%; + @media (max-width: 767px) { + flex-direction: column; + align-items: center; + } + } + } - &:focus { - outline: none; - } - } - /********** Range Input Styles **********/ - /*Range Reset*/ - input[type='range'] { - -webkit-appearance: none; - appearance: none; - background: transparent; - cursor: pointer; - width: 100%; - } + .calc-box { + position: relative; + padding: 25px 70px 65px 70px; + box-sizing: border-box; + height: 100%; + position: relative; + border: 2px solid #88b14b; + background: #fff; - /* Removes default focus */ - input[type='range']:focus { - outline: none; - } + @media (max-width: 640px) { + padding: 25px 20px 65px 20px; + } - /***** Chrome, Safari, Opera and Edge Chromium styles *****/ - /* slider track */ - 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); - } + &::before { + content: ''; + position: absolute; + width: 100%; + height: 100%; + opacity: 100%; + display: block; + z-index: -1; - /* slider thumb */ - 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; - } + background-color: #88b14b; + clip-path: polygon(0% 0%, 97% 0, 100% 4%, 100% 100%, 0% 100%); + top: -12px; + left: inherit; + right: -12px; + } - /******** Firefox styles ********/ - /* slider track */ - 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; - } + &--data { + ul.calc-radio { + list-style: none; + margin: 0; - /* slider thumb */ - input[type='range']::-moz-range-thumb { - border: none; /*Removes extra border that FF applies*/ - border-radius: 0px; /*Removes default border-radius that FF applies*/ + li { + display: flex; + flex-direction: row; + align-items: center; + 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; - /*custom styles*/ - background-color: #121e23; - border: 1px solid #fff; - height: 20px; - width: 10px; - } - } - } + &:hover { + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); + background-color: #eee; + } - .btn_send { - // color: #fff; - // padding: 5px 15px; - // background: #56a53d; - // font-size: 14px; - // display: block; - max-width: fit-content; - margin: 30px auto 0; - // outline: none; - // transition: all 250ms ease-in-out; + &.selected { + .radio { + &::before { + content: ''; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 8px; + height: 8px; + border-radius: 100%; + background: #88b14b; + } + } + } - &:disabled { - cursor: progress; - background: #cdcdcd; - } - } - } + .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; + } - &--title { - position: relative; - display: block; - width: 100%; - max-width: fit-content; - margin: 0 auto 30px auto; - text-align: center; - padding-bottom: 8px; + .radio-text { + .radio-title { + font-weight: 600; + font-size: 16px; + } + } + } + } - // &::before { - // content: ''; - // position: absolute; - // bottom: 0; - // left: 50%; - // height: 2px; - // width: calc(100% + 60px); - // background: #132473; - // transform: translateX(-50%); - // } + ul.calc-texts { + list-style: none; + margin: 0; - h2 { - margin: 0; - padding: 0; - } - } + li { + margin-right: 1.75rem; - .prev, - .next { - background: #88b14b; - top: 50%; - margin: -15px; - position: absolute; - transition: 0.3s; - cursor: pointer; - border-radius: 100%; + &:not(:last-child) { + margin-bottom: 10px; + } - &.disabled { - background: #ddd; - cursor: default; - } + p { + font-weight: 600; + font-size: 16px; + margin-bottom: 0; + } - .svg-arrow { - margin: 0; - width: 48px; - height: 48px; - display: block; - padding: 7px; - top: 0; + input.input { + background-color: #f7f7f7; + padding: 4px 10px; + border: 1px solid #eee; + width: 100%; - path { - transition: 0.3s; - } - } + &:focus { + outline: none; + } + } - @media (max-width: 640px) { - top: 40px; - } - } - .prev { - left: 25px; + /********** Range Input Styles **********/ + /*Range Reset*/ + input[type='range'] { + -webkit-appearance: none; + appearance: none; + background: transparent; + cursor: pointer; + width: 100%; + } - .svg-arrow { - transform: rotate(180deg); - } - } - .next { - right: 25px; - } - } - } - } - } - } + /* Removes default focus */ + input[type='range']:focus { + outline: none; + } + + /***** Chrome, Safari, Opera and Edge Chromium styles *****/ + /* slider track */ + 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); + } + + /* slider thumb */ + 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; + } + + /******** Firefox styles ********/ + /* slider track */ + 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; + } + + /* slider thumb */ + 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; + } + } + } + + .btn_send { + // color: #fff; + // padding: 5px 15px; + // background: #56a53d; + // font-size: 14px; + // display: block; + max-width: fit-content; + margin: 30px auto 0; + // outline: none; + // transition: all 250ms ease-in-out; + + &:disabled { + cursor: progress; + background: #cdcdcd; + } + } + } + + &--title { + position: relative; + display: block; + width: 100%; + max-width: fit-content; + margin: 0 auto 30px auto; + text-align: center; + padding-bottom: 8px; + + // &::before { + // content: ''; + // position: absolute; + // bottom: 0; + // left: 50%; + // height: 2px; + // width: calc(100% + 60px); + // background: #132473; + // transform: translateX(-50%); + // } + + h2 { + margin: 0; + padding: 0; + } + } + + .prev, + .next { + background: #88b14b; + top: 50%; + margin: -15px; + position: absolute; + transition: 0.3s; + cursor: pointer; + border-radius: 100%; + + &.disabled { + background: #ddd; + cursor: default; + } + + .svg-arrow { + margin: 0; + width: 48px; + height: 48px; + display: block; + padding: 7px; + top: 0; + + path { + transition: 0.3s; + } + } + + @media (max-width: 640px) { + top: 40px; + } + } + + .prev { + left: 25px; + + .svg-arrow { + transform: rotate(180deg); + } + } + + .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; + 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; - &::before { - content: ''; - position: absolute; - width: 100%; - height: 100%; - opacity: 100%; - display: block; - z-index: -1; + &::before { + content: ''; + position: absolute; + width: 100%; + height: 100%; + opacity: 100%; + display: block; + z-index: -1; - background-color: #88b14b; - clip-path: polygon(0% 0%, 98% 0, 100% 4%, 100% 100%, 0% 100%); - top: -12px; - left: inherit; - right: -12px; - } + background-color: #88b14b; + clip-path: polygon(0% 0%, 98% 0, 100% 4%, 100% 100%, 0% 100%); + top: -12px; + left: inherit; + right: -12px; + } - h2 { - position: relative; - display: block; - width: 100%; - max-width: fit-content; - margin: 0 auto 50px auto; - text-align: center; - padding-bottom: 8px; - } + h2 { + position: relative; + display: block; + width: 100%; + max-width: fit-content; + margin: 0 auto 50px auto; + text-align: center; + padding-bottom: 8px; + } - .configurator_sended_text { - text-align: center; - } -} + .configurator_sended_text { + text-align: center; + } +} \ No newline at end of file diff --git a/wp-content/themes/ostal_WP/sass/main.css b/wp-content/themes/ostal_WP/sass/main.css index 551d9da..4079ad4 100644 --- a/wp-content/themes/ostal_WP/sass/main.css +++ b/wp-content/themes/ostal_WP/sass/main.css @@ -1,2337 +1 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ -/* Document - ========================================================================== */ -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in iOS. - */ -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} -*:focus, *:focus-visible { - outline: none !important; -} - -html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ - /* 62.5% of 16px browser font size is 10px */ - font-size: 62.5%; -} - -/* Sections - ========================================================================== */ -/** - * Remove the margin in all browsers. - */ -body { - margin: 0; -} - -/** - * Render the `main` element consistently in IE. - */ -main { - display: block; -} - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - font-size: 2em; -} - -/* Grouping content - ========================================================================== */ -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/* Text-level semantics - ========================================================================== */ -/** - * Remove the gray background on active links in IE 10. - */ -a { - background-color: transparent; - text-decoration: none; -} - -/** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; /* 2 */ -} - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ -b, -strong { - font-weight: bolder; -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ -/** - * Remove the border on images inside links in IE 10. - */ -img { - border-style: none; -} - -/* Forms - ========================================================================== */ -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ -button, -input, -optgroup, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ -} - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ -button, -input { /* 1 */ - overflow: visible; -} - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { /* 1 */ - text-transform: none; -} - -/** - * Correct the inability to style clickable types in iOS and Safari. - */ -button, -[type=button], -[type=reset], -[type=submit] { - -webkit-appearance: button; -} - -/** - * Remove the inner border and padding in Firefox. - */ -button::-moz-focus-inner, -[type=button]::-moz-focus-inner, -[type=reset]::-moz-focus-inner, -[type=submit]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** - * Restore the focus styles unset by the previous rule. - */ -button:-moz-focusring, -[type=button]:-moz-focusring, -[type=reset]:-moz-focusring, -[type=submit]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** - * Correct the padding in Firefox. - */ -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ -legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ -} - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - vertical-align: baseline; -} - -/** - * Remove the default vertical scrollbar in IE 10+. - */ -textarea { - overflow: auto; -} - -/** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ -[type=checkbox], -[type=radio] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type=number]::-webkit-inner-spin-button, -[type=number]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type=search] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ -[type=search]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/* Interactive - ========================================================================== */ -/* - * Add the correct display in Edge, IE 10+, and Firefox. - */ -details { - display: block; -} - -/* - * Add the correct display in all browsers. - */ -summary { - display: list-item; -} - -/* Misc - ========================================================================== */ -/** - * Add the correct display in IE 10+. - */ -template { - display: none; -} - -/** - * Add the correct display in IE 10. - */ -[hidden] { - display: none; -} - -div:focus, div:focus-visible { - outline: none !important; -} - -.heading { - font-family: "Space Grotesk", sans-serif; - font-weight: 700; -} -.heading--xl { - font-size: 3.8rem; - line-height: 110%; -} -@media only screen and (min-width: 768px) { - .heading--xl { - font-size: 4.8rem; - } -} -@media only screen and (min-width: 1366px) { - .heading--xl { - font-size: 4.8rem; - margin-bottom: 20px; - } -} -.heading--lg { - font-size: 3.2rem; - line-height: 110%; -} -@media only screen and (min-width: 1366px) { - .heading--lg { - font-size: 3.2rem; - } -} -.heading--md { - font-size: 24px; - line-height: 150%; - margin-bottom: 20px; -} -@media only screen and (min-width: 1366px) { - .heading--md { - font-size: 2.4rem; - } -} -.heading--sm { - font-size: 1.8rem; - line-height: 150%; - letter-spacing: 4%; - margin-bottom: 8px; -} -@media only screen and (min-width: 1366px) { - .heading--sm { - font-size: 1.8rem; - } -} - -body { - background-color: #fff; - font-family: "Space Grotesk", sans-serif; -} - -h1, h2, h3, h4, h5, h6 { - font-family: "Space Grotesk", sans-serif; - font-weight: 700; -} - -h1 { - font-family: "Space Grotesk", sans-serif; - font-weight: 700; - font-size: 3.8rem; - line-height: 110%; -} -@media only screen and (min-width: 768px) { - h1 { - font-size: 4.8rem; - } -} -@media only screen and (min-width: 1366px) { - h1 { - font-size: 4.8rem; - margin-bottom: 20px; - } -} - -h2 { - font-family: "Space Grotesk", sans-serif; - font-size: 2.4rem; - line-height: 150%; - margin-bottom: 20px; -} -h3 { - font-family: "Space Grotesk", sans-serif; - font-size: 1.8rem; - line-height: 150%; - letter-spacing: 4%; - margin-bottom: 8px; -} -@media only screen and (min-width: 1366px) { - h3 { - font-size: 1.8rem; - } -} - -p { - font-weight: 400; - font-size: 1.8rem; - line-height: 150%; - letter-spacing: 4%; - margin-bottom: 26px; -} -@media only screen and (min-width: 768px) { - p { - margin-bottom: 40px; - } -} - -a { - transition: all; - color: #121E23; -} -a:hover { - color: #88B14B; -} - -.wrapper--inner { - padding: 0 2rem; - margin: 0 auto; -} -@media only screen and (min-width: 768px) { - .wrapper--inner { - padding: 0 4rem; - max-width: inherit; - } -} -@media only screen and (min-width: 1366px) { - .wrapper--inner { - padding: 0 0; - max-width: 1200px; - } -} - -.wrapper--default { - padding: 30px 0; -} -@media only screen and (min-width: 768px) { - .wrapper--default { - padding: 40px 0; - } -} -@media only screen and (min-width: 1366px) { - .wrapper--default { - padding: 50px 0; - } -} - -.text-accent { - color: #88B14B; -} -.text-accent--lighten { - color: rgb(183.1904761905, 208.5714285714, 145.4285714286); -} -.text-accent--darken { - color: rgb(80.9523809524, 105.3571428571, 44.6428571429); -} - -.text-black { - color: #121E23; -} -.text-black--lighten { - color: rgb(52.641509434, 87.7358490566, 102.358490566); -} -.text-black--darken { - color: black; -} - -.text-white { - color: #fff; -} -.text-white--lighten { - color: white; -} -.text-white--darken { - color: #cccccc; -} - -.top-margin-minus { - margin-top: -46px; -} -.top-margin-minus .wrapper { - padding-top: 46px; -} - -.img-auto { - width: 100%; - height: auto; -} - -/* Lightbox */ -.lightbox { - opacity: 0; - visibility: hidden; - position: fixed; - left: 0; - right: 0; - top: 0; - bottom: 0; - z-index: -1; - display: flex; - align-items: center; - justify-content: center; - transition: all 0.15s ease-in; -} - -.lightbox.show { - background-color: rgba(0, 0, 0, 0.85); - opacity: 1; - visibility: visible; - z-index: 1000; -} - -.lightbox img { - max-width: 90%; -} - -/* Close lightbox "x" icon */ -.lightbox .close-lightbox { - cursor: pointer; - position: absolute; - top: 30px; - right: 50px; - width: 20px; - height: 20px; -} - -.lightbox .close-lightbox::after, -.lightbox .close-lightbox::before { - content: ""; - width: 3px; - height: 20px; - background-color: #ddd; - position: absolute; - border-radius: 5px; - transform: rotate(45deg); -} - -.lightbox .close-lightbox::before { - transform: rotate(-45deg); -} - -.lightbox .close-lightbox:hover::after, -.lightbox .close-lightbox:hover::before { - background-color: #fff; -} - -.header { - height: 80px; - display: flex; - justify-content: space-between; - align-items: center; -} -.header .header-logo { - width: 125px; - height: 27px; -} - -#main-nav { - overflow: hidden; -} -#main-nav nav #navbar-btn { - cursor: pointer; - height: 27px; - width: 27px; - border: 0px; - overflow: visible; - position: relative; - z-index: 9999; - background-color: transparent; -} -#main-nav nav #navbar-btn span, -#main-nav nav #navbar-btn span:before, -#main-nav nav #navbar-btn span:after { - background: #88B14B; - display: block; - height: 4px; - opacity: 1; - position: absolute; - transition: 0.3s ease-in-out; -} -#main-nav nav #navbar-btn span:before, -#main-nav nav #navbar-btn span:after { - content: ""; -} -#main-nav nav #navbar-btn span { - right: 0px; - top: 13px; - width: 27px; -} -#main-nav nav #navbar-btn span:before { - left: 0px; - top: -10px; - width: 16px; -} -#main-nav nav #navbar-btn span:after { - left: 0px; - top: 10px; - width: 20px; -} -@media only screen and (min-width: 1366px) { - #main-nav nav #navbar-btn { - display: none; - } -} -#main-nav nav .main-menu { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - position: absolute; - width: 100%; - height: 100%; - left: -100%; - top: 0; - transition: all 0.5s ease-in-out; - list-style: none; - z-index: 999; - gap: 20px; - margin-bottom: 0 !important; -} -@media only screen and (min-width: 1366px) { - #main-nav nav .main-menu { - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-end; - position: relative; - left: inherit; - top: inherit; - gap: 33px; - } -} -#main-nav nav .main-menu .menu-item { - font-size: 1.6rem; - margin-left: 0 !important; -} -#main-nav nav .main-menu.active { - top: 0; - left: 0; - z-index: 999; - background-color: #121E23; - color: #fff; - text-align: center; - transition: all 0.5s ease-in-out; -} -#main-nav nav .main-menu.active .menu-item a { - color: #fff !important; -} - -footer .background-image { - position: relative; - height: 232px; - background-attachment: fixed; - background-position: center; - background-repeat: no-repeat; - background-size: cover; -} -footer .background-image .bg-filter { - position: absolute; - background-color: #121E23; - opacity: 97%; - display: block; - width: 100%; - height: 100%; - top: 0; - left: 0; - opacity: 0.4; -} -footer .footer-row { - padding: 70px 0; -} -footer .footer-row .logo { - width: 232px; - height: 50px; - margin-bottom: 50px; -} -footer .footer-row .footer-grid { - display: grid; - gap: 20px; -} -@media only screen and (min-width: 768px) { - footer .footer-row .footer-grid { - grid-template-columns: repeat(2, 1fr); - } -} -@media only screen and (min-width: 1366px) { - footer .footer-row .footer-grid { - grid-template-columns: repeat(4, 1fr); - } -} -footer .footer-row .footer-grid .footer-menu { - list-style: none; - padding-left: 0; -} -footer .footer-row .footer-grid .footer-menu .menu-item a { - font-size: 1.8rem; - line-height: 150%; -} -footer .footer-copyright { - background-color: #fff; - padding: 22px 0; -} -footer .footer-copyright-grid { - display: flex; - justify-content: space-between; - font-size: 1.2rem; - list-style: none; - color: #121E23; -} -@media only screen and (min-width: 768px) { - footer .footer-copyright-grid { - font-size: 1.6rem; - } -} -footer .footer-copyright-grid li { - font-size: 1rem; -} -@media only screen and (min-width: 768px) { - footer .footer-copyright-grid li { - font-size: 1.6rem; - } -} -footer .footer-copyright-grid a { - color: #121E23; -} -footer .footer-copyright-grid a:hover { - color: #88B14B; -} - -.wp-block-button__link, .wp-block-button a, .btn-secondary, a.btn-secondary, .btn-primary, a.btn-primary { - font-family: "Space Grotesk", sans-serif; - font-weight: 400; - display: block; - padding: 15px 68px; - border-radius: 7px; - font-size: 1.6rem; - text-transform: uppercase; - max-width: -moz-fit-content; - max-width: fit-content; -} -@media only screen and (min-width: 1366px) { - .wp-block-button__link, .wp-block-button a, .btn-secondary, a.btn-secondary, .btn-primary, a.btn-primary { - padding: 15px 68px; - font-size: 1.6rem; - } -} - -.btn-primary, a.btn-primary { - background-color: #88B14B; - color: #fff !important; - border: 2px solid #88B14B; - transition: all 0.3s ease; -} -.btn-primary:hover, a.btn-primary:hover { - background-color: rgb(113.980952381, 148.3428571429, 62.8571428571); - border: 2px solid rgb(113.980952381, 148.3428571429, 62.8571428571); -} - -.btn-secondary, a.btn-secondary { - background-color: #121E23; - color: #88B14B; - border: 2px solid #fff; - transition: all 0.3s ease; -} -.btn-secondary:hover, a.btn-secondary:hover { - background-color: rgb(4.1433962264, 6.9056603774, 8.0566037736); - border: 2px solid #88B14B; -} - -.wp-block-button__link, .wp-block-button a { - background-color: #88B14B !important; - color: #fff !important; - border: 2px solid #88B14B !important; -} - -.btn-link, a.btn-link { - font-size: 1.6rem; - color: #121E23; - text-decoration: underline; -} - -.wpcf7 .wpcf7-form h2 { - font-family: "Space Grotesk", sans-serif; - font-size: 2.4rem; - line-height: 150%; - margin-bottom: 20px; - color: #fff; -} -.wpcf7 .wpcf7-form label { - display: block; - font-size: 1.8rem; - line-height: 150%; - color: #fff; -} -.wpcf7 .wpcf7-form label .wpcf7-form-control-wrap { - display: block; - height: 40px; - margin: 5px 0px 10px; -} -.wpcf7 .wpcf7-form label .wpcf7-form-control-wrap input, .wpcf7 .wpcf7-form label .wpcf7-form-control-wrap textarea { - width: 100%; - background-color: transparent; - color: #fff; - font-size: 1.4rem; - padding: 5px 15px; - border: 1px solid #fff; - border-radius: 7px; -} -.wpcf7 .wpcf7-form label .wpcf7-form-control-wrap input:focus, .wpcf7 .wpcf7-form label .wpcf7-form-control-wrap textarea:focus { - border: 1px solid #88B14B; -} -.wpcf7 .wpcf7-form label .wpcf7-form-control-wrap textarea { - max-height: 82px; -} -.wpcf7 .wpcf7-form label .wpcf7-form-control-wrap .wpcf7-not-valid-tip { - font-size: 1rem; -} -.wpcf7 .wpcf7-form label .wpcf7-form-control-wrap[data-name=your-message] { - height: 80px; -} -.wpcf7 .wpcf7-form label .wpcf7-form-control-wrap[data-name=your-message] textarea { - height: 82px; -} -.wpcf7 .wpcf7-form label.terms-and-conditions { - display: flex; - font-size: 1.2rem; - margin-bottom: 10px; -} -.wpcf7 .wpcf7-form label.terms-and-conditions .wpcf7-form-control-wrap { - display: block; - margin: 0; -} -.wpcf7 .wpcf7-form label.terms-and-conditions .wpcf7-form-control-wrap .wpcf7-list-item { - margin-left: 0; -} -.wpcf7 .wpcf7-form label.terms-and-conditions span { - display: block; -} -.wpcf7 .wpcf7-form label.terms-and-conditions input[type=checkbox] { - width: 20px; - height: 20px; - margin: 0 10px 0 0; - background-color: #121E23 !important; - background: transparent; - border: none !important; - border-radius: 20px; - box-shadow: 0 0 0 1px #fff inset; - outline-color: transparent; -} -.wpcf7 .wpcf7-form label.terms-and-conditions input[type=checkbox]:checked { - background-color: #88B14B !important; - border: 1px solid #88B14B !important; - accent-color: #88B14B !important; -} -.wpcf7 .wpcf7-form label.terms-and-conditions a { - color: #fff; - transition: color 0.3s ease; -} -.wpcf7 .wpcf7-form label.terms-and-conditions a:hover { - color: #88B14B; -} -.wpcf7 .wpcf7-form .wpcf7-response-output { - border: 1px solid #88B14B !important; - border-radius: 7px; - color: #fff; - padding: 2px; - margin: 4px 0; -} - -ul { - list-style: inherit; - padding-left: 20px; -} -ul li { - line-height: 1.5; - font-size: 1.6rem; -} - -.hero-slider { - height: 90vh; - width: 100%; -} -@media only screen and (max-height: 667px) { - .hero-slider { - height: 100%; - } -} -@media only screen and (min-width: 1366px) { - .hero-slider { - height: inherit; - width: inherit; - } -} -.hero-slider .swiper-wrapper { - position: relative; - overflow: hidden; -} -.hero-slider .swiper-slide { - height: 100%; - width: 100% !important; - opacity: 0 !important; - padding: 20px; - display: flex; - flex-direction: column; - justify-content: flex-end; - gap: 20px; - padding-bottom: 90px; - background-repeat: no-repeat; - background-size: cover !important; - background-position: center; -} -@media only screen and (min-width: 1366px) { - .hero-slider .swiper-slide { - flex-direction: row; - justify-content: space-between; - align-items: flex-end; - min-height: 780px; - padding: 102px; - width: 100%; - } -} -.hero-slider .swiper-slide .hero-slider-heading { - z-index: 99; -} -@media only screen and (min-width: 768px) { - .hero-slider .swiper-slide .hero-slider-heading { - max-width: 70%; - align-self: flex-end; - } -} -@media only screen and (min-width: 1366px) { - .hero-slider .swiper-slide .hero-slider-heading { - max-width: inherit; - flex: 0 0 50%; - } -} -.hero-slider .swiper-slide .hero-slider-content { - z-index: 99; - padding: 20px; -} -@media only screen and (min-width: 768px) { - .hero-slider .swiper-slide .hero-slider-content { - max-width: 70%; - align-self: flex-end; - } -} -@media only screen and (min-width: 1366px) { - .hero-slider .swiper-slide .hero-slider-content { - max-width: inherit; - align-self: inherit; - flex: 0 0 50%; - padding: 50px 28px 64px 42px; - } -} -.hero-slider .swiper-slide-active { - opacity: 1 !important; - background-repeat: no-repeat; - background-size: cover; - background-position: center; -} -.hero-slider .swiper-slide .bg-filter { - position: absolute; - background-color: #121E23; - opacity: 97%; - display: block; - width: 100%; - height: 100%; - top: 0; - left: 0; - background: linear-gradient(119deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 90%); -} -.hero-slider .swiper-nav { - width: 110px; - height: 50px; - position: absolute; - display: flex; - align-items: initial; - gap: 10px; - bottom: 20px; - right: 65px; -} -@media only screen and (min-width: 768px) { - .hero-slider .swiper-nav { - right: 100px; - } -} -@media only screen and (min-width: 1366px) { - .hero-slider .swiper-nav { - right: 102px; - bottom: 42px; - } -} -.hero-slider .swiper-nav .swiper-button { - display: block; - background-color: #121E23; - height: 50px; - width: 50px; - padding: 12px; - content: url("./images/arrow-right.png"); - position: relative; -} -.hero-slider .swiper-nav .swiper-button-prev { - transform: rotate(180deg); - left: 0; -} -.hero-slider .swiper-nav .swiper-button-next { - right: 0; -} - -.box { - clip-path: polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%); - background-color: #000000; -} -.box--dark { - background-color: #121E23; -} -.two-cols { - padding: 45px 0; -} -@media only screen and (min-width: 768px) { - .two-cols { - padding: 153px 0; - } -} -@media only screen and (min-width: 768px) { - .two-cols .wrapper { - display: flex; - justify-content: space-between; - gap: 20px; - } -} -@media only screen and (min-width: 768px) { - .two-cols .wrapper .col { - flex: 0 0 50%; - } -} -.two-cols .wrapper .col-text { - margin-bottom: 50px; -} -@media only screen and (min-width: 1366px) { - .two-cols .wrapper .col-text { - padding: 0 35px 0; - } -} -.two-cols .wrapper .col-image .image-wrapper { - position: relative; -} -.two-cols .wrapper .col-image .image-wrapper::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - opacity: 100%; - display: block; - top: -12px; - left: -12px; - z-index: 9; -} -.two-cols .wrapper .col-image img { - position: relative; - z-index: 990; -} -.two-cols .wrapper.imageLeft { - flex-flow: row-reverse; -} -.two-cols .wrapper.imageLeft .image-wrapper::before { - clip-path: polygon(0% 0%, 97% 0, 100% 4%, 100% 100%, 0% 100%); - top: -12px; - left: inherit; - right: -12px; -} -.two-cols .wrapper.imageRight { - flex-flow: row; -} -.two-cols .wrapper.imageRight .image-wrapper::before { - clip-path: polygon(0% 4%, 4% 0%, 100% 0%, 100% 4%, 100% 100%, 0% 100%, 0% 4%); - top: -12px; - left: -12px; -} -.two-cols.bg-light .wrapper .image-wrapper::before { - background-color: #121E23; -} -.two-cols.bg-dark .wrapper .image-wrapper::before { - background-color: #88B14B; -} - -.two-cols-with-bg { - position: relative; - background-repeat: no-repeat; - background-size: cover; - padding: 83px 0; -} -@media only screen and (min-width: 768px) { - .two-cols-with-bg { - padding: 153px 0; - } -} -.two-cols-with-bg .bg-filter { - position: absolute; - background-color: #121E23; - opacity: 97%; - display: block; - width: 100%; - height: 100%; - top: 0; - left: 0; -} -.two-cols-with-bg .wrapper { - position: relative; - z-index: 99; -} -@media only screen and (min-width: 768px) { - .two-cols-with-bg .wrapper { - display: flex; - justify-content: space-between; - gap: 20px; - } -} -@media only screen and (min-width: 768px) { - .two-cols-with-bg .wrapper .col { - flex: 0 0 50%; - } -} -@media only screen and (min-width: 1366px) { - .two-cols-with-bg .wrapper .col-text { - padding: 0 35px 0; - } -} - -.imageLeft { - flex-flow: row; -} - -.imageRight { - flex-flow: row-reverse; -} - -@media only screen and (min-width: 768px) { - .one-col-cta .wrapper { - clip-path: polygon(0% 10%, 3% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%); - } -} -@media only screen and (min-width: 1366px) { - .one-col-cta .wrapper { - clip-path: polygon(0% 10%, 2% 0%, 100% 0%, 100% 2%, 100% 100%, 0% 100%, 0% 12%); - } -} -.one-col-cta.align-left { - padding: 0px 0px; -} -@media only screen and (min-width: 768px) { - .one-col-cta.align-left { - padding: 80px 50px; - } -} -@media only screen and (min-width: 1366px) { - .one-col-cta.align-left { - padding: 180px 0; - } -} -.one-col-cta.align-left .wrapper { - padding: 50px 35px; -} -@media only screen and (min-width: 1366px) { - .one-col-cta.align-left .wrapper { - grid-column: 1/span 9; - } -} -.one-col-cta.align-left .wrapper .heading { - font-family: "Space Grotesk", sans-serif; - font-size: 2.4rem; - line-height: 150%; - margin-bottom: 20px; -} -.one-col-cta.align-left .wrapper .text { - padding-right: 100px; - margin-bottom: 10px; -} -.one-col-cta.align-left .wrapper .cta { - margin-bottom: 30px; -} -@media only screen and (min-width: 1366px) { - .one-col-cta.align-left .wrapper .cta { - margin-bottom: 0px; - } -} -.one-col-cta.align-left .wrapper .cta .btn { - margin-left: auto; -} -.one-col-cta.align-center { - padding: 40px 0; -} -.one-col-cta.align-center .wrapper { - padding: 26px 20px 20px; -} -@media only screen and (min-width: 1366px) { - .one-col-cta.align-center .wrapper { - padding: 50px 90px 9px; - grid-column: 2/12; - } -} -.one-col-cta.align-center .wrapper .heading { - font-family: "Space Grotesk", sans-serif; - font-size: 2.4rem; - line-height: 150%; - margin-bottom: 20px; - text-align: center; -} -@media only screen and (min-width: 768px) { - .one-col-cta.align-center .wrapper .heading { - font-family: "Space Grotesk", sans-serif; - font-weight: 700; - font-size: 3.8rem; - line-height: 110%; - } -} -@media only screen and (min-width: 768px) and (min-width: 768px) { - .one-col-cta.align-center .wrapper .heading { - font-size: 4.8rem; - } -} -@media only screen and (min-width: 768px) and (min-width: 1366px) { - .one-col-cta.align-center .wrapper .heading { - font-size: 4.8rem; - margin-bottom: 20px; - } -} -.one-col-cta.align-center .wrapper .text { - text-align: center; -} -.one-col-cta.align-center .wrapper .cta { - margin-bottom: 30px; -} -@media only screen and (min-width: 1366px) { - .one-col-cta.align-center .wrapper .cta { - margin-bottom: 40px; - } -} -.one-col-cta.align-center .wrapper .cta .btn { - margin: 0 auto; -} -.one-col-cta.bg-dark { - background-color: #121E23; -} - -.one-col-cta-images { - display: grid; - gap: 20px; -} -@media only screen and (min-width: 1366px) { - .one-col-cta-images { - grid-template-columns: repeat(12, 82px); - } -} -@media only screen and (min-width: 768px) { - .one-col-cta-images .wrapper { - clip-path: polygon(0% 2%, 2% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%); - } -} -@media only screen and (min-width: 1366px) { - .one-col-cta-images .wrapper { - clip-path: polygon(0% 2%, 2% 0%, 100% 0%, 100% 10%, 100% 100%, 0% 100%, 0% 3%); - } -} -.one-col-cta-images.align-left { - padding: 0px 0px; -} -@media only screen and (min-width: 768px) { - .one-col-cta-images.align-left { - padding: 80px 50px; - } -} -@media only screen and (min-width: 1366px) { - .one-col-cta-images.align-left { - padding: 145px 0; - } -} -.one-col-cta-images.align-left .wrapper { - padding: 50px 35px; -} -@media only screen and (min-width: 1366px) { - .one-col-cta-images.align-left .wrapper { - grid-column: 1/span 12; - } -} -.one-col-cta-images.align-left .wrapper .heading { - font-family: "Space Grotesk", sans-serif; - font-size: 2.4rem; - line-height: 150%; - margin-bottom: 20px; -} -.one-col-cta-images.align-left .wrapper .text { - margin-bottom: 10px; -} -.one-col-cta-images.align-left .wrapper .cta { - margin-bottom: 30px; -} -@media only screen and (min-width: 1366px) { - .one-col-cta-images.align-left .wrapper .cta { - margin-bottom: 40px; - } -} -.one-col-cta-images.align-left .wrapper .cta .btn { - margin-left: auto; -} -.one-col-cta-images.align-left .wrapper .gallery { - display: grid; - grid-template-columns: 205px; - grid-template-rows: repeat(auto, minmax(205px, 205px)); - justify-content: center; - gap: 20px; - margin-bottom: 40px; - margin-top: 30px; -} -@media only screen and (min-width: 768px) { - .one-col-cta-images.align-left .wrapper .gallery { - grid-template-columns: repeat(auto-fit, 205px); - } -} -@media only screen and (min-width: 1366px) { - .one-col-cta-images.align-left .wrapper .gallery { - grid-template-columns: repeat(4, 245px); - } -} -.one-col-cta-images.align-left .wrapper .gallery-image { - overflow: hidden; -} -.one-col-cta-images.align-left .wrapper .gallery-image:nth-child(2n) { - display: none; -} -@media only screen and (min-width: 768px) { - .one-col-cta-images.align-left .wrapper .gallery-image:nth-child(2n) { - display: block; - } -} -.one-col-cta-images.align-left .wrapper .gallery-image img { - display: block; - -o-object-fit: cover; - object-fit: cover; -} -.one-col-cta-images.align-center { - padding: 40px 0; -} -.one-col-cta-images.align-center .wrapper { - padding: 26px 20px 0px; -} -@media only screen and (min-width: 1366px) { - .one-col-cta-images.align-center .wrapper { - padding: 50px 90px 9px; - grid-column: 2/12; - } -} -.one-col-cta-images.align-center .wrapper .heading { - font-family: "Space Grotesk", sans-serif; - font-size: 2.4rem; - line-height: 150%; - margin-bottom: 20px; - text-align: center; -} -@media only screen and (min-width: 768px) { - .one-col-cta-images.align-center .wrapper .heading { - font-family: "Space Grotesk", sans-serif; - font-weight: 700; - font-size: 3.8rem; - line-height: 110%; - } -} -@media only screen and (min-width: 768px) and (min-width: 768px) { - .one-col-cta-images.align-center .wrapper .heading { - font-size: 4.8rem; - } -} -@media only screen and (min-width: 768px) and (min-width: 1366px) { - .one-col-cta-images.align-center .wrapper .heading { - font-size: 4.8rem; - margin-bottom: 20px; - } -} -.one-col-cta-images.align-center .wrapper .text { - text-align: center; -} -.one-col-cta-images.align-center .wrapper .cta { - margin-bottom: 30px; -} -@media only screen and (min-width: 1366px) { - .one-col-cta-images.align-center .wrapper .cta { - margin-bottom: 40px; - } -} -.one-col-cta-images.align-center .wrapper .cta .btn { - margin: 0 auto; -} - -.section-boxes-repeater { - position: relative; - background-repeat: no-repeat; - background-size: cover; -} -.section-boxes-repeater .bg-filter { - position: absolute; - background-color: #121E23; - opacity: 97%; - display: block; - width: 100%; - height: 100%; - top: 0; - left: 0; -} -.section-boxes-repeater .wrapper { - position: relative; - padding-top: 46px; - padding-bottom: 46px; - z-index: 99; -} -@media only screen and (min-width: 1366px) { - .section-boxes-repeater .wrapper { - padding: 146px 0; - } -} -.section-boxes-repeater .wrapper .section-heading { - max-width: 520px; -} -@media only screen and (min-width: 1366px) { - .section-boxes-repeater .wrapper .section-heading { - margin-left: 32px; - } -} -@media only screen and (min-width: 1366px) { - .section-boxes-repeater .wrapper .section-description { - max-width: 60%; - margin-left: 32px; - } -} -.section-boxes-repeater .wrapper .boxes { - display: grid; - justify-content: center; - gap: 20px; -} -@media only screen and (min-width: 1366px) { - .section-boxes-repeater .wrapper .boxes { - padding: 14px 50px 0; - grid-template-columns: repeat(auto-fit, minmax(244px, 1fr)); - } -} -.section-boxes-repeater .wrapper .boxes .box-single { - background-color: #F7F5F5; - clip-path: polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%); - padding: 30px 22px 15px; -} -@media only screen and (min-width: 768px) { - .section-boxes-repeater .wrapper .boxes .box-single { - clip-path: polygon(0% 12%, 2% 0%, 100% 0%, 100% 2%, 100% 100%, 0% 100%, 0% 12%); - } -} -@media only screen and (min-width: 1366px) { - .section-boxes-repeater .wrapper .boxes .box-single { - padding: 40px 22px 30px; - clip-path: polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%); - } -} -.section-boxes-repeater .wrapper .boxes .box-single .box-image { - max-width: 40px; - max-height: 40px; - aspect-ratio: 1/1; - margin-bottom: 22px; -} -.section-boxes-repeater .wrapper .boxes .box-single .box-content { - display: grid; - grid-template-rows: auto 1fr auto; - height: 100%; -} -.section-boxes-repeater .wrapper .boxes .box-single .box-content .cta { - align-self: end; - text-align: end; -} -.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards { - display: flex; - flex-direction: column; - position: relative; - gap: 20px; - counter-reset: box-counter; -} -@media only screen and (min-width: 1366px) { - .section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards { - flex-direction: row; - padding: 14px 0 0; - } -} -.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single { - clip-path: inherit; - padding: inherit; - background-color: inherit; -} -@media only screen and (min-width: 768px) { - .section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single { - display: flex; - flex-direction: column; - } -} -@media only screen and (min-width: 1366px) { - .section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single { - min-height: 420px; - height: -moz-fit-content; - height: fit-content; - padding: inherit; - flex: 0 0 33%; - } -} -.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single .box-content { - display: grid; - grid-template-rows: auto; - height: auto; - min-height: 300px; - background-color: #F7F5F5; - clip-path: polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%); - padding: 43px 40px; -} -@media only screen and (min-width: 768px) { - .section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single .box-content { - min-height: inherit; - flex: 1 0 205px; - clip-path: polygon(0% 10%, 3% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%); - } -} -@media only screen and (min-width: 1366px) { - .section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single .box-content { - flex: 1 0 395px; - clip-path: polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%); - } -} -.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single .box-content__text { - color: #121E23; -} -@media only screen and (min-width: 768px) { - .section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single .box-content__text { - margin-bottom: 10px; - } -} -@media only screen and (min-width: 1366px) { - .section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single .box-content__text { - margin-bootom: inherit; - } -} -.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single .box-counter { - color: #88B14B; - font-size: 7.2rem; - font-weight: 700; - line-height: 110%; - margin-left: 16px; -} -.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single .box-counter:before { - content: "0" counter(box-counter); - counter-increment: box-counter; -} - -.section-gallery { - padding: 45px 0; -} -@media only screen and (min-width: 1366px) { - .section-gallery { - padding: 55px 0 145px; - } -} -@media only screen and (min-width: 1366px) { - .section-gallery .wrapper .section-heading { - margin-bottom: 55px; - } -} -.section-gallery .wrapper .gallery { - display: grid; - grid-template-columns: 320px; - grid-template-rows: repeat(auto-fill, 260px); - justify-content: center; - gap: 20px; - margin-bottom: 40px; -} -@media only screen and (min-width: 1366px) { - .section-gallery .wrapper .gallery { - display: grid; - grid-template-columns: repeat(4, 285px); - justify-content: inherit; - gap: 20px; - margin-bottom: 60px; - } -} -.section-gallery .wrapper .gallery-image { - overflow: hidden; - cursor: pointer; -} -@media only screen and (min-width: 768px) { - .section-gallery .wrapper .gallery-image:nth-child(1) { - grid-column: 1/span 2; - grid-row: 1/2; - } -} -@media only screen and (min-width: 768px) { - .section-gallery .wrapper .gallery-image:nth-child(2) { - grid-column: 3/span 2; - grid-row: 1/span 2; - } -} -.section-gallery .wrapper .gallery-image:nth-child(3) { - display: none; -} -@media only screen and (min-width: 768px) { - .section-gallery .wrapper .gallery-image:nth-child(3) { - display: block; - grid-column: 1/2; - grid-row: 2/span 1; - } -} -.section-gallery .wrapper .gallery-image:nth-child(4) { - display: none; -} -@media only screen and (min-width: 768px) { - .section-gallery .wrapper .gallery-image:nth-child(4) { - display: block; - grid-column: 2/3; - grid-row: 2/span 1; - } -} -.section-gallery .wrapper .gallery-image:nth-child(5) { - display: none; -} -@media only screen and (min-width: 768px) { - .section-gallery .wrapper .gallery-image:nth-child(5) { - display: block; - grid-column: 1/3; - grid-row: 3/5; - } -} -.section-gallery .wrapper .gallery-image:nth-child(6) { - display: none; -} -@media only screen and (min-width: 768px) { - .section-gallery .wrapper .gallery-image:nth-child(6) { - display: block; - grid-column: 3/5; - grid-row: 3/5; - } -} -.section-gallery .wrapper .gallery-image img { - display: block; - width: 100%; - height: 101%; - -o-object-fit: cover; - object-fit: cover; - transition: transform 400ms ease-out; -} -.section-gallery .wrapper .gallery-image img:hover { - transform: scale(1.05); -} -.section-gallery .wrapper .cta { - display: flex; - justify-content: center; -} -.hero-with-form { - height: 90vh; - width: 100%; - margin-bottom: 80px; -} -@media only screen and (min-width: 768px) { - .hero-with-form { - margin-bottom: 0px; - } -} -@media only screen and (min-width: 1366px) { - .hero-with-form { - max-height: 780px; - } -} -.hero-with-form .hero-wrapper { - position: relative; - height: 100%; - width: 100% !important; - background-repeat: no-repeat; - background-size: cover !important; - background-position: center; - display: flex; - flex-direction: column; -} -@media only screen and (min-width: 768px) { - .hero-with-form .hero-wrapper { - flex-direction: row; - align-items: flex-end; - padding-bottom: 90px; - } -} -@media only screen and (min-width: 1366px) { - .hero-with-form .hero-wrapper { - padding: 102px; - } -} -.hero-with-form .bg-filter { - position: absolute; - background-color: #121E23; - opacity: 97%; - display: block; - width: 100%; - height: 100%; - top: 0; - left: 0; - background: linear-gradient(119deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 90%); -} -.hero-with-form .hero-content { - padding: 20px; - display: flex; - flex-direction: column; - align-content: flex-end; - gap: 20px; - flex: 0 1 50%; - z-index: 998; -} -@media only screen and (min-width: 768px) { - .hero-with-form .hero-content { - align-items: flex-start; - } -} -.hero-with-form .hero-content .hero-heading { - z-index: 99; -} -@media only screen and (min-width: 768px) { - .hero-with-form .hero-content .hero-heading { - max-width: 70%; - } -} -@media only screen and (min-width: 1366px) { - .hero-with-form .hero-content .hero-heading { - max-width: inherit; - flex: 0 0 50%; - } -} -.hero-with-form .hero-content .hero-text { - text-shadow: 2px 2px 3px #121E23; -} -.hero-with-form .hero-form { - background-color: #121E23; - padding: 22px; - clip-path: polygon(0% 4%, 4% 0%, 100% 0%, 100% 4%, 100% 100%, 0% 100%, 0% 4%); - flex: 0 0 50%; -} -@media only screen and (min-width: 768px) { - .hero-with-form .hero-form { - height: -moz-fit-content; - height: fit-content; - } -} -@media only screen and (min-width: 1366px) { - .hero-with-form .hero-form { - padding: 28px; - } -} - -.social-media { - list-style: none !important; - position: fixed; - top: 120px; - right: 0; - height: -moz-fit-content; - height: fit-content; - padding: 9px; - z-index: 998; - background-color: #fff; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - gap: 16px; - box-shadow: -8px 8px 16px -14px #5F5F5F; -} -@media only screen and (min-width: 768px) { - .social-media { - padding: 16px; - gap: 20px; - box-shadow: -10px 10px 26px -14px #5F5F5F; - } -} -.social-media__single { - opacity: 0.6; - transition: all 0.3s ease-in-out; - margin-left: 0 !important; -} -.social-media__single a { - display: grid; - place-items: center; -} -.social-media__single .icon { - width: 26px; - height: auto; - -o-object-fit: cover; - object-fit: cover; -} -@media only screen and (min-width: 768px) { - .social-media__single .icon { - width: 32px; - } -} -.social-media__single:hover { - opacity: 1; -} - -.page-template-template-contact .wpcf7 { - background-color: #121E23; - padding: 22px; - margin: 50px auto; - clip-path: polygon(0% 4%, 4% 0%, 100% 0%, 100% 4%, 100% 100%, 0% 100%, 0% 4%); - max-width: 500px; -} - -#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; - 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 { - 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; - 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; -} - -.bg-dark { - background-color: #121E23; - color: #fff; -} -.bg-dark a { - color: #fff; -} -.bg-dark a:hover { - color: #88B14B; -} - -.bg-white { - background-color: #fff; - color: #121E23; -} - -.bg-gray { - background-color: #F7F5F5; - color: #121E23; -}/*# sourceMappingURL=main.css.map */ \ No newline at end of file +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*{margin:0;padding:0;box-sizing:border-box}*:focus,*:focus-visible{outline:none !important}html{line-height:1.15;-webkit-text-size-adjust:100%;font-size:62.5%}body{margin:0}main{display:block}h1{font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0);text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}div:focus,div:focus-visible{outline:none !important}.heading{font-family:"Space Grotesk",sans-serif;font-weight:700}.heading--xl{font-size:3.8rem;line-height:110%}@media only screen and (min-width: 768px){.heading--xl{font-size:4.8rem}}@media only screen and (min-width: 1366px){.heading--xl{font-size:4.8rem;margin-bottom:20px}}.heading--lg{font-size:3.2rem;line-height:110%}@media only screen and (min-width: 1366px){.heading--lg{font-size:3.2rem}}.heading--md{font-size:24px;line-height:150%;margin-bottom:20px}@media only screen and (min-width: 1366px){.heading--md{font-size:2.4rem}}.heading--sm{font-size:1.8rem;line-height:150%;letter-spacing:4%;margin-bottom:8px}@media only screen and (min-width: 1366px){.heading--sm{font-size:1.8rem}}body{background-color:#fff;font-family:"Space Grotesk",sans-serif}h1,h2,h3,h4,h5,h6{font-family:"Space Grotesk",sans-serif;font-weight:700}h1{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:3.8rem;line-height:110%}@media only screen and (min-width: 768px){h1{font-size:4.8rem}}@media only screen and (min-width: 1366px){h1{font-size:4.8rem;margin-bottom:20px}}h2{font-family:"Space Grotesk",sans-serif;font-size:2.4rem;line-height:150%;margin-bottom:20px}h3{font-family:"Space Grotesk",sans-serif;font-size:1.8rem;line-height:150%;letter-spacing:4%;margin-bottom:8px}@media only screen and (min-width: 1366px){h3{font-size:1.8rem}}p{font-weight:400;font-size:1.8rem;line-height:150%;letter-spacing:4%;margin-bottom:26px}@media only screen and (min-width: 768px){p{margin-bottom:40px}}a{transition:all;color:#121e23}a:hover{color:#88b14b}.wrapper--inner{padding:0 2rem;margin:0 auto}@media only screen and (min-width: 768px){.wrapper--inner{padding:0 4rem;max-width:inherit}}@media only screen and (min-width: 1366px){.wrapper--inner{padding:0 0;max-width:1200px}}.wrapper--default{padding:30px 0}@media only screen and (min-width: 768px){.wrapper--default{padding:40px 0}}@media only screen and (min-width: 1366px){.wrapper--default{padding:50px 0}}.text-accent{color:#88b14b}.text-accent--lighten{color:hsl(84.1176470588,40.4761904762%,69.4117647059%)}.text-accent--darken{color:rgb(80.9523809524,105.3571428571,44.6428571429)}.text-black{color:#121e23}.text-black--lighten{color:rgb(52.641509434,87.7358490566,102.358490566)}.text-black--darken{color:#000}.text-white{color:#fff}.text-white--lighten{color:#fff}.text-white--darken{color:#ccc}.top-margin-minus{margin-top:-46px}.top-margin-minus .wrapper{padding-top:46px}.img-auto{width:100%;height:auto}.lightbox{opacity:0;visibility:hidden;position:fixed;left:0;right:0;top:0;bottom:0;z-index:-1;display:flex;align-items:center;justify-content:center;transition:all .15s ease-in}.lightbox.show{background-color:rgba(0,0,0,.85);opacity:1;visibility:visible;z-index:1000}.lightbox img{max-width:90%}.lightbox .close-lightbox{cursor:pointer;position:absolute;top:30px;right:50px;width:20px;height:20px}.lightbox .close-lightbox::after,.lightbox .close-lightbox::before{content:"";width:3px;height:20px;background-color:#ddd;position:absolute;border-radius:5px;transform:rotate(45deg)}.lightbox .close-lightbox::before{transform:rotate(-45deg)}.lightbox .close-lightbox:hover::after,.lightbox .close-lightbox:hover::before{background-color:#fff}.header{height:80px;display:flex;justify-content:space-between;align-items:center}.header .header-logo{width:125px;height:27px}#main-nav{overflow:hidden}#main-nav nav #navbar-btn{cursor:pointer;height:27px;width:27px;border:0px;overflow:visible;position:relative;z-index:9999;background-color:rgba(0,0,0,0)}#main-nav nav #navbar-btn span,#main-nav nav #navbar-btn span:before,#main-nav nav #navbar-btn span:after{background:#88b14b;display:block;height:4px;opacity:1;position:absolute;transition:.3s ease-in-out}#main-nav nav #navbar-btn span:before,#main-nav nav #navbar-btn span:after{content:""}#main-nav nav #navbar-btn span{right:0px;top:13px;width:27px}#main-nav nav #navbar-btn span:before{left:0px;top:-10px;width:16px}#main-nav nav #navbar-btn span:after{left:0px;top:10px;width:20px}@media only screen and (min-width: 1366px){#main-nav nav #navbar-btn{display:none}}#main-nav nav .main-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;left:-100%;top:0;transition:all .5s ease-in-out;list-style:none;z-index:999;gap:20px;margin-bottom:0 !important}@media only screen and (min-width: 1366px){#main-nav nav .main-menu{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;position:relative;left:inherit;top:inherit;gap:33px}}#main-nav nav .main-menu .menu-item{font-size:1.6rem;margin-left:0 !important}#main-nav nav .main-menu.active{top:0;left:0;z-index:999;background-color:#121e23;color:#fff;text-align:center;transition:all .5s ease-in-out}#main-nav nav .main-menu.active .menu-item a{color:#fff !important}footer .background-image{position:relative;height:232px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}footer .background-image .bg-filter{position:absolute;background-color:#121e23;opacity:97%;display:block;width:100%;height:100%;top:0;left:0;opacity:.4}footer .footer-row{padding:70px 0}footer .footer-row .logo{width:232px;height:50px;margin-bottom:50px}footer .footer-row .footer-grid{display:grid;gap:20px}@media only screen and (min-width: 768px){footer .footer-row .footer-grid{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 1366px){footer .footer-row .footer-grid{grid-template-columns:repeat(4, 1fr)}}footer .footer-row .footer-grid .footer-menu{list-style:none;padding-left:0}footer .footer-row .footer-grid .footer-menu .menu-item a{font-size:1.8rem;line-height:150%}footer .footer-copyright{background-color:#fff;padding:22px 0}footer .footer-copyright-grid{display:flex;justify-content:space-between;font-size:1.2rem;list-style:none;color:#121e23}@media only screen and (min-width: 768px){footer .footer-copyright-grid{font-size:1.6rem}}footer .footer-copyright-grid li{font-size:1rem}@media only screen and (min-width: 768px){footer .footer-copyright-grid li{font-size:1.6rem}}footer .footer-copyright-grid a{color:#121e23}footer .footer-copyright-grid a:hover{color:#88b14b}.wp-block-button__link,.wp-block-button a,.btn-secondary,a.btn-secondary,.btn-primary,a.btn-primary{font-family:"Space Grotesk",sans-serif;font-weight:400;display:block;padding:15px 68px;border-radius:7px;font-size:1.6rem;text-transform:uppercase;max-width:-moz-fit-content;max-width:fit-content}@media only screen and (min-width: 1366px){.wp-block-button__link,.wp-block-button a,.btn-secondary,a.btn-secondary,.btn-primary,a.btn-primary{padding:15px 68px;font-size:1.6rem}}.btn-primary,a.btn-primary{background-color:#88b14b;color:#fff !important;border:2px solid #88b14b;transition:all .3s ease}.btn-primary:hover,a.btn-primary:hover{background-color:rgb(113.980952381,148.3428571429,62.8571428571);border:2px solid rgb(113.980952381,148.3428571429,62.8571428571)}.btn-secondary,a.btn-secondary{background-color:#121e23;color:#88b14b;border:2px solid #fff;transition:all .3s ease}.btn-secondary:hover,a.btn-secondary:hover{background-color:rgb(4.1433962264,6.9056603774,8.0566037736);border:2px solid #88b14b}.wp-block-button__link,.wp-block-button a{background-color:#88b14b !important;color:#fff !important;border:2px solid #88b14b !important}.btn-link,a.btn-link{font-size:1.6rem;color:#121e23;text-decoration:underline}.wpcf7 .wpcf7-form h2{font-family:"Space Grotesk",sans-serif;font-size:2.4rem;line-height:150%;margin-bottom:20px;color:#fff}.wpcf7 .wpcf7-form label{display:block;font-size:1.8rem;line-height:150%;color:#fff}.wpcf7 .wpcf7-form label .wpcf7-form-control-wrap{display:block;height:40px;margin:5px 0px 10px}.wpcf7 .wpcf7-form label .wpcf7-form-control-wrap input,.wpcf7 .wpcf7-form label .wpcf7-form-control-wrap textarea{width:100%;background-color:rgba(0,0,0,0);color:#fff;font-size:1.4rem;padding:5px 15px;border:1px solid #fff;border-radius:7px}.wpcf7 .wpcf7-form label .wpcf7-form-control-wrap input:focus,.wpcf7 .wpcf7-form label .wpcf7-form-control-wrap textarea:focus{border:1px solid #88b14b}.wpcf7 .wpcf7-form label .wpcf7-form-control-wrap textarea{max-height:82px}.wpcf7 .wpcf7-form label .wpcf7-form-control-wrap .wpcf7-not-valid-tip{font-size:1rem}.wpcf7 .wpcf7-form label .wpcf7-form-control-wrap[data-name=your-message]{height:80px}.wpcf7 .wpcf7-form label .wpcf7-form-control-wrap[data-name=your-message] textarea{height:82px}.wpcf7 .wpcf7-form label.terms-and-conditions{display:flex;font-size:1.2rem;margin-bottom:10px}.wpcf7 .wpcf7-form label.terms-and-conditions .wpcf7-form-control-wrap{display:block;margin:0}.wpcf7 .wpcf7-form label.terms-and-conditions .wpcf7-form-control-wrap .wpcf7-list-item{margin-left:0}.wpcf7 .wpcf7-form label.terms-and-conditions span{display:block}.wpcf7 .wpcf7-form label.terms-and-conditions input[type=checkbox]{width:20px;height:20px;margin:0 10px 0 0;background-color:#121e23 !important;background:rgba(0,0,0,0);border:none !important;border-radius:20px;box-shadow:0 0 0 1px #fff inset;outline-color:rgba(0,0,0,0)}.wpcf7 .wpcf7-form label.terms-and-conditions input[type=checkbox]:checked{background-color:#88b14b !important;border:1px solid #88b14b !important;accent-color:#88b14b !important}.wpcf7 .wpcf7-form label.terms-and-conditions a{color:#fff;transition:color .3s ease}.wpcf7 .wpcf7-form label.terms-and-conditions a:hover{color:#88b14b}.wpcf7 .wpcf7-form .wpcf7-response-output{border:1px solid #88b14b !important;border-radius:7px;color:#fff;padding:2px;margin:4px 0}ul{list-style:inherit;padding-left:20px}ul li{line-height:1.5;font-size:1.6rem}.hero-slider{height:90vh;width:100%}@media only screen and (max-height: 667px){.hero-slider{height:100%}}@media only screen and (min-width: 1366px){.hero-slider{height:inherit;width:inherit}}.hero-slider .swiper-wrapper{position:relative;overflow:hidden}.hero-slider .swiper-slide{height:100%;width:100% !important;opacity:0 !important;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;gap:20px;padding-bottom:90px;background-repeat:no-repeat;background-size:cover !important;background-position:center}@media only screen and (min-width: 1366px){.hero-slider .swiper-slide{flex-direction:row;justify-content:space-between;align-items:flex-end;min-height:780px;padding:102px;width:100%}}.hero-slider .swiper-slide .hero-slider-heading{z-index:99}@media only screen and (min-width: 768px){.hero-slider .swiper-slide .hero-slider-heading{max-width:70%;align-self:flex-end}}@media only screen and (min-width: 1366px){.hero-slider .swiper-slide .hero-slider-heading{max-width:inherit;flex:0 0 50%}}.hero-slider .swiper-slide .hero-slider-content{z-index:99;padding:20px}@media only screen and (min-width: 768px){.hero-slider .swiper-slide .hero-slider-content{max-width:70%;align-self:flex-end}}@media only screen and (min-width: 1366px){.hero-slider .swiper-slide .hero-slider-content{max-width:inherit;align-self:inherit;flex:0 0 50%;padding:50px 28px 64px 42px}}.hero-slider .swiper-slide-active{opacity:1 !important;background-repeat:no-repeat;background-size:cover;background-position:center}.hero-slider .swiper-slide .bg-filter{position:absolute;background-color:#121e23;opacity:97%;display:block;width:100%;height:100%;top:0;left:0;background:linear-gradient(119deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 90%)}.hero-slider .swiper-nav{width:110px;height:50px;position:absolute;display:flex;align-items:initial;gap:10px;bottom:20px;right:65px}@media only screen and (min-width: 768px){.hero-slider .swiper-nav{right:100px}}@media only screen and (min-width: 1366px){.hero-slider .swiper-nav{right:102px;bottom:42px}}.hero-slider .swiper-nav .swiper-button{display:block;background-color:#121e23;height:50px;width:50px;padding:12px;content:url("./images/arrow-right.png");position:relative}.hero-slider .swiper-nav .swiper-button-prev{transform:rotate(180deg);left:0}.hero-slider .swiper-nav .swiper-button-next{right:0}.box{clip-path:polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%);background-color:#000}.box--dark{background-color:#121e23}.two-cols{padding:45px 0}@media only screen and (min-width: 768px){.two-cols{padding:153px 0}}@media only screen and (min-width: 768px){.two-cols .wrapper{display:flex;justify-content:space-between;gap:20px}}@media only screen and (min-width: 768px){.two-cols .wrapper .col{flex:0 0 50%}}.two-cols .wrapper .col-text{margin-bottom:50px}@media only screen and (min-width: 1366px){.two-cols .wrapper .col-text{padding:0 35px 0}}.two-cols .wrapper .col-image .image-wrapper{position:relative}.two-cols .wrapper .col-image .image-wrapper::before{content:"";position:absolute;width:100%;height:100%;opacity:100%;display:block;top:-12px;left:-12px;z-index:9}.two-cols .wrapper .col-image img{position:relative;z-index:990}.two-cols .wrapper.imageLeft{flex-flow:row-reverse}.two-cols .wrapper.imageLeft .image-wrapper::before{clip-path:polygon(0% 0%, 97% 0, 100% 4%, 100% 100%, 0% 100%);top:-12px;left:inherit;right:-12px}.two-cols .wrapper.imageRight{flex-flow:row}.two-cols .wrapper.imageRight .image-wrapper::before{clip-path:polygon(0% 4%, 4% 0%, 100% 0%, 100% 4%, 100% 100%, 0% 100%, 0% 4%);top:-12px;left:-12px}.two-cols.bg-light .wrapper .image-wrapper::before{background-color:#121e23}.two-cols.bg-dark .wrapper .image-wrapper::before{background-color:#88b14b}.two-cols-with-bg{position:relative;background-repeat:no-repeat;background-size:cover;padding:83px 0}@media only screen and (min-width: 768px){.two-cols-with-bg{padding:153px 0}}.two-cols-with-bg .bg-filter{position:absolute;background-color:#121e23;opacity:97%;display:block;width:100%;height:100%;top:0;left:0}.two-cols-with-bg .wrapper{position:relative;z-index:99}@media only screen and (min-width: 768px){.two-cols-with-bg .wrapper{display:flex;justify-content:space-between;gap:20px}}@media only screen and (min-width: 768px){.two-cols-with-bg .wrapper .col{flex:0 0 50%}}@media only screen and (min-width: 1366px){.two-cols-with-bg .wrapper .col-text{padding:0 35px 0}}.imageLeft{flex-flow:row}.imageRight{flex-flow:row-reverse}@media only screen and (min-width: 768px){.one-col-cta .wrapper{clip-path:polygon(0% 10%, 3% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%)}}@media only screen and (min-width: 1366px){.one-col-cta .wrapper{clip-path:polygon(0% 10%, 2% 0%, 100% 0%, 100% 2%, 100% 100%, 0% 100%, 0% 12%)}}.one-col-cta.align-left{padding:0px 0px}@media only screen and (min-width: 768px){.one-col-cta.align-left{padding:80px 50px}}@media only screen and (min-width: 1366px){.one-col-cta.align-left{padding:180px 0}}.one-col-cta.align-left .wrapper{padding:50px 35px}@media only screen and (min-width: 1366px){.one-col-cta.align-left .wrapper{grid-column:1/span 9}}.one-col-cta.align-left .wrapper .heading{font-family:"Space Grotesk",sans-serif;font-size:2.4rem;line-height:150%;margin-bottom:20px}.one-col-cta.align-left .wrapper .text{padding-right:100px;margin-bottom:10px}.one-col-cta.align-left .wrapper .cta{margin-bottom:30px}@media only screen and (min-width: 1366px){.one-col-cta.align-left .wrapper .cta{margin-bottom:0px}}.one-col-cta.align-left .wrapper .cta .btn{margin-left:auto}.one-col-cta.align-center{padding:40px 0}.one-col-cta.align-center .wrapper{padding:26px 20px 20px}@media only screen and (min-width: 1366px){.one-col-cta.align-center .wrapper{padding:50px 90px 9px;grid-column:2/12}}.one-col-cta.align-center .wrapper .heading{font-family:"Space Grotesk",sans-serif;font-size:2.4rem;line-height:150%;margin-bottom:20px;text-align:center}@media only screen and (min-width: 768px){.one-col-cta.align-center .wrapper .heading{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:3.8rem;line-height:110%}}@media only screen and (min-width: 768px)and (min-width: 768px){.one-col-cta.align-center .wrapper .heading{font-size:4.8rem}}@media only screen and (min-width: 768px)and (min-width: 1366px){.one-col-cta.align-center .wrapper .heading{font-size:4.8rem;margin-bottom:20px}}.one-col-cta.align-center .wrapper .text{text-align:center}.one-col-cta.align-center .wrapper .cta{margin-bottom:30px}@media only screen and (min-width: 1366px){.one-col-cta.align-center .wrapper .cta{margin-bottom:40px}}.one-col-cta.align-center .wrapper .cta .btn{margin:0 auto}.one-col-cta.bg-dark{background-color:#121e23}.one-col-cta-images{display:grid;gap:20px}@media only screen and (min-width: 1366px){.one-col-cta-images{grid-template-columns:repeat(12, 82px)}}@media only screen and (min-width: 768px){.one-col-cta-images .wrapper{clip-path:polygon(0% 2%, 2% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%)}}@media only screen and (min-width: 1366px){.one-col-cta-images .wrapper{clip-path:polygon(0% 2%, 2% 0%, 100% 0%, 100% 10%, 100% 100%, 0% 100%, 0% 3%)}}.one-col-cta-images.align-left{padding:0px 0px}@media only screen and (min-width: 768px){.one-col-cta-images.align-left{padding:80px 50px}}@media only screen and (min-width: 1366px){.one-col-cta-images.align-left{padding:145px 0}}.one-col-cta-images.align-left .wrapper{padding:50px 35px}@media only screen and (min-width: 1366px){.one-col-cta-images.align-left .wrapper{grid-column:1/span 12}}.one-col-cta-images.align-left .wrapper .heading{font-family:"Space Grotesk",sans-serif;font-size:2.4rem;line-height:150%;margin-bottom:20px}.one-col-cta-images.align-left .wrapper .text{margin-bottom:10px}.one-col-cta-images.align-left .wrapper .cta{margin-bottom:30px}@media only screen and (min-width: 1366px){.one-col-cta-images.align-left .wrapper .cta{margin-bottom:40px}}.one-col-cta-images.align-left .wrapper .cta .btn{margin-left:auto}.one-col-cta-images.align-left .wrapper .gallery{display:grid;grid-template-columns:205px;grid-template-rows:repeat(auto, minmax(205px, 205px));justify-content:center;gap:20px;margin-bottom:40px;margin-top:30px}@media only screen and (min-width: 768px){.one-col-cta-images.align-left .wrapper .gallery{grid-template-columns:repeat(auto-fit, 205px)}}@media only screen and (min-width: 1366px){.one-col-cta-images.align-left .wrapper .gallery{grid-template-columns:repeat(4, 245px)}}.one-col-cta-images.align-left .wrapper .gallery-image{overflow:hidden}.one-col-cta-images.align-left .wrapper .gallery-image:nth-child(2n){display:none}@media only screen and (min-width: 768px){.one-col-cta-images.align-left .wrapper .gallery-image:nth-child(2n){display:block}}.one-col-cta-images.align-left .wrapper .gallery-image img{display:block;-o-object-fit:cover;object-fit:cover}.one-col-cta-images.align-center{padding:40px 0}.one-col-cta-images.align-center .wrapper{padding:26px 20px 0px}@media only screen and (min-width: 1366px){.one-col-cta-images.align-center .wrapper{padding:50px 90px 9px;grid-column:2/12}}.one-col-cta-images.align-center .wrapper .heading{font-family:"Space Grotesk",sans-serif;font-size:2.4rem;line-height:150%;margin-bottom:20px;text-align:center}@media only screen and (min-width: 768px){.one-col-cta-images.align-center .wrapper .heading{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:3.8rem;line-height:110%}}@media only screen and (min-width: 768px)and (min-width: 768px){.one-col-cta-images.align-center .wrapper .heading{font-size:4.8rem}}@media only screen and (min-width: 768px)and (min-width: 1366px){.one-col-cta-images.align-center .wrapper .heading{font-size:4.8rem;margin-bottom:20px}}.one-col-cta-images.align-center .wrapper .text{text-align:center}.one-col-cta-images.align-center .wrapper .cta{margin-bottom:30px}@media only screen and (min-width: 1366px){.one-col-cta-images.align-center .wrapper .cta{margin-bottom:40px}}.one-col-cta-images.align-center .wrapper .cta .btn{margin:0 auto}.section-boxes-repeater{position:relative;background-repeat:no-repeat;background-size:cover}.section-boxes-repeater .bg-filter{position:absolute;background-color:#121e23;opacity:97%;display:block;width:100%;height:100%;top:0;left:0}.section-boxes-repeater .wrapper{position:relative;padding-top:46px;padding-bottom:46px;z-index:99}@media only screen and (min-width: 1366px){.section-boxes-repeater .wrapper{padding:146px 0}}.section-boxes-repeater .wrapper .section-heading{max-width:520px}@media only screen and (min-width: 1366px){.section-boxes-repeater .wrapper .section-heading{margin-left:32px}}@media only screen and (min-width: 1366px){.section-boxes-repeater .wrapper .section-description{max-width:60%;margin-left:32px}}.section-boxes-repeater .wrapper .boxes{display:grid;justify-content:center;gap:20px}@media only screen and (min-width: 1366px){.section-boxes-repeater .wrapper .boxes{padding:14px 50px 0;grid-template-columns:repeat(auto-fit, minmax(244px, 1fr))}}.section-boxes-repeater .wrapper .boxes .box-single{background-color:#f7f5f5;clip-path:polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%);padding:30px 22px 15px}@media only screen and (min-width: 768px){.section-boxes-repeater .wrapper .boxes .box-single{clip-path:polygon(0% 12%, 2% 0%, 100% 0%, 100% 2%, 100% 100%, 0% 100%, 0% 12%)}}@media only screen and (min-width: 1366px){.section-boxes-repeater .wrapper .boxes .box-single{padding:40px 22px 30px;clip-path:polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%)}}.section-boxes-repeater .wrapper .boxes .box-single .box-image{max-width:40px;max-height:40px;aspect-ratio:1/1;margin-bottom:22px}.section-boxes-repeater .wrapper .boxes .box-single .box-content{display:grid;grid-template-rows:auto 1fr auto;height:100%}.section-boxes-repeater .wrapper .boxes .box-single .box-content .cta{align-self:end;text-align:end}.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards{display:flex;flex-direction:column;position:relative;gap:20px;counter-reset:box-counter}@media only screen and (min-width: 1366px){.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards{flex-direction:row;padding:14px 0 0}}.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single{clip-path:inherit;padding:inherit;background-color:inherit}@media only screen and (min-width: 768px){.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single{display:flex;flex-direction:column}}@media only screen and (min-width: 1366px){.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single{min-height:420px;height:-moz-fit-content;height:fit-content;padding:inherit;flex:0 0 33%}}.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single .box-content{display:grid;grid-template-rows:auto;height:auto;min-height:300px;background-color:#f7f5f5;clip-path:polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%);padding:43px 40px}@media only screen and (min-width: 768px){.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single .box-content{min-height:inherit;flex:1 0 205px;clip-path:polygon(0% 10%, 3% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%)}}@media only screen and (min-width: 1366px){.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single .box-content{flex:1 0 395px;clip-path:polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%)}}.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single .box-content__text{color:#121e23}@media only screen and (min-width: 768px){.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single .box-content__text{margin-bottom:10px}}@media only screen and (min-width: 1366px){.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single .box-content__text{margin-bootom:inherit}}.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single .box-counter{color:#88b14b;font-size:7.2rem;font-weight:700;line-height:110%;margin-left:16px}.section-boxes-repeater.bg-dark .wrapper .boxes.numbered-cards .box-single .box-counter:before{content:"0" counter(box-counter);counter-increment:box-counter}.section-gallery{padding:45px 0}@media only screen and (min-width: 1366px){.section-gallery{padding:55px 0 145px}}@media only screen and (min-width: 1366px){.section-gallery .wrapper .section-heading{margin-bottom:55px}}.section-gallery .wrapper .gallery{display:grid;grid-template-columns:320px;grid-template-rows:repeat(auto-fill, 260px);justify-content:center;gap:20px;margin-bottom:40px}@media only screen and (min-width: 1366px){.section-gallery .wrapper .gallery{display:grid;grid-template-columns:repeat(4, 285px);justify-content:inherit;gap:20px;margin-bottom:60px}}.section-gallery .wrapper .gallery-image{overflow:hidden;cursor:pointer}@media only screen and (min-width: 768px){.section-gallery .wrapper .gallery-image:nth-child(1){grid-column:1/span 2;grid-row:1/2}}@media only screen and (min-width: 768px){.section-gallery .wrapper .gallery-image:nth-child(2){grid-column:3/span 2;grid-row:1/span 2}}.section-gallery .wrapper .gallery-image:nth-child(3){display:none}@media only screen and (min-width: 768px){.section-gallery .wrapper .gallery-image:nth-child(3){display:block;grid-column:1/2;grid-row:2/span 1}}.section-gallery .wrapper .gallery-image:nth-child(4){display:none}@media only screen and (min-width: 768px){.section-gallery .wrapper .gallery-image:nth-child(4){display:block;grid-column:2/3;grid-row:2/span 1}}.section-gallery .wrapper .gallery-image:nth-child(5){display:none}@media only screen and (min-width: 768px){.section-gallery .wrapper .gallery-image:nth-child(5){display:block;grid-column:1/3;grid-row:3/5}}.section-gallery .wrapper .gallery-image:nth-child(6){display:none}@media only screen and (min-width: 768px){.section-gallery .wrapper .gallery-image:nth-child(6){display:block;grid-column:3/5;grid-row:3/5}}.section-gallery .wrapper .gallery-image img{display:block;width:100%;height:101%;-o-object-fit:cover;object-fit:cover;transition:transform 400ms ease-out}.section-gallery .wrapper .gallery-image img:hover{transform:scale(1.05)}.section-gallery .wrapper .cta{display:flex;justify-content:center}.hero-with-form{height:90vh;width:100%;margin-bottom:80px}@media only screen and (min-width: 768px){.hero-with-form{margin-bottom:0px}}@media only screen and (min-width: 1366px){.hero-with-form{max-height:780px}}.hero-with-form .hero-wrapper{position:relative;height:100%;width:100% !important;background-repeat:no-repeat;background-size:cover !important;background-position:center;display:flex;flex-direction:column}@media only screen and (min-width: 768px){.hero-with-form .hero-wrapper{flex-direction:row;align-items:flex-end;padding-bottom:90px}}@media only screen and (min-width: 1366px){.hero-with-form .hero-wrapper{padding:102px}}.hero-with-form .bg-filter{position:absolute;background-color:#121e23;opacity:97%;display:block;width:100%;height:100%;top:0;left:0;background:linear-gradient(119deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 90%)}.hero-with-form .hero-content{padding:20px;display:flex;flex-direction:column;align-content:flex-end;gap:20px;flex:0 1 50%;z-index:998}@media only screen and (min-width: 768px){.hero-with-form .hero-content{align-items:flex-start}}.hero-with-form .hero-content .hero-heading{z-index:99}@media only screen and (min-width: 768px){.hero-with-form .hero-content .hero-heading{max-width:70%}}@media only screen and (min-width: 1366px){.hero-with-form .hero-content .hero-heading{max-width:inherit;flex:0 0 50%}}.hero-with-form .hero-content .hero-text{text-shadow:2px 2px 3px #121e23}.hero-with-form .hero-form{background-color:#121e23;padding:22px;clip-path:polygon(0% 4%, 4% 0%, 100% 0%, 100% 4%, 100% 100%, 0% 100%, 0% 4%);flex:0 0 50%}@media only screen and (min-width: 768px){.hero-with-form .hero-form{height:-moz-fit-content;height:fit-content}}@media only screen and (min-width: 1366px){.hero-with-form .hero-form{padding:28px}}.social-media{list-style:none !important;position:fixed;top:120px;right:0;height:-moz-fit-content;height:fit-content;padding:9px;z-index:998;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;box-shadow:-8px 8px 16px -14px #5f5f5f}@media only screen and (min-width: 768px){.social-media{padding:16px;gap:20px;box-shadow:-10px 10px 26px -14px #5f5f5f}}.social-media__single{opacity:.6;transition:all .3s ease-in-out;margin-left:0 !important}.social-media__single a{display:grid;place-items:center}.social-media__single .icon{width:26px;height:auto;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width: 768px){.social-media__single .icon{width:32px}}.social-media__single:hover{opacity:1}.page-template-template-contact .wpcf7{background-color:#121e23;padding:22px;margin:50px auto;clip-path:polygon(0% 4%, 4% 0%, 100% 0%, 100% 4%, 100% 100%, 0% 100%, 0% 4%);max-width:500px}#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,.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:.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;flex-wrap:wrap}#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:calc(100% - 200px)}@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;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{display:flex;flex-direction:row;align-items:center;-moz-column-gap:1rem;column-gap:1rem;margin:0;width:100%;padding:12.5px 0;transition:.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,.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,.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}#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:rgba(0,0,0,0);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:.5rem;height:.5rem;box-shadow:1px 1px 2px rgba(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;appearance:none;margin-top:-6px;border-radius:4px;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:.5rem;height:.5rem;box-shadow:1px 1px 2px rgba(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;border-radius:0px;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:.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:.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;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}.bg-dark{background-color:#121e23;color:#fff}.bg-dark a{color:#fff}.bg-dark a:hover{color:#88b14b}.bg-white{background-color:#fff;color:#121e23}.bg-gray{background-color:#f7f5f5;color:#121e23}/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/wp-content/themes/ostal_WP/sass/main.css.map b/wp-content/themes/ostal_WP/sass/main.css.map index 75a7792..e439686 100644 --- a/wp-content/themes/ostal_WP/sass/main.css.map +++ b/wp-content/themes/ostal_WP/sass/main.css.map @@ -1 +1 @@ -{"version":3,"sources":["01-base/_reset.scss","main.css","01-base/_typography.scss","01-base/_breakpoints.scss","01-base/_global.scss","01-base/_colors.scss","02-abstracts/_helpers.scss","03-vendors/_lightbox.scss","04-layout/_header.scss","04-layout/_navigation.scss","04-layout/_footer.scss","02-abstracts/_mixins.scss","05-components/_buttons.scss","05-components/_forms.scss","05-components/_lists.scss","05-components/_hero-slider.scss","05-components/_box.scss","05-components/_two-col-section.scss","05-components/_two-col-section-with-bg.scss","05-components/_one_col_cta.scss","05-components/_one_col_cta_images.scss","05-components/_boxes-repeater.scss","05-components/_section-gallery.scss","05-components/_hero-with-form.scss","05-components/_social-media.scss","06-pages/_contact.scss","06-pages/_configurator.scss","07-themes/_theme.scss"],"names":[],"mappings":"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","file":"main.css"} \ No newline at end of file +{"version":3,"sources":["01-base\\_reset.scss","01-base\\_typography.scss","01-base\\_breakpoints.scss","01-base\\_global.scss","01-base\\_colors.scss","02-abstracts\\_helpers.scss","03-vendors\\_lightbox.scss","04-layout\\_header.scss","04-layout\\_navigation.scss","04-layout\\_footer.scss","02-abstracts\\_mixins.scss","05-components\\_buttons.scss","05-components\\_forms.scss","05-components\\_lists.scss","05-components\\_hero-slider.scss","05-components\\_box.scss","05-components\\_two-col-section.scss","05-components\\_two-col-section-with-bg.scss","05-components\\_one_col_cta.scss","05-components\\_one_col_cta_images.scss","05-components\\_boxes-repeater.scss","05-components\\_section-gallery.scss","05-components\\_hero-with-form.scss","05-components\\_social-media.scss","06-pages\\_contact.scss","06-pages\\_configurator.scss","07-themes\\_theme.scss"],"names":[],"mappings":"AAAA,2EAAA,CAUC,EACG,QAAA,CACA,SAAA,CACA,qBAAA,CACA,wBACE,uBAAA,CAIH,KACG,gBAAA,CACA,6BAAA,CAEA,eAAA,CAUF,KACE,QAAA,CAOF,KACE,aAAA,CAQF,GACE,aAAA,CAWF,GACE,sBAAA,CACA,QAAA,CACA,gBAAA,CAQF,IACE,+BAAA,CACA,aAAA,CAUF,EACE,8BAAA,CACA,oBAAA,CAQF,YACE,kBAAA,CACA,yBAAA,CACA,wCAAA,CAAA,gCAAA,CAOF,SAEE,kBAAA,CAQF,cAGE,+BAAA,CACA,aAAA,CAOF,MACE,aAAA,CAQF,QAEE,aAAA,CACA,aAAA,CACA,iBAAA,CACA,uBAAA,CAGF,IACE,cAAA,CAGF,IACE,UAAA,CAUF,IACE,iBAAA,CAWF,sCAKE,mBAAA,CACA,cAAA,CACA,gBAAA,CACA,QAAA,CAQF,aAEE,gBAAA,CAQF,cAEE,mBAAA,CAOF,gDAIE,yBAAA,CAOF,wHAIE,iBAAA,CACA,SAAA,CAOF,4GAIE,6BAAA,CAOF,SACE,0BAAA,CAUF,OACE,qBAAA,CACA,aAAA,CACA,aAAA,CACA,cAAA,CACA,SAAA,CACA,kBAAA,CAOF,SACE,uBAAA,CAOF,SACE,aAAA,CAQF,6BAEE,qBAAA,CACA,SAAA,CAOF,kFAEE,WAAA,CAQF,cACE,4BAAA,CACA,mBAAA,CAOF,yCACE,uBAAA,CAQF,6BACE,yBAAA,CACA,YAAA,CAUF,QACE,aAAA,CAOF,QACE,iBAAA,CAUF,SACE,YAAA,CAOF,SACE,YAAA,CAGF,4BACE,uBAAA,CCpWN,SAHI,sCAAA,CAKA,eAAA,CACA,aACI,gBAAA,CACA,gBAAA,CCHA,0CDCJ,aAIQ,gBAAA,CAAA,CCCJ,2CDLJ,aAOQ,gBAAA,CACA,kBAAA,CAAA,CAGR,aACI,gBAAA,CACA,gBAAA,CCRA,2CDMJ,aAIQ,gBAAA,CAAA,CAGR,aACI,cAAA,CACA,gBAAA,CACA,kBAAA,CChBA,2CDaJ,aAKQ,gBAAA,CAAA,CAGR,aACI,gBAAA,CACA,gBAAA,CACA,iBAAA,CACA,iBAAA,CCzBA,2CDqBJ,aAMQ,gBAAA,CAAA,CEpCZ,KACI,qBCNU,CHGV,sCAAA,CEOJ,kBFPI,sCAAA,CESA,eAAA,CAGJ,GFZI,sCAAA,CA8CA,eAAA,CACA,gBAAA,CACA,gBAAA,CC3CI,0CCOR,GFsCQ,gBAAA,CAAA,CCvCA,2CCCR,GFyCQ,gBAAA,CACA,kBAAA,CAAA,CEvCR,GFfI,sCAAA,CA2DA,gBAAA,CACA,gBAAA,CACA,kBAAA,CE3CJ,GFlBI,sCAAA,CAoEA,gBAAA,CACA,gBAAA,CACA,iBAAA,CACA,iBAAA,CC5DI,2CCOR,GFuDQ,gBAAA,CAAA,CEnDR,EACI,eAAA,CACA,gBAAA,CACA,gBAAA,CACA,iBAAA,CACA,kBAAA,CDtBI,0CCiBR,EAOQ,kBAAA,CAAA,CAIR,EACI,cAAA,CACA,aCnCS,CDoCT,QACI,aCtCO,CCCf,gBACI,cAAA,CACA,aAAA,CHGI,0CGLR,gBAIQ,cAAA,CACA,iBAAA,CAAA,CHMA,2CGXR,gBAQQ,WAAA,CACA,gBAAA,CAAA,CAIR,kBACI,cAAA,CHTI,0CGQR,kBAGQ,cAAA,CAAA,CHLA,2CGER,kBAMQ,cAAA,CAAA,CAIR,aACI,aDzBW,CC0BX,sBACI,sDAAA,CAEJ,qBACI,qDAAA,CAGR,YACI,aDjCS,CCkCT,qBACI,mDAAA,CAEJ,oBACI,UAAA,CAGR,YACI,UD7CU,CC8CV,qBACI,UAAA,CAEJ,oBACI,UAAA,CAIR,kBACI,gBAAA,CACA,2BACI,gBAAA,CAIR,UACI,UAAA,CACA,WAAA,CC7DJ,UACI,SAAA,CACA,iBAAA,CACA,cAAA,CACA,MAAA,CACA,OAAA,CACA,KAAA,CACA,QAAA,CACA,UAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,2BAAA,CAGJ,eACI,gCAAA,CACA,SAAA,CACA,kBAAA,CACA,YAAA,CAGJ,cACI,aAAA,CAKJ,0BACI,cAAA,CACA,iBAAA,CACA,QAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CAGJ,mEAEI,UAAA,CACA,SAAA,CACA,WAAA,CACA,qBAAA,CACA,iBAAA,CACA,iBAAA,CACA,uBAAA,CAGJ,kCACI,wBAAA,CAGJ,+EAEI,qBAAA,CCrDJ,QACI,WAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,qBACI,WAAA,CACA,WAAA,CCPR,UACI,eAAA,CAEI,0BACI,cAAA,CACA,WAAA,CACA,UAAA,CACA,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,YAAA,CACA,8BAAA,CACE,0GAGE,kBJhBD,CIiBC,aAAA,CACA,UAAA,CACA,SAAA,CACA,iBAAA,CACA,0BAAA,CAEF,2EAEE,UAAA,CAEF,+BACE,SAAA,CACA,QAAA,CACA,UAAA,CAEF,sCACE,QAAA,CACA,SAAA,CACA,UAAA,CAEF,qCACE,QAAA,CACA,QAAA,CACA,UAAA,CN5BR,2CMRA,0BAuCQ,YAAA,CAAA,CAIR,yBACI,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,kBAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,UAAA,CACA,KAAA,CACA,8BAAA,CACA,eAAA,CACA,WAAA,CACA,QAAA,CACA,0BAAA,CNjDJ,2CMmCA,yBAgBQ,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,wBAAA,CACA,iBAAA,CACA,YAAA,CACA,WAAA,CACA,QAAA,CAAA,CAEJ,oCACI,gBAAA,CACA,wBAAA,CAEJ,gCACI,KAAA,CACA,MAAA,CACA,WAAA,CACA,wBJ/EH,CIgFG,UJnFF,CIoFE,iBAAA,CACA,8BAAA,CAEE,6CACE,qBAAA,CClFhB,yBACI,iBAAA,CACA,YAAA,CACA,2BAAA,CACA,0BAAA,CACA,2BAAA,CACA,qBAAA,CACA,oCCNJ,iBAAA,CACA,wBNLS,CMMT,WAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,KAAA,CACA,MAAA,CDCQ,UAAA,CAGR,mBACI,cAAA,CACA,yBACI,WAAA,CACA,WAAA,CACA,kBAAA,CAEJ,gCACI,YAAA,CACA,QAAA,CPnBJ,0COiBA,gCAIQ,oCAAA,CAAA,CPfR,2COWA,gCAOQ,oCAAA,CAAA,CAEJ,6CACI,eAAA,CACA,cAAA,CAEI,0DACI,gBAAA,CACA,gBAAA,CAMpB,yBACI,qBL/CM,CKgDN,cAAA,CACA,8BACI,YAAA,CACA,6BAAA,CACA,gBAAA,CACA,eAAA,CACA,aLnDC,CFKL,0COyCA,8BAOQ,gBAAA,CAAA,CAEJ,iCACI,cAAA,CPnDR,0COkDI,iCAGQ,gBAAA,CAAA,CAGR,gCACI,aL9DH,CK+DG,sCACI,aLjEL,COmCf,oGVlCI,sCAAA,CUoCA,eAAA,CACH,aAAA,CACA,iBAAA,CACA,iBAAA,CACA,gBAAA,CACG,wBAAA,CACA,0BAAA,CAAA,qBAAA,CT/BI,2CSuBR,oGAUQ,iBAAA,CACA,gBAAA,CAAA,CAIR,2BAEI,wBPpDW,COqDX,qBAAA,CACA,wBAAA,CACA,uBAAA,CACA,uCACI,gEAAA,CACA,gEAAA,CAGR,+BAEI,wBP9DS,CO+DT,aPhEW,COiEX,qBAAA,CACA,uBAAA,CACA,2CACI,4DAAA,CACA,wBAAA,CAKJ,0CAEI,mCAAA,CACA,qBAAA,CACA,mCAAA,CAIR,qBACI,gBAAA,CACA,aPnFS,COoFT,yBAAA,CCjFI,sBXHJ,sCAAA,CA2DA,gBAAA,CACA,gBAAA,CACA,kBAAA,CWxDQ,URRE,CQUN,yBACI,aAAA,CACA,gBAAA,CACA,gBAAA,CACA,URdE,CQeF,kDACI,aAAA,CACA,WAAA,CACA,mBAAA,CACA,mHACI,UAAA,CACA,8BAAA,CACA,URtBN,CQuBM,gBAAA,CACA,gBAAA,CACA,qBAAA,CACA,iBAAA,CACA,+HACI,wBAAA,CAGR,2DACI,eAAA,CAEJ,uEACI,cAAA,CAEJ,0EACI,WAAA,CACA,mFACI,WAAA,CAIZ,8CACI,YAAA,CACA,gBAAA,CACA,kBAAA,CACA,uEACI,aAAA,CACA,QAAA,CACA,wFACI,aAAA,CAGR,mDACI,aAAA,CAEJ,mEACI,UAAA,CACA,WAAA,CACA,iBAAA,CACA,mCAAA,CACA,wBAAA,CACA,sBAAA,CACA,kBAAA,CACA,+BAAA,CACA,2BAAA,CACA,2EACI,mCAAA,CACA,mCAAA,CACA,+BAAA,CAGR,gDACI,UR3EN,CQ4EM,yBAAA,CACA,sDACI,aR5ET,CQiFP,0CACI,mCAAA,CACA,iBAAA,CACA,URtFE,CQuFF,WAAA,CACA,YAAA,CCpFZ,GACI,kBAAA,CACA,iBAAA,CACA,MACI,eAAA,CACA,gBAAA,CCLR,aAII,WAAA,CACA,UAAA,CZPI,2CYER,aAEQ,WAAA,CAAA,CZQA,2CYVR,aAOQ,cAAA,CACA,aAAA,CAAA,CAEJ,6BACI,iBAAA,CACA,eAAA,CAEA,2BACI,WAAA,CACA,qBAAA,CACA,oBAAA,CACA,YAAA,CACA,YAAA,CACA,qBAAA,CACA,wBAAA,CACA,QAAA,CACA,mBAAA,CACA,2BAAA,CACA,gCAAA,CACA,0BAAA,CZhBJ,2CYIA,2BAcQ,kBAAA,CACA,6BAAA,CACA,oBAAA,CACA,gBAAA,CACA,aAAA,CACA,UAAA,CAAA,CAEA,gDACI,UAAA,CZhCZ,0CY+BQ,gDAGQ,aAAA,CACA,mBAAA,CAAA,CZ7BhB,2CYyBQ,gDAOQ,iBAAA,CACA,YAAA,CAAA,CAGR,gDACI,UAAA,CACA,YAAA,CZ5CZ,0CY0CQ,gDAIQ,aAAA,CACA,mBAAA,CAAA,CZzChB,2CYoCQ,gDAQQ,iBAAA,CACA,kBAAA,CACA,YAAA,CACA,2BAAA,CAAA,CAGR,kCACI,oBAAA,CACA,2BAAA,CACA,qBAAA,CACA,0BAAA,CAER,sCJ/DR,iBAAA,CACA,wBNLS,CMMT,WAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,KAAA,CACA,MAAA,CAIA,+EAAA,CIyDI,yBACI,WAAA,CACA,WAAA,CACA,iBAAA,CACA,YAAA,CACA,mBAAA,CACA,QAAA,CACA,WAAA,CACA,UAAA,CZ3EJ,0CYmEA,yBAUQ,WAAA,CAAA,CZvER,2CY6DA,yBAaQ,WAAA,CACA,WAAA,CAAA,CAEJ,wCACI,aAAA,CACA,wBV1FH,CU2FG,WAAA,CACA,UAAA,CACA,YAAA,CACA,uCAAA,CACA,iBAAA,CACA,6CACI,wBAAA,CACA,MAAA,CAEJ,6CACI,OAAA,CCrGpB,KACI,4EAAA,CACA,qBAAA,CACA,WACI,wBXJK,CAAA,UYCT,cAAA,CdII,0CcLR,UAGQ,eAAA,CAAA,CdEA,0CAAA,mBcEI,YAAA,CACA,6BAAA,CACA,QAAA,CAAA,CdJJ,0CcMA,wBAEQ,YAAA,CAAA,CAGR,6BACI,kBAAA,CdNJ,2CcKA,6BAGQ,gBAAA,CAAA,CAIJ,6CACI,iBAAA,CAEJ,qDACI,UAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,YAAA,CACA,aAAA,CACA,SAAA,CACA,UAAA,CACA,SAAA,CAEJ,kCACI,iBAAA,CACA,WAAA,CAGR,6BACI,qBAAA,CAEI,oDACI,4DAAA,CACA,SAAA,CACA,YAAA,CACA,WAAA,CAIZ,8BACI,aAAA,CAEI,qDACI,4EAAA,CACA,SAAA,CACA,UAAA,CAQJ,mDACI,wBZpEP,CY4EG,kDACI,wBZ9EL,CaCf,kBACI,iBAAA,CACA,2BAAA,CACA,qBAAA,CACA,cAAA,CfCI,0CeLR,kBAMQ,eAAA,CAAA,CAEJ,6BACI,iBAAA,CACA,wBbVK,CaWL,WAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,KAAA,CACA,MAAA,CAEJ,2BACI,iBAAA,CACA,UAAA,CffA,0CeaJ,2BAIQ,YAAA,CACA,6BAAA,CACA,QAAA,CAAA,CfnBJ,0CeqBA,gCAEQ,YAAA,CAAA,CfjBR,2CeoBA,qCAEQ,gBAAA,CAAA,CAMhB,WACI,aAAA,CAEJ,YACI,qBAAA,CftCI,0CgBDJ,sBAEQ,6EAAA,CAAA,ChBKJ,2CgBPJ,sBAMQ,8EAAA,CAAA,CAGR,wBACI,eAAA,ChBTA,0CgBQJ,wBAGQ,iBAAA,CAAA,ChBLJ,2CgBEJ,wBAMQ,eAAA,CAAA,CAEJ,iCACI,iBAAA,ChBXJ,2CgBUA,iCAGQ,oBAAA,CAAA,CAEJ,0CjB1BR,sCAAA,CA2DA,gBAAA,CACA,gBAAA,CACA,kBAAA,CiBhCQ,uCACI,mBAAA,CACA,kBAAA,CAEJ,sCACI,kBAAA,ChBvBR,2CgBsBI,sCAGQ,iBAAA,CAAA,CAEJ,2CACI,gBAAA,CAKhB,0BACI,cAAA,CACA,mCACI,sBAAA,ChBpCJ,2CgBmCA,mCAGQ,qBAAA,CACA,gBAAA,CAAA,CAEJ,4CjBpDR,sCAAA,CA2DA,gBAAA,CACA,gBAAA,CACA,kBAAA,CiBPY,iBAAA,ChBjDR,0CgB+CI,4CjBpDR,sCAAA,CA8CA,eAAA,CACA,gBAAA,CACA,gBAAA,CAAA,CC3CI,gEgB+CI,4CjBFJ,gBAAA,CAAA,CCvCA,iEgByCI,4CjBCJ,gBAAA,CACA,kBAAA,CAAA,CiBKI,yCACI,iBAAA,CAEJ,wCACI,kBAAA,ChBpDR,2CgBmDI,wCAGQ,kBAAA,CAAA,CAEJ,6CACI,aAAA,CAKhB,qBACI,wBd1EK,CeGb,oBACI,YAAA,CACA,QAAA,CjBMI,2CiBRR,oBAIQ,sCAAA,CAAA,CjBFA,0CiBIJ,6BAEQ,4EAAA,CAAA,CAAA,2CAFR,6BAMQ,6EAAA,CAAA,CAGR,+BACI,eAAA,CjBdA,0CiBaJ,+BAGQ,iBAAA,CAAA,CjBVJ,2CiBOJ,+BAMQ,eAAA,CAAA,CAEJ,wCACI,iBAAA,CjBhBJ,2CiBeA,wCAGQ,qBAAA,CAAA,CAEJ,iDlB/BR,sCAAA,CA2DA,gBAAA,CACA,gBAAA,CACA,kBAAA,CkB3BQ,8CACI,kBAAA,CAEJ,6CACI,kBAAA,CjB3BR,2CiB0BI,6CAGQ,kBAAA,CAAA,CAEJ,kDACI,gBAAA,CAGR,iDACI,YAAA,CACA,2BAAA,CAEA,qDAAA,CAEA,sBAAA,CACA,QAAA,CACA,kBAAA,CACA,eAAA,CjBlDR,0CiByCI,iDAWQ,6CAAA,CAAA,CjB9CZ,2CiBmCI,iDAeQ,sCAAA,CAAA,CAGJ,uDACI,eAAA,CAEA,qEACI,YAAA,CjB/DhB,0CiB8DY,qEAGQ,aAAA,CAAA,CAGR,2DACI,aAAA,CACA,mBAAA,CAAA,gBAAA,CAOpB,iCACI,cAAA,CACA,0CACI,qBAAA,CjB1EJ,2CiByEA,0CAGQ,qBAAA,CACA,gBAAA,CAAA,CAEJ,mDlB1FR,sCAAA,CA2DA,gBAAA,CACA,gBAAA,CACA,kBAAA,CkB+BY,iBAAA,CjBvFR,0CiBqFI,mDlB1FR,sCAAA,CA8CA,eAAA,CACA,gBAAA,CACA,gBAAA,CAAA,CC3CI,gEiBqFI,mDlBxCJ,gBAAA,CAAA,CCvCA,iEiB+EI,mDlBrCJ,gBAAA,CACA,kBAAA,CAAA,CkB2CI,gDACI,iBAAA,CAEJ,+CACI,kBAAA,CjB1FR,2CiByFI,+CAGQ,kBAAA,CAAA,CAEJ,oDACI,aAAA,CCxGpB,wBACI,iBAAA,CACA,2BAAA,CACA,qBAAA,CACA,mCVFA,iBAAA,CACA,wBNLS,CMMT,WAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,KAAA,CACA,MAAA,CUFA,iCACI,iBAAA,CACA,gBAAA,CACA,mBAAA,CACA,UAAA,ClBFA,2CkBFJ,iCAMQ,eAAA,CAAA,CAEJ,kDACI,eAAA,ClBPJ,2CkBMA,kDAGQ,gBAAA,CAAA,ClBTR,2CkBYA,sDAEQ,aAAA,CACA,gBAAA,CAAA,CAGR,wCACI,YAAA,CACA,sBAAA,CACA,QAAA,ClBrBJ,2CkBkBA,wCAKQ,mBAAA,CACA,0DAAA,CAAA,CAEJ,oDACI,wBhBxCH,CgByCG,4EAAA,CACA,sBAAA,ClBnCR,0CkBgCI,oDAKQ,8EAAA,CAAA,ClB/BZ,2CkB0BI,oDAQQ,sBAAA,CACA,4EAAA,CAAA,CAEJ,+DACI,cAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CAEJ,iEACI,YAAA,CACA,gCAAA,CACA,WAAA,CACA,sEACI,cAAA,CACA,cAAA,CAQZ,+DACI,YAAA,CACA,qBAAA,CACA,iBAAA,CACA,QAAA,CACA,yBAAA,ClB9DR,2CkByDI,+DAOQ,kBAAA,CACA,gBAAA,CAAA,CAEJ,2EACI,iBAAA,CACA,eAAA,CACA,wBAAA,ClB5EZ,0CkByEQ,2EAKQ,YAAA,CACA,qBAAA,CAAA,ClBzEhB,2CkBmEQ,2EASQ,gBAAA,CACA,uBAAA,CAAA,kBAAA,CACA,eAAA,CACA,YAAA,CAAA,CAEJ,wFACI,YAAA,CACA,uBAAA,CACA,WAAA,CACA,gBAAA,CACA,wBhBnGX,CgBoGW,4EAAA,CACA,iBAAA,ClB9FhB,0CkBuFY,wFASQ,kBAAA,CACA,cAAA,CACA,6EAAA,CAAA,ClB5FpB,2CkBiFY,wFAcQ,cAAA,CACA,4EAAA,CAAA,CAEJ,8FACI,ahB9Gf,CFKL,0CkBwGgB,8FAGQ,kBAAA,CAAA,ClBrGxB,2CkBkGgB,8FAMQ,qBAAA,CAAA,CAIZ,wFACI,ahBzHT,CgB0HS,gBAAA,CACA,eAAA,CACA,gBAAA,CACA,gBAAA,CACA,+FACI,gCAAA,CACA,6BAAA,CC9H5B,iBACI,cAAA,CnBSI,2CmBVR,iBAGQ,oBAAA,CAAA,CnBOA,2CmBJA,2CAEQ,kBAAA,CAAA,CAGR,mCACI,YAAA,CACA,2BAAA,CACA,2CAAA,CACA,sBAAA,CACA,QAAA,CACA,kBAAA,CnBPJ,2CmBCA,mCAQQ,YAAA,CACA,sCAAA,CACA,uBAAA,CACA,QAAA,CACA,kBAAA,CAAA,CAEJ,yCACI,eAAA,CACA,cAAA,CnBvBR,0CmBwBQ,sDAEQ,oBAAA,CACA,YAAA,CAAA,CnB3BhB,0CmB8BQ,sDAEQ,oBAAA,CACA,iBAAA,CAAA,CAGR,sDACI,YAAA,CnBrCZ,0CmBoCQ,sDAGQ,aAAA,CACA,eAAA,CACA,iBAAA,CAAA,CAGR,sDACI,YAAA,CnB7CZ,0CmB4CQ,sDAGQ,aAAA,CACA,eAAA,CACA,iBAAA,CAAA,CAGR,sDACI,YAAA,CnBrDZ,0CmBoDQ,sDAGQ,aAAA,CACA,eAAA,CACA,YAAA,CAAA,CAGR,sDACI,YAAA,CnB7DZ,0CmB4DQ,sDAGQ,aAAA,CACA,eAAA,CACA,YAAA,CAAA,CAGR,6CACI,aAAA,CACA,UAAA,CACA,WAAA,CACA,mBAAA,CAAA,gBAAA,CACA,mCAAA,CACA,mDACI,qBAAA,CAKhB,+BACI,YAAA,CACA,sBAAA,CCtFZ,gBACI,WAAA,CACA,UAAA,CACA,kBAAA,CpBCI,0CoBJR,gBAKQ,iBAAA,CAAA,CpBKA,2CoBVR,gBAQQ,gBAAA,CAAA,CAEJ,8BACI,iBAAA,CACA,WAAA,CACA,qBAAA,CACA,2BAAA,CACA,gCAAA,CACA,0BAAA,CACA,YAAA,CACA,qBAAA,CpBdA,0CoBMJ,8BAUY,kBAAA,CACA,oBAAA,CACA,mBAAA,CAAA,CpBZR,2CAAA,8BoBeQ,aAAA,CAAA,CAGR,2BZzBJ,iBAAA,CACA,wBNLS,CMMT,WAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,KAAA,CACA,MAAA,CAIA,+EAAA,CYkBI,8BACI,YAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,QAAA,CACA,YAAA,CACA,WAAA,CpBnCJ,0CoB4BA,8BASQ,sBAAA,CAAA,CAEA,4CACI,UAAA,CpBxCZ,0CoBuCQ,4CAGQ,aAAA,CAAA,CpBpChB,2CoBiCQ,4CAMQ,iBAAA,CACA,YAAA,CAAA,CAGR,yCACI,+BAAA,CAGZ,2BACI,wBlB3DC,CkB4DD,YAAA,CACA,4EAAA,CACA,YAAA,CpBzDJ,0CoBqDA,2BAMQ,uBAAA,CAAA,kBAAA,CAAA,CpBrDR,2CoB+CA,2BASQ,YAAA,CAAA,CClEhB,cACI,0BAAA,CACA,cAAA,CACA,SAAA,CACA,OAAA,CACA,uBAAA,CAAA,kBAAA,CACA,WAAA,CACA,WAAA,CACA,qBnBZU,CmBaV,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,kBAAA,CACA,QAAA,CACA,sCAAA,CrBVI,0CqBJR,cAgBQ,YAAA,CACA,QAAA,CACA,wCAAA,CAAA,CAGJ,sBACI,UAAA,CACA,8BAAA,CACA,wBAAA,CACA,wBACI,YAAA,CACA,kBAAA,CAEJ,4BACI,UAAA,CACA,WAAA,CACA,mBAAA,CAAA,gBAAA,CrB5BJ,0CqByBA,4BAKQ,UAAA,CAAA,CAGR,4BACI,SAAA,CCrCR,uCACI,wBpBHK,CoBIL,YAAA,CACA,gBAAA,CACA,4EAAA,CACA,eAAA,CCTN,qBACE,iBAAA,CACA,kBAAA,CAEA,4BACE,eAAA,CACA,YAAA,CACA,wBAAA,CACA,2BAAA,CAKF,mDACE,SAAA,CAEA,qDACE,6BAAA,CAGF,0BAPF,mDAQI,oBAAA,CAAA,CAGF,0BAXF,mDAYI,SAAA,CACA,QAAA,CAAA,CAGF,yBAhBF,mDAiBI,oBAAA,CAAA,CAKN,sBACE,YAAA,CACA,6BAAA,CAEA,0BAJF,sBAKI,yBAAA,CACA,YAAA,CAAA,CAGF,6CACE,YAAA,CACA,8BAAA,CAEA,yBAJF,6CAKI,yBAAA,CAAA,CAIA,4EACE,UAAA,CACA,0BAAA,CAAA,qBAAA,CAEA,yBAJF,4EAKI,gBAAA,CACA,iBAAA,CAAA,CAKN,wEACE,YAAA,CACA,aAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CAEA,yBARF,wEASI,cAAA,CACA,eAAA,CAAA,CAKN,4CACE,UAAA,CACA,eAAA,CAEA,0BAJF,4CAKI,eAAA,CAAA,CAGF,0EACE,YAAA,CAEA,6EACE,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CAEA,oFACE,eAAA,CAGF,0BAVF,6EAWI,iBAAA,CAAA,CAKF,8FACE,aAAA,CACA,oBAAA,CACA,uBAAA,CAEA,oGACE,eAAA,CACA,UAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CAEA,sHACE,UAAA,CADF,iHACE,UAAA,CAMJ,iGACE,aAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,eAAA,CAMA,uHACE,eAAA,CAIJ,gGACE,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CAIJ,+FACE,aAAA,CACA,gBAAA,CACA,eAAA,CACA,wBAAA,CACA,WAAA,CACA,cAAA,CACA,UAAA,CACA,iBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CAQR,mCACE,eAAA,CACA,cAAA,CAEA,iDACE,gBAAA,CACA,0BAAA,CAEA,+DACE,eAAA,CAEA,kFACE,kBAAA,CACA,aAAA,CACA,WAAA,CACA,OAAA,CACA,gCAAA,CAKN,6CACE,YAAA,CACA,kBAAA,CAEA,UAAA,CACA,cAAA,CACA,gCAAA,CAEA,gBAAA,CAEA,0BAVF,6CAWI,UAAA,CACA,cAAA,CAAA,CAGF,qDACE,UAAA,CACA,aAAA,CACA,cAAA,CACA,UAAA,CACA,gCAAA,CACA,mBAAA,CAEA,0BARF,qDASI,cAAA,CAEA,sEACE,YAAA,CAAA,CAIJ,4DACE,SAAA,CAEA,sBAAA,CAIA,2EACE,YAAA,CACA,kBAAA,CACA,YAAA,CACA,cAAA,CAEA,+EACE,UAAA,CACA,eAAA,CACA,uBAAA,CAAA,kBAAA,CAGF,uFACE,wBAAA,CAGF,yBAhBF,2EAiBI,qBAAA,CACA,kBAAA,CAAA,CAKN,+DACE,iBAAA,CACA,2BAAA,CACA,qBAAA,CACA,WAAA,CACA,iBAAA,CACA,wBAAA,CACA,eAAA,CAEA,yBATF,+DAUI,2BAAA,CAAA,CAGF,uEACE,UAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,YAAA,CACA,aAAA,CACA,UAAA,CAEA,wBAAA,CACA,4DAAA,CACA,SAAA,CACA,YAAA,CACA,WAAA,CAIA,mFACE,eAAA,CACA,QAAA,CAEA,sFACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,oBAAA,CAAA,eAAA,CACA,QAAA,CACA,UAAA,CACA,gBAAA,CACA,cAAA,CACA,oCAAA,CACA,cAAA,CAEA,4FACE,qCAAA,CACA,qBAAA,CAKE,8GACE,UAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CACA,SAAA,CACA,UAAA,CACA,kBAAA,CACA,kBAAA,CAKN,6FACE,iBAAA,CACA,UAAA,CACA,WAAA,CACA,qBAAA,CACA,iBAAA,CACA,qCAAA,CACA,gBAAA,CACA,aAAA,CAIA,+GACE,eAAA,CACA,cAAA,CAMR,mFACE,eAAA,CACA,QAAA,CAEA,sFACE,oBAAA,CAEA,uGACE,kBAAA,CAGF,wFACE,eAAA,CACA,cAAA,CACA,eAAA,CAGF,kGACE,wBAAA,CACA,gBAAA,CACA,qBAAA,CACA,UAAA,CAEA,wGACE,YAAA,CAMJ,wGACE,uBAAA,CACA,oBAAA,CAAA,eAAA,CACA,wBAAA,CACA,cAAA,CACA,UAAA,CAIF,8GACE,YAAA,CAKF,uIACE,qBAAA,CACA,mBAAA,CACA,YAAA,CACA,qCAAA,CAIF,8HACE,uBAAA,CAEA,eAAA,CACA,eAAA,CAEA,iBAAA,CAEA,wBAAA,CACA,qBAAA,CACA,WAAA,CACA,UAAA,CAKF,0HACE,qBAAA,CACA,mBAAA,CACA,YAAA,CACA,qCAAA,CACA,iBAAA,CAIF,0HACE,WAAA,CAEA,iBAAA,CAIA,wBAAA,CACA,qBAAA,CACA,WAAA,CACA,UAAA,CAKN,+EAME,0BAAA,CAAA,qBAAA,CACA,kBAAA,CAIA,wFACE,eAAA,CACA,kBAAA,CAKN,sEACE,iBAAA,CACA,aAAA,CACA,UAAA,CACA,0BAAA,CAAA,qBAAA,CACA,uBAAA,CACA,iBAAA,CACA,kBAAA,CAaA,yEACE,QAAA,CACA,SAAA,CAIJ,0IAEE,kBAAA,CACA,OAAA,CACA,YAAA,CACA,iBAAA,CACA,cAAA,CACA,cAAA,CACA,kBAAA,CAEA,4JACE,eAAA,CACA,cAAA,CAGF,gKACE,QAAA,CACA,UAAA,CACA,WAAA,CACA,aAAA,CACA,WAAA,CACA,KAAA,CAEA,0KACE,cAAA,CAIJ,yBA5BF,0IA6BI,QAAA,CAAA,CAIJ,qEACE,SAAA,CAEA,gFACE,wBAAA,CAIJ,qEACE,UAAA,CASd,qBACE,iBAAA,CACA,qBAAA,CACA,WAAA,CACA,iBAAA,CACA,wBAAA,CACA,UAAA,CACA,eAAA,CACA,gBAAA,CACA,eAAA,CAEA,6BACE,UAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,YAAA,CACA,aAAA,CACA,UAAA,CAEA,wBAAA,CACA,4DAAA,CACA,SAAA,CACA,YAAA,CACA,WAAA,CAGF,wBACE,iBAAA,CACA,aAAA,CACA,UAAA,CACA,0BAAA,CAAA,qBAAA,CACA,uBAAA,CACA,iBAAA,CACA,kBAAA,CAGF,+CACE,iBAAA,CCtjBJ,SACI,wBtBCS,CAAA,UAHC,CsBIV,WACI,UtBLM,CsBMN,iBACI,atBLG,CsBSf,UACI,qBtBZU,CsBaV,atBVS,CsBYb,SACI,wBtBfS,CsBgBT,atBdS","file":"main.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\r\n\r\n/* Document\r\n ========================================================================== */\r\n\r\n/**\r\n * 1. Correct the line height in all browsers.\r\n * 2. Prevent adjustments of font size after orientation changes in iOS.\r\n */\r\n\r\n *{\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n &:focus, &:focus-visible{\r\n outline: none !important;\r\n }\r\n }\r\n \r\n html {\r\n line-height: 1.15; /* 1 */\r\n -webkit-text-size-adjust: 100%; /* 2 */\r\n /* 62.5% of 16px browser font size is 10px */\r\n font-size: 62.5%;\r\n }\r\n \r\n /* Sections\r\n ========================================================================== */\r\n \r\n /**\r\n * Remove the margin in all browsers.\r\n */\r\n \r\n body {\r\n margin: 0;\r\n }\r\n \r\n /**\r\n * Render the `main` element consistently in IE.\r\n */\r\n \r\n main {\r\n display: block;\r\n }\r\n \r\n /**\r\n * Correct the font size and margin on `h1` elements within `section` and\r\n * `article` contexts in Chrome, Firefox, and Safari.\r\n */\r\n \r\n h1 {\r\n font-size: 2em;\r\n }\r\n \r\n /* Grouping content\r\n ========================================================================== */\r\n \r\n /**\r\n * 1. Add the correct box sizing in Firefox.\r\n * 2. Show the overflow in Edge and IE.\r\n */\r\n \r\n hr {\r\n box-sizing: content-box; /* 1 */\r\n height: 0; /* 1 */\r\n overflow: visible; /* 2 */\r\n }\r\n \r\n /**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\r\n \r\n pre {\r\n font-family: monospace, monospace; /* 1 */\r\n font-size: 1em; /* 2 */\r\n }\r\n \r\n /* Text-level semantics\r\n ========================================================================== */\r\n \r\n /**\r\n * Remove the gray background on active links in IE 10.\r\n */\r\n \r\n a {\r\n background-color: transparent;\r\n text-decoration: none;\r\n }\r\n \r\n /**\r\n * 1. Remove the bottom border in Chrome 57-\r\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\r\n */\r\n \r\n abbr[title] {\r\n border-bottom: none; /* 1 */\r\n text-decoration: underline; /* 2 */\r\n text-decoration: underline dotted; /* 2 */\r\n }\r\n \r\n /**\r\n * Add the correct font weight in Chrome, Edge, and Safari.\r\n */\r\n \r\n b,\r\n strong {\r\n font-weight: bolder;\r\n }\r\n \r\n /**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\r\n \r\n code,\r\n kbd,\r\n samp {\r\n font-family: monospace, monospace; /* 1 */\r\n font-size: 1em; /* 2 */\r\n }\r\n \r\n /**\r\n * Add the correct font size in all browsers.\r\n */\r\n \r\n small {\r\n font-size: 80%;\r\n }\r\n \r\n /**\r\n * Prevent `sub` and `sup` elements from affecting the line height in\r\n * all browsers.\r\n */\r\n \r\n sub,\r\n sup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline;\r\n }\r\n \r\n sub {\r\n bottom: -0.25em;\r\n }\r\n \r\n sup {\r\n top: -0.5em;\r\n }\r\n \r\n /* Embedded content\r\n ========================================================================== */\r\n \r\n /**\r\n * Remove the border on images inside links in IE 10.\r\n */\r\n \r\n img {\r\n border-style: none;\r\n }\r\n \r\n /* Forms\r\n ========================================================================== */\r\n \r\n /**\r\n * 1. Change the font styles in all browsers.\r\n * 2. Remove the margin in Firefox and Safari.\r\n */\r\n \r\n button,\r\n input,\r\n optgroup,\r\n select,\r\n textarea {\r\n font-family: inherit; /* 1 */\r\n font-size: 100%; /* 1 */\r\n line-height: 1.15; /* 1 */\r\n margin: 0; /* 2 */\r\n }\r\n \r\n /**\r\n * Show the overflow in IE.\r\n * 1. Show the overflow in Edge.\r\n */\r\n \r\n button,\r\n input { /* 1 */\r\n overflow: visible;\r\n }\r\n \r\n /**\r\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\r\n * 1. Remove the inheritance of text transform in Firefox.\r\n */\r\n \r\n button,\r\n select { /* 1 */\r\n text-transform: none;\r\n }\r\n \r\n /**\r\n * Correct the inability to style clickable types in iOS and Safari.\r\n */\r\n \r\n button,\r\n [type=\"button\"],\r\n [type=\"reset\"],\r\n [type=\"submit\"] {\r\n -webkit-appearance: button;\r\n }\r\n \r\n /**\r\n * Remove the inner border and padding in Firefox.\r\n */\r\n \r\n button::-moz-focus-inner,\r\n [type=\"button\"]::-moz-focus-inner,\r\n [type=\"reset\"]::-moz-focus-inner,\r\n [type=\"submit\"]::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0;\r\n }\r\n \r\n /**\r\n * Restore the focus styles unset by the previous rule.\r\n */\r\n \r\n button:-moz-focusring,\r\n [type=\"button\"]:-moz-focusring,\r\n [type=\"reset\"]:-moz-focusring,\r\n [type=\"submit\"]:-moz-focusring {\r\n outline: 1px dotted ButtonText;\r\n }\r\n \r\n /**\r\n * Correct the padding in Firefox.\r\n */\r\n \r\n fieldset {\r\n padding: 0.35em 0.75em 0.625em;\r\n }\r\n \r\n /**\r\n * 1. Correct the text wrapping in Edge and IE.\r\n * 2. Correct the color inheritance from `fieldset` elements in IE.\r\n * 3. Remove the padding so developers are not caught out when they zero out\r\n * `fieldset` elements in all browsers.\r\n */\r\n \r\n legend {\r\n box-sizing: border-box; /* 1 */\r\n color: inherit; /* 2 */\r\n display: table; /* 1 */\r\n max-width: 100%; /* 1 */\r\n padding: 0; /* 3 */\r\n white-space: normal; /* 1 */\r\n }\r\n \r\n /**\r\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n */\r\n \r\n progress {\r\n vertical-align: baseline;\r\n }\r\n \r\n /**\r\n * Remove the default vertical scrollbar in IE 10+.\r\n */\r\n \r\n textarea {\r\n overflow: auto;\r\n }\r\n \r\n /**\r\n * 1. Add the correct box sizing in IE 10.\r\n * 2. Remove the padding in IE 10.\r\n */\r\n \r\n [type=\"checkbox\"],\r\n [type=\"radio\"] {\r\n box-sizing: border-box; /* 1 */\r\n padding: 0; /* 2 */\r\n }\r\n \r\n /**\r\n * Correct the cursor style of increment and decrement buttons in Chrome.\r\n */\r\n \r\n [type=\"number\"]::-webkit-inner-spin-button,\r\n [type=\"number\"]::-webkit-outer-spin-button {\r\n height: auto;\r\n }\r\n \r\n /**\r\n * 1. Correct the odd appearance in Chrome and Safari.\r\n * 2. Correct the outline style in Safari.\r\n */\r\n \r\n [type=\"search\"] {\r\n -webkit-appearance: textfield; /* 1 */\r\n outline-offset: -2px; /* 2 */\r\n }\r\n \r\n /**\r\n * Remove the inner padding in Chrome and Safari on macOS.\r\n */\r\n \r\n [type=\"search\"]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n }\r\n \r\n /**\r\n * 1. Correct the inability to style clickable types in iOS and Safari.\r\n * 2. Change font properties to `inherit` in Safari.\r\n */\r\n \r\n ::-webkit-file-upload-button {\r\n -webkit-appearance: button; /* 1 */\r\n font: inherit; /* 2 */\r\n }\r\n \r\n /* Interactive\r\n ========================================================================== */\r\n \r\n /*\r\n * Add the correct display in Edge, IE 10+, and Firefox.\r\n */\r\n \r\n details {\r\n display: block;\r\n }\r\n \r\n /*\r\n * Add the correct display in all browsers.\r\n */\r\n \r\n summary {\r\n display: list-item;\r\n }\r\n \r\n /* Misc\r\n ========================================================================== */\r\n \r\n /**\r\n * Add the correct display in IE 10+.\r\n */\r\n \r\n template {\r\n display: none;\r\n }\r\n \r\n /**\r\n * Add the correct display in IE 10.\r\n */\r\n \r\n [hidden] {\r\n display: none;\r\n }\r\n \r\n div:focus, div:focus-visible{\r\n outline: none !important;\r\n }","@use \"../01-base/breakpoints\" as *;\r\n\r\n@mixin font-primary{\r\n font-family: 'Space Grotesk', sans-serif;\r\n}\r\n\r\n.heading{\r\n @include font-primary;\r\n font-weight: 700;\r\n &--xl{\r\n font-size: 3.8rem;\r\n line-height: 110%;\r\n @include responsive(tablet){\r\n font-size: 4.8rem;\r\n }\r\n @include responsive(desktop){\r\n font-size: 4.8rem;\r\n margin-bottom: 20px;\r\n }\r\n }\r\n &--lg{\r\n font-size: 3.2rem;\r\n line-height: 110%;\r\n @include responsive(desktop){\r\n font-size: 3.2rem;\r\n }\r\n }\r\n &--md{\r\n font-size: 24px;\r\n line-height: 150%;\r\n margin-bottom: 20px;\r\n @include responsive(desktop){\r\n font-size: 2.4rem;\r\n }\r\n }\r\n &--sm{\r\n font-size: 1.8rem;\r\n line-height: 150%;\r\n letter-spacing: 4%;\r\n margin-bottom: 8px;\r\n @include responsive(desktop){\r\n font-size: 1.8rem;\r\n }\r\n }\r\n}\r\n\r\n\r\n@mixin heading--xl{\r\n @include font-primary;\r\n font-weight: 700;\r\n font-size: 3.8rem;\r\n line-height: 110%;\r\n @include responsive(tablet){\r\n font-size: 4.8rem;\r\n }\r\n @include responsive(desktop){\r\n font-size: 4.8rem;\r\n margin-bottom: 20px;\r\n }\r\n}\r\n@mixin heading--md {\r\n @include font-primary;\r\n font-size: 2.4rem;\r\n line-height: 150%;\r\n margin-bottom: 20px;\r\n @include responsive(desktop) {\r\n // font-size: 2.4rem;\r\n }\r\n}\r\n@mixin heading--sm {\r\n @include font-primary;\r\n font-size: 1.8rem;\r\n line-height: 150%;\r\n letter-spacing: 4%;\r\n margin-bottom: 8px;\r\n @include responsive(desktop) {\r\n font-size: 1.8rem;\r\n }\r\n}\r\n","@mixin responsive($breakpoint) {\r\n @if $breakpoint == small-phones {\r\n @media only screen\r\n and (max-height: 667px) {\r\n @content;\r\n }\r\n }\r\n @if $breakpoint == tablet {\r\n @media only screen\r\n and (min-width: 768px) {\r\n @content;\r\n }\r\n }\r\n @if $breakpoint == desktop {\r\n @media only screen\r\n and (min-width: 1366px)\r\n {\r\n @content;\r\n }\r\n }\r\n}","@use \"colors\" as *;\r\n@use \"typography\" as *;\r\n@use \"breakpoints\" as *;\r\n@use \"typography\" as *;\r\n\r\nbody{\r\n background-color: $white-color;\r\n @include font-primary;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6{\r\n @include font-primary;\r\n font-weight: 700;\r\n}\r\n\r\nh1{\r\n @include heading--xl;\r\n}\r\nh2{\r\n @include heading--md;\r\n}\r\nh3{\r\n @include heading--sm;\r\n}\r\n\r\np{\r\n font-weight: 400;\r\n font-size: 1.8rem;\r\n line-height: 150%;\r\n letter-spacing: 4%;\r\n margin-bottom: 26px;\r\n @include responsive(tablet){\r\n margin-bottom: 40px;\r\n }\r\n}\r\n\r\na{\r\n transition: all;\r\n color: $dark-color;\r\n &:hover{\r\n color: $accent-color;\r\n }\r\n}\r\n\r\n","$white-color: #fff;\r\n$gray-color: #F7F5F5;\r\n$accent-color: #88B14B;\r\n$dark-color: #121E23;\r\n$dark-gray: #5F5F5F;","@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n\r\n.wrapper--inner{\r\n padding: 0 2rem;\r\n margin: 0 auto;\r\n @include responsive(tablet){\r\n padding: 0 4rem;\r\n max-width: inherit;\r\n }\r\n @include responsive(desktop){\r\n padding: 0 0;\r\n max-width: 1200px;\r\n }\r\n}\r\n\r\n.wrapper--default{\r\n padding: 30px 0;\r\n @include responsive(tablet){\r\n padding: 40px 0;\r\n }\r\n @include responsive(desktop){\r\n padding: 50px 0;\r\n }\r\n}\r\n\r\n.text-accent{\r\n color: $accent-color;\r\n &--lighten{\r\n color: lighten($accent-color, 20%);\r\n }\r\n &--darken{\r\n color: darken($accent-color, 20%);\r\n }\r\n}\r\n.text-black{\r\n color: $dark-color;\r\n &--lighten{\r\n color: lighten($dark-color, 20%);\r\n }\r\n &--darken{\r\n color: darken($dark-color, 20%);\r\n }\r\n}\r\n.text-white{\r\n color: $white-color;\r\n &--lighten{\r\n color: lighten($white-color, 20%);\r\n }\r\n &--darken{\r\n color: darken($white-color, 20%);\r\n }\r\n}\r\n\r\n.top-margin-minus{\r\n margin-top: -46px;\r\n .wrapper{\r\n padding-top: 46px;\r\n }\r\n}\r\n\r\n.img-auto{\r\n width: 100%;\r\n height: auto;\r\n}","/* Lightbox */\r\n\r\n.lightbox{\r\n opacity: 0;\r\n visibility: hidden;\r\n position: fixed;\r\n left:0;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n z-index: -1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.15s ease-in;\r\n}\r\n\r\n.lightbox.show{\r\n background-color: rgba(0,0,0, 0.85);\r\n opacity: 1;\r\n visibility: visible;\r\n z-index: 1000;\r\n}\r\n\r\n.lightbox img{\r\n max-width: 90%;\r\n}\r\n\r\n/* Close lightbox \"x\" icon */\r\n\r\n.lightbox .close-lightbox{\r\n cursor: pointer;\r\n position: absolute;\r\n top: 30px;\r\n right: 50px;\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n.lightbox .close-lightbox::after, \r\n.lightbox .close-lightbox::before{\r\n content: '';\r\n width: 3px;\r\n height: 20px;\r\n background-color: #ddd;\r\n position: absolute;\r\n border-radius: 5px;\r\n transform: rotate(45deg);\r\n}\r\n\r\n.lightbox .close-lightbox::before{\r\n transform: rotate(-45deg);\r\n}\r\n\r\n.lightbox .close-lightbox:hover::after, \r\n.lightbox .close-lightbox:hover::before{\r\n background-color: #fff;\r\n}","@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n\r\n.header{\r\n height: 80px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n .header-logo{\r\n width: 125px;\r\n height: 27px;\r\n }\r\n}","@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n\r\n#main-nav{\r\n overflow: hidden;\r\n nav{\r\n #navbar-btn{\r\n cursor: pointer;\r\n height: 27px;\r\n width: 27px;\r\n border: 0px;\r\n overflow: visible;\r\n position: relative;\r\n z-index:9999;\r\n background-color: transparent;\r\n span,\r\n span:before,\r\n span:after {\r\n background: $accent-color;\r\n display: block;\r\n height: 4px;\r\n opacity: 1;\r\n position: absolute;\r\n transition: 0.3s ease-in-out;\r\n }\r\n span:before,\r\n span:after {\r\n content: \"\";\r\n }\r\n span {\r\n right: 0px;\r\n top: 13px;\r\n width: 27px;\r\n }\r\n span:before {\r\n left: 0px;\r\n top: -10px;\r\n width: 16px;\r\n }\r\n span:after {\r\n left: 0px;\r\n top: 10px;\r\n width: 20px;\r\n }\r\n @include responsive(desktop){\r\n display: none;\r\n }\r\n }\r\n \r\n .main-menu{\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n left: -100%;\r\n top: 0;\r\n transition: all .5s ease-in-out;\r\n list-style: none;\r\n z-index: 999;\r\n gap: 20px;\r\n margin-bottom: 0!important;\r\n @include responsive(desktop){\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: flex-end;\r\n position: relative;\r\n left: inherit;\r\n top: inherit;\r\n gap: 33px;\r\n }\r\n .menu-item{\r\n font-size: 1.6rem;\r\n margin-left: 0!important;\r\n }\r\n &.active{\r\n top: 0;\r\n left: 0;\r\n z-index: 999;\r\n background-color: $dark-color;\r\n color: $white-color;\r\n text-align: center;\r\n transition: all .5s ease-in-out;\r\n .menu-item{\r\n a{\r\n color: $white-color!important;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n}","@use \"../01-base/typography\" as *;\r\n@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n@use \"../02-abstracts/mixins\" as *;\r\n\r\nfooter{\r\n .background-image{\r\n position: relative;\r\n height: 232px;\r\n background-attachment: fixed;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n .bg-filter{\r\n @include bg-filter;\r\n opacity: .4;\r\n }\r\n }\r\n .footer-row{\r\n padding: 70px 0;\r\n .logo{\r\n width: 232px;\r\n height: 50px;\r\n margin-bottom: 50px;\r\n }\r\n .footer-grid{\r\n display: grid;\r\n gap: 20px;\r\n @include responsive(tablet){\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n @include responsive(desktop){\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n .footer-menu{\r\n list-style: none;\r\n padding-left: 0;\r\n .menu-item{\r\n a{\r\n font-size: 1.8rem;\r\n line-height: 150%;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .footer-copyright{\r\n background-color: $white-color;\r\n padding: 22px 0;\r\n &-grid{\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 1.2rem;\r\n list-style: none;\r\n color: $dark-color;\r\n @include responsive(tablet){\r\n font-size: 1.6rem;\r\n }\r\n li{\r\n font-size: 1rem;\r\n @include responsive(tablet){\r\n font-size: 1.6rem;\r\n }\r\n }\r\n a{\r\n color: $dark-color;\r\n &:hover{\r\n color: $accent-color;\r\n }\r\n }\r\n }\r\n }\r\n}","@use \"../01-base/colors\" as *;\r\n\r\n@mixin corner-box($percent){\r\n clip-path: polygon(0% $percent, $percent 0%, 100% 0%, 100% $percent, 100% 100%, 0% 100%, 0% $percent);\r\n}\r\n\r\n@mixin bg-filter{\r\n position: absolute;\r\n background-color: $dark-color;\r\n opacity: 97%;\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n@mixin bg-filter--gradient{\r\n background: linear-gradient(119deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 90%);\r\n}","@use \"../01-base/typography\" as *;\r\n@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n\r\n@mixin button-primary($bg) {\r\n background: $bg;\r\n &:hover {\r\n background:darken($bg,8%);\r\n transition: all 0.3s ease;\r\n }\r\n &:active {\r\n background:darken($bg,25%);\r\n } \r\n}\r\n\r\n@mixin button-secondary($bg) {\r\n background: $bg;\r\n &:hover {\r\n background:darken($bg,8%);\r\n transition: all 0.3s ease;\r\n }\r\n &:active {\r\n background:darken($bg,25%);\r\n } \r\n}\r\n\r\n@mixin button-tertiary($bg) {\r\n background: $bg;\r\n &:hover {\r\n background:darken($bg,8%);\r\n transition: all 0.3s ease;\r\n }\r\n &:active {\r\n background:darken($bg,25%);\r\n } \r\n}\r\n\r\n%btn {\r\n @include font-primary;\r\n font-weight: 400;\r\n\tdisplay: block;\r\n\tpadding: 15px 68px;\r\n\tborder-radius: 7px;\r\n\tfont-size: 1.6rem;\r\n text-transform: uppercase;\r\n max-width: fit-content;\r\n @include responsive(desktop){\r\n padding: 15px 68px;\r\n font-size: 1.6rem;\r\n }\r\n}\r\n\r\n.btn-primary, a.btn-primary {\r\n\t@extend %btn;\r\n background-color: $accent-color;\r\n color: $white-color!important;\r\n border: 2px solid $accent-color;\r\n transition: all 0.3s ease; \r\n &:hover{\r\n background-color: darken($accent-color, 8%);\r\n border: 2px solid darken($accent-color, 8%);\r\n }\r\n}\r\n.btn-secondary, a.btn-secondary {\r\n\t@extend %btn;\r\n background-color: $dark-color;\r\n color: $accent-color;\r\n border: 2px solid $white-color;\r\n transition: all 0.3s ease;\r\n &:hover{\r\n background-color: darken($dark-color, 8%);\r\n border: 2px solid $accent-color;\r\n }\r\n}\r\n\r\n.wp-block-button{\r\n &__link, a{\r\n @extend %btn;\r\n background-color: $accent-color!important;\r\n color: $white-color!important;\r\n border: 2px solid $accent-color!important;\r\n }\r\n}\r\n\r\n.btn-link, a.btn-link {\r\n font-size: 1.6rem;\r\n color: $dark-color;\r\n text-decoration: underline;\r\n}","@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n@use \"../01-base/typography\" as *;\r\n\r\n.wpcf7{\r\n .wpcf7-form{\r\n h2{\r\n @include heading--md;\r\n color: $white-color;\r\n }\r\n label{\r\n display: block;\r\n font-size: 1.8rem;\r\n line-height: 150%;\r\n color: $white-color;\r\n .wpcf7-form-control-wrap{\r\n display: block;\r\n height: 40px;\r\n margin: 5px 0px 10px;\r\n input, textarea{\r\n width: 100%;\r\n background-color: transparent;\r\n color: $white-color;\r\n font-size: 1.4rem;\r\n padding: 5px 15px;\r\n border: 1px solid $white-color;\r\n border-radius: 7px;\r\n &:focus{\r\n border: 1px solid $accent-color;\r\n }\r\n }\r\n textarea{\r\n max-height: 82px;\r\n }\r\n .wpcf7-not-valid-tip{\r\n font-size: 1rem;\r\n }\r\n &[data-name=\"your-message\"]{\r\n height: 80px;\r\n textarea{\r\n height: 82px;\r\n }\r\n }\r\n }\r\n &.terms-and-conditions{\r\n display: flex;\r\n font-size: 1.2rem;\r\n margin-bottom: 10px;\r\n .wpcf7-form-control-wrap{\r\n display: block;\r\n margin: 0;\r\n .wpcf7-list-item{\r\n margin-left: 0;\r\n }\r\n }\r\n span{\r\n display: block;\r\n }\r\n input[type=\"checkbox\"]{\r\n width: 20px;\r\n height: 20px;\r\n margin: 0 10px 0 0;\r\n background-color: $dark-color!important;\r\n background: transparent;\r\n border: none!important;\r\n border-radius: 20px;\r\n box-shadow: 0 0 0 1px $white-color inset;\r\n outline-color: transparent;\r\n &:checked{\r\n background-color: $accent-color!important;\r\n border: 1px solid $accent-color!important;\r\n accent-color: $accent-color!important;\r\n }\r\n }\r\n a{\r\n color: $white-color;\r\n transition: color 0.3s ease;\r\n &:hover{\r\n color: $accent-color;\r\n }\r\n }\r\n }\r\n }\r\n .wpcf7-response-output{\r\n border: 1px solid $accent-color!important;\r\n border-radius: 7px;\r\n color: $white-color;\r\n padding: 2px;\r\n margin: 4px 0;\r\n }\r\n }\r\n}","@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n@use \"../01-base/typography\" as *;\r\n\r\nul{\r\n list-style: inherit;\r\n padding-left: 20px;\r\n li{\r\n line-height: 1.5;\r\n font-size: 1.6rem;\r\n }\r\n}","@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n@use \"../02-abstracts/mixins\" as *;\r\n\r\n.hero-slider{\r\n @include responsive(small-phones){\r\n height: 100%;\r\n }\r\n height: 90vh;\r\n width: 100%;\r\n @include responsive(desktop){\r\n height: inherit;\r\n width: inherit;\r\n }\r\n .swiper-wrapper{\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .swiper-slide{\r\n height: 100%;\r\n width: 100%!important;\r\n opacity: 0!important;\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n gap: 20px;\r\n padding-bottom: 90px;\r\n background-repeat: no-repeat;\r\n background-size: cover!important;\r\n background-position: center;\r\n @include responsive(desktop){\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n min-height: 780px;\r\n padding: 102px;\r\n width: 100%;\r\n }\r\n .hero-slider-heading{\r\n z-index: 99;\r\n @include responsive(tablet){\r\n max-width: 70%;\r\n align-self: flex-end;\r\n }\r\n @include responsive(desktop){\r\n max-width: inherit;\r\n flex: 0 0 50%;\r\n }\r\n }\r\n .hero-slider-content{\r\n z-index: 99;\r\n padding: 20px;\r\n @include responsive(tablet){\r\n max-width: 70%;\r\n align-self: flex-end;\r\n }\r\n @include responsive(desktop){\r\n max-width: inherit;\r\n align-self: inherit;\r\n flex: 0 0 50%;\r\n padding: 50px 28px 64px 42px;\r\n }\r\n }\r\n &-active{\r\n opacity: 1!important;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-position: center;\r\n }\r\n .bg-filter{\r\n @include bg-filter;\r\n @include bg-filter--gradient;\r\n }\r\n }\r\n .swiper-nav{\r\n width: 110px;\r\n height: 50px;\r\n position: absolute;\r\n display: flex;\r\n align-items: initial;\r\n gap: 10px;\r\n bottom: 20px;\r\n right: 65px;\r\n @include responsive(tablet){\r\n right: 100px;\r\n }\r\n @include responsive(desktop){\r\n right: 102px;\r\n bottom: 42px;\r\n }\r\n .swiper-button{\r\n display: block;\r\n background-color: $dark-color;\r\n height: 50px;\r\n width: 50px;\r\n padding: 12px;\r\n content: url(\"./images/arrow-right.png\");\r\n position: relative;\r\n &-prev{\r\n transform: rotate(180deg);\r\n left: 0;\r\n }\r\n &-next{\r\n right: 0;\r\n }\r\n }\r\n }\r\n}","@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n\r\n.box{\r\n clip-path: polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%);\r\n background-color: #000000;\r\n &--dark{\r\n background-color: $dark-color;\r\n\r\n }\r\n &--light{\r\n\r\n }\r\n}\r\n","@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n\r\n.two-cols{\r\n padding: 45px 0;\r\n @include responsive(tablet){\r\n padding: 153px 0;\r\n }\r\n .wrapper{\r\n @include responsive(tablet){\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 20px;\r\n }\r\n .col{\r\n @include responsive(tablet){\r\n flex: 0 0 50%;\r\n }\r\n }\r\n .col-text{\r\n margin-bottom: 50px;\r\n @include responsive(desktop){\r\n padding: 0 35px 0;\r\n }\r\n }\r\n .col-image{\r\n .image-wrapper{\r\n position: relative;\r\n }\r\n .image-wrapper::before{\r\n content: \"\";\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 100%;\r\n display: block;\r\n top: -12px;\r\n left: -12px;\r\n z-index: 9;\r\n }\r\n img{\r\n position: relative;\r\n z-index: 990;\r\n }\r\n }\r\n &.imageLeft{\r\n flex-flow: row-reverse;\r\n .image-wrapper{\r\n &::before{\r\n clip-path: polygon(0% 0%, 97% 0, 100% 4%, 100% 100%, 0% 100%);\r\n top: -12px;\r\n left: inherit;\r\n right: -12px;\r\n }\r\n }\r\n }\r\n &.imageRight{\r\n flex-flow: row;\r\n .image-wrapper{\r\n &::before{\r\n clip-path: polygon(0% 4%, 4% 0%, 100% 0%, 100% 4%, 100% 100%, 0% 100%, 0% 4%);\r\n top: -12px;\r\n left: -12px;\r\n }\r\n }\r\n }\r\n }\r\n &.bg-light{\r\n .wrapper{\r\n .image-wrapper{\r\n &::before{\r\n background-color: $dark-color;\r\n }\r\n }\r\n }\r\n }\r\n &.bg-dark{\r\n .wrapper{\r\n .image-wrapper{\r\n &::before{\r\n background-color: $accent-color;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n\r\n.two-cols-with-bg{\r\n position: relative;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n padding: 83px 0;\r\n @include responsive(tablet){\r\n padding: 153px 0;\r\n }\r\n .bg-filter{\r\n position: absolute;\r\n background-color: $dark-color;\r\n opacity: 97%;\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n }\r\n .wrapper{\r\n position: relative;\r\n z-index: 99;\r\n @include responsive(tablet){\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 20px;\r\n }\r\n .col{\r\n @include responsive(tablet){\r\n flex: 0 0 50%;\r\n }\r\n }\r\n .col-text{\r\n @include responsive(desktop){\r\n padding: 0 35px 0;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.imageLeft{\r\n flex-flow: row;\r\n}\r\n.imageRight{\r\n flex-flow: row-reverse;\r\n}","@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n@use \"../02-abstracts/mixins\" as *;\r\n@use \"../01-base/typography\" as *;\r\n\r\n\r\n.one-col-cta{\r\n .wrapper{\r\n @include responsive(tablet){\r\n clip-path: polygon(0% 10%, 3% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%);\r\n }\r\n \r\n @include responsive(desktop){\r\n clip-path: polygon(0% 10%, 2% 0%, 100% 0%, 100% 2%, 100% 100%, 0% 100%, 0% 12%)\r\n }\r\n }\r\n &.align-left{\r\n padding: 0px 0px;\r\n @include responsive(tablet){\r\n padding: 80px 50px;\r\n }\r\n @include responsive(desktop){\r\n padding: 180px 0;\r\n }\r\n .wrapper{\r\n padding: 50px 35px;\r\n @include responsive(desktop){\r\n grid-column: 1 / span 9;\r\n }\r\n .heading{\r\n @include heading--md;\r\n }\r\n .text{\r\n padding-right: 100px;\r\n margin-bottom: 10px;\r\n }\r\n .cta{\r\n margin-bottom: 30px;\r\n @include responsive(desktop){\r\n margin-bottom: 0px;\r\n }\r\n .btn{\r\n margin-left: auto;\r\n }\r\n }\r\n }\r\n }\r\n &.align-center{\r\n padding: 40px 0;\r\n .wrapper{\r\n padding: 26px 20px 20px;\r\n @include responsive(desktop){\r\n padding: 50px 90px 9px;\r\n grid-column: 2 / 12;\r\n }\r\n .heading{\r\n @include heading--md;\r\n text-align: center;\r\n @include responsive(tablet){\r\n @include heading--xl;\r\n }\r\n }\r\n .text{\r\n text-align: center;\r\n }\r\n .cta{\r\n margin-bottom: 30px;\r\n @include responsive(desktop){\r\n margin-bottom: 40px;\r\n }\r\n .btn{\r\n margin: 0 auto;\r\n }\r\n }\r\n }\r\n }\r\n &.bg-dark{\r\n background-color: $dark-color;\r\n }\r\n}\r\n","@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n@use \"../02-abstracts/mixins\" as *;\r\n@use \"../01-base/typography\" as *;\r\n\r\n\r\n.one-col-cta-images{\r\n display: grid;\r\n gap: 20px;\r\n @include responsive(desktop){\r\n grid-template-columns: repeat(12, 82px);\r\n }\r\n .wrapper{\r\n @include responsive(tablet){\r\n clip-path: polygon(0% 2%, 2% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%);\r\n }\r\n \r\n @include responsive(desktop){\r\n clip-path: polygon(0% 2%, 2% 0%, 100% 0%, 100% 10%, 100% 100%, 0% 100%, 0% 3%);\r\n }\r\n }\r\n &.align-left{\r\n padding: 0px 0px;\r\n @include responsive(tablet){\r\n padding: 80px 50px;\r\n }\r\n @include responsive(desktop){\r\n padding: 145px 0;\r\n }\r\n .wrapper{\r\n padding: 50px 35px;\r\n @include responsive(desktop){\r\n grid-column: 1 / span 12;\r\n }\r\n .heading{\r\n @include heading--md;\r\n }\r\n .text{\r\n margin-bottom: 10px;\r\n }\r\n .cta{\r\n margin-bottom: 30px;\r\n @include responsive(desktop){\r\n margin-bottom: 40px;\r\n }\r\n .btn{\r\n margin-left: auto;\r\n }\r\n }\r\n .gallery{\r\n display: grid;\r\n grid-template-columns: 205px;\r\n // grid-template-rows: repeat(auto-fit, 205px);\r\n grid-template-rows: repeat(auto, minmax(205px, 205px));\r\n\r\n justify-content: center;\r\n gap: 20px;\r\n margin-bottom: 40px;\r\n margin-top: 30px;\r\n @include responsive(tablet){\r\n grid-template-columns: repeat(auto-fit, 205px);\r\n }\r\n @include responsive(desktop){\r\n // grid-template-rows: 205px;\r\n grid-template-columns: repeat(4, 245px);\r\n\r\n }\r\n &-image{\r\n overflow: hidden;\r\n // max-height: 205px;\r\n &:nth-child(2n){\r\n display: none;\r\n @include responsive(tablet){\r\n display: block;\r\n }\r\n }\r\n img{\r\n display: block;\r\n object-fit: cover;\r\n }\r\n }\r\n\r\n }\r\n }\r\n }\r\n &.align-center{\r\n padding: 40px 0;\r\n .wrapper{\r\n padding: 26px 20px 0px;\r\n @include responsive(desktop){\r\n padding: 50px 90px 9px;\r\n grid-column: 2 / 12;\r\n }\r\n .heading{\r\n @include heading--md;\r\n text-align: center;\r\n @include responsive(tablet){\r\n @include heading--xl;\r\n }\r\n }\r\n .text{\r\n text-align: center;\r\n }\r\n .cta{\r\n margin-bottom: 30px;\r\n @include responsive(desktop){\r\n margin-bottom: 40px;\r\n }\r\n .btn{\r\n margin: 0 auto;\r\n }\r\n }\r\n }\r\n }\r\n\r\n}\r\n","@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n@use \"../02-abstracts/mixins\" as *;\r\n\r\n\r\n.section-boxes-repeater{\r\n position: relative;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n .bg-filter{\r\n @include bg-filter;\r\n }\r\n .wrapper{\r\n position: relative;\r\n padding-top: 46px;\r\n padding-bottom: 46px;\r\n z-index: 99;\r\n @include responsive(desktop){\r\n padding: 146px 0;\r\n }\r\n .section-heading{\r\n max-width: 520px;\r\n @include responsive(desktop){\r\n margin-left: 32px;\r\n }\r\n }\r\n .section-description{\r\n @include responsive(desktop){\r\n max-width: 60%;\r\n margin-left: 32px;\r\n }\r\n }\r\n .boxes{\r\n display: grid;\r\n justify-content: center;\r\n gap: 20px;\r\n @include responsive(desktop){\r\n padding: 14px 50px 0;\r\n grid-template-columns: repeat(auto-fit,minmax(244px,1fr));\r\n }\r\n .box-single{\r\n background-color: $gray-color;\r\n clip-path: polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%);\r\n padding: 30px 22px 15px;\r\n @include responsive(tablet){\r\n clip-path: polygon(0% 12%, 2% 0%, 100% 0%, 100% 2%, 100% 100%, 0% 100%, 0% 12%);\r\n }\r\n @include responsive(desktop){\r\n padding: 40px 22px 30px;\r\n clip-path: polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%);\r\n }\r\n .box-image{\r\n max-width: 40px;\r\n max-height: 40px;\r\n aspect-ratio: 1/1;\r\n margin-bottom: 22px;\r\n }\r\n .box-content{\r\n display: grid;\r\n grid-template-rows: auto 1fr auto;\r\n height: 100%;\r\n .cta{\r\n align-self: end;\r\n text-align: end;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n &.bg-dark{\r\n .wrapper{\r\n .boxes.numbered-cards{\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n gap: 20px;\r\n counter-reset: box-counter;\r\n @include responsive(desktop){\r\n flex-direction: row;\r\n padding: 14px 0 0;\r\n }\r\n .box-single{\r\n clip-path: inherit;\r\n padding: inherit;\r\n background-color: inherit;\r\n @include responsive(tablet){\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n @include responsive(desktop){\r\n min-height: 420px;\r\n height: fit-content;\r\n padding: inherit;\r\n flex: 0 0 33%;\r\n }\r\n .box-content{\r\n display: grid;\r\n grid-template-rows: auto;\r\n height: auto;\r\n min-height: 300px;\r\n background-color: $gray-color;\r\n clip-path: polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%);\r\n padding: 43px 40px;\r\n @include responsive(tablet){\r\n min-height: inherit;\r\n flex: 1 0 205px;\r\n clip-path: polygon(0% 10%, 3% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%);\r\n }\r\n @include responsive(desktop){\r\n flex: 1 0 395px;\r\n clip-path: polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%);\r\n }\r\n &__text{\r\n color: $dark-color;\r\n @include responsive(tablet){\r\n margin-bottom: 10px;\r\n }\r\n @include responsive(desktop){\r\n margin-bootom: inherit;\r\n }\r\n }\r\n }\r\n .box-counter{\r\n color: $accent-color;\r\n font-size: 7.2rem;\r\n font-weight: 700;\r\n line-height: 110%;\r\n margin-left: 16px;\r\n &:before{\r\n content: \"0\" counter(box-counter);\r\n counter-increment: box-counter;\r\n }\r\n }\r\n }\r\n }\r\n } \r\n }\r\n}\r\n","@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n@use \"../02-abstracts/mixins\" as *;\r\n\r\n.section-gallery{\r\n padding: 45px 0;\r\n @include responsive(desktop){\r\n padding: 55px 0 145px;\r\n }\r\n .wrapper{\r\n .section-heading{\r\n @include responsive(desktop){\r\n margin-bottom: 55px;\r\n }\r\n }\r\n .gallery{\r\n display: grid;\r\n grid-template-columns: 320px;\r\n grid-template-rows: repeat(auto-fill, 260px);\r\n justify-content: center;\r\n gap: 20px;\r\n margin-bottom: 40px;\r\n @include responsive(desktop){\r\n display: grid;\r\n grid-template-columns: repeat(4, 285px);\r\n justify-content: inherit;\r\n gap: 20px;\r\n margin-bottom: 60px;\r\n }\r\n &-image{\r\n overflow: hidden;\r\n cursor: pointer;\r\n &:nth-child(1){\r\n @include responsive(tablet){\r\n grid-column: 1 / span 2;\r\n grid-row: 1 / 2;\r\n }\r\n }\r\n &:nth-child(2){\r\n @include responsive(tablet){\r\n grid-column: 3 / span 2;\r\n grid-row: 1 / span 2;\r\n }\r\n }\r\n &:nth-child(3){\r\n display: none;\r\n @include responsive(tablet){\r\n display: block;\r\n grid-column: 1 / 2;\r\n grid-row: 2 / span 1;\r\n }\r\n }\r\n &:nth-child(4){\r\n display: none;\r\n @include responsive(tablet){\r\n display: block;\r\n grid-column: 2 / 3;\r\n grid-row: 2 / span 1;\r\n }\r\n }\r\n &:nth-child(5){\r\n display: none;\r\n @include responsive(tablet){\r\n display: block;\r\n grid-column: 1 / 3;\r\n grid-row: 3 / 5;\r\n }\r\n }\r\n &:nth-child(6){\r\n display: none;\r\n @include responsive(tablet){\r\n display: block;\r\n grid-column: 3 / 5;\r\n grid-row: 3 / 5;\r\n }\r\n }\r\n img{\r\n display: block;\r\n width: 100%;\r\n height: 101%;\r\n object-fit: cover;\r\n transition: transform 400ms ease-out;\r\n &:hover{\r\n transform: scale(1.05);\r\n }\r\n }\r\n }\r\n }\r\n .cta{\r\n display: flex;\r\n justify-content: center;\r\n @include responsive(desktop){\r\n }\r\n }\r\n }\r\n}","@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n@use \"../02-abstracts/mixins\" as *;\r\n\r\n.hero-with-form{\r\n height: 90vh;\r\n width: 100%;\r\n margin-bottom: 80px;\r\n @include responsive(tablet){\r\n margin-bottom: 0px;\r\n }\r\n @include responsive(desktop){\r\n max-height: 780px;\r\n }\r\n .hero-wrapper{\r\n position: relative;\r\n height: 100%;\r\n width: 100%!important;\r\n background-repeat: no-repeat;\r\n background-size: cover!important;\r\n background-position: center;\r\n display: flex;\r\n flex-direction: column;\r\n @include responsive(tablet){\r\n flex-direction: row;\r\n align-items: flex-end;\r\n padding-bottom: 90px;\r\n }\r\n @include responsive(desktop){\r\n padding: 102px;\r\n }\r\n }\r\n .bg-filter{\r\n @include bg-filter;\r\n @include bg-filter--gradient;\r\n }\r\n .hero-content{\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-content: flex-end;\r\n gap: 20px;\r\n flex: 0 1 50%;\r\n z-index: 998;\r\n @include responsive(tablet){\r\n align-items: flex-start;\r\n }\r\n .hero-heading{\r\n z-index: 99;\r\n @include responsive(tablet){\r\n max-width: 70%;\r\n }\r\n @include responsive(desktop){\r\n max-width: inherit;\r\n flex: 0 0 50%;\r\n }\r\n }\r\n .hero-text{\r\n text-shadow: 2px 2px 3px $dark-color;\r\n }\r\n }\r\n .hero-form{\r\n background-color: $dark-color;\r\n padding: 22px;\r\n clip-path: polygon(0% 4%, 4% 0%, 100% 0%, 100% 4%, 100% 100%, 0% 100%, 0% 4%);\r\n flex: 0 0 50%;\r\n @include responsive(tablet){\r\n height: fit-content;\r\n }\r\n @include responsive(desktop){\r\n padding: 28px;\r\n }\r\n }\r\n}","@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n@use \"../02-abstracts/mixins\" as *;\r\n\r\n.social-media{\r\n list-style: none!important;\r\n position: fixed;\r\n top: 120px;\r\n right: 0;\r\n height: fit-content;\r\n padding: 9px;\r\n z-index: 998;\r\n background-color: $white-color;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 16px;\r\n box-shadow: -8px 8px 16px -14px $dark-gray;\r\n @include responsive(tablet){\r\n padding: 16px;\r\n gap: 20px;\r\n box-shadow: -10px 10px 26px -14px $dark-gray;\r\n\r\n }\r\n &__single{\r\n opacity: .6;\r\n transition: all .3s ease-in-out;\r\n margin-left: 0!important;\r\n a{\r\n display: grid;\r\n place-items: center;\r\n }\r\n .icon{\r\n width: 26px;\r\n height: auto;\r\n object-fit: cover;\r\n @include responsive(tablet){\r\n width: 32px; \r\n }\r\n }\r\n &:hover{\r\n opacity: 1;\r\n }\r\n }\r\n}","@use \"../01-base/breakpoints\" as *;\r\n@use \"../01-base/colors\" as *;\r\n@use \"../02-abstracts/mixins\" as *;\r\n\r\n.page-template-template-contact{\r\n .wpcf7{\r\n background-color: $dark-color;\r\n padding: 22px;\r\n margin: 50px auto;\r\n clip-path: polygon(0% 4%, 4% 0%, 100% 0%, 100% 4%, 100% 100%, 0% 100%, 0% 4%);\r\n max-width: 500px;\r\n }\r\n}","#app {\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n\r\n .title {\r\n margin-bottom: 0;\r\n margin-top: 0;\r\n padding-top: 0 !important;\r\n padding-bottom: 0 !important;\r\n }\r\n }\r\n\r\n .section-realizacje {\r\n .recent-realizations-item {\r\n width: 25%;\r\n\r\n >p {\r\n background: rgba(86, 165, 61, 0.8);\r\n }\r\n\r\n @media (min-width: 1536px) {\r\n padding-bottom: 20rem;\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n width: 50%;\r\n margin: 0;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n padding-bottom: 10rem;\r\n }\r\n }\r\n }\r\n\r\n .section-contact {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n\r\n @media (max-width: 1300px) {\r\n grid-template-columns: 1fr;\r\n row-gap: 30px;\r\n }\r\n\r\n .section-contact-texts {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n\r\n @media (max-width: 900px) {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .section-contact-texts-img {\r\n img {\r\n width: 100%;\r\n max-width: fit-content;\r\n\r\n @media (max-width: 900px) {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n }\r\n }\r\n\r\n .section-contact-texts-txt {\r\n padding: 25px;\r\n color: #1d293f;\r\n font-size: 15px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 32px;\r\n\r\n @media (max-width: 900px) {\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n }\r\n }\r\n\r\n .section-contact-form {\r\n width: 100%;\r\n max-width: 400px;\r\n\r\n @media (max-width: 1300px) {\r\n max-width: unset;\r\n }\r\n\r\n .section-contact-form-wrapper {\r\n padding: 10px;\r\n\r\n h3 {\r\n font-size: 21px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: normal;\r\n\r\n strong {\r\n font-weight: 700;\r\n }\r\n\r\n @media (max-width: 1300px) {\r\n text-align: center;\r\n }\r\n }\r\n\r\n form {\r\n .wpforms-field {\r\n padding: 7px 0;\r\n border-color: #bcbcbc;\r\n outline: none !important;\r\n\r\n input {\r\n border-radius: 0;\r\n color: #000;\r\n font-size: 11px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: normal;\r\n\r\n &::placeholder {\r\n color: #000;\r\n }\r\n }\r\n }\r\n\r\n .required-alert {\r\n p {\r\n color: #cd1f27;\r\n font-size: 12px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: normal;\r\n margin-bottom: 0;\r\n }\r\n }\r\n\r\n .marketing {\r\n input[type='checkbox'] {\r\n &::before {\r\n border-radius: 0;\r\n }\r\n }\r\n\r\n label {\r\n font-size: 10px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: normal;\r\n }\r\n }\r\n\r\n .wpforms-submit {\r\n display: block;\r\n margin-left: auto;\r\n border-radius: 0;\r\n background-color: #88b14b;\r\n height: 49px;\r\n padding: 0 30px;\r\n color: #fff;\r\n text-align: center;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: normal;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n #calc-container {\r\n .calc-bar-fix {\r\n overflow: hidden;\r\n padding: 20px 0;\r\n\r\n #progress-bar {\r\n max-width: 1000px;\r\n margin: 50px auto 30px auto;\r\n\r\n .progress-bar {\r\n background: #ddd;\r\n\r\n .progress-bar-line {\r\n background: #88b14b;\r\n display: block;\r\n height: 10px;\r\n width: 0;\r\n transition: all 250ms ease-in-out;\r\n }\r\n }\r\n }\r\n\r\n #calc-bar {\r\n display: flex;\r\n flex-direction: row;\r\n // width: 250%;\r\n width: 350%;\r\n margin-left: 0%;\r\n transition: all 500ms ease-in-out;\r\n // margin-left: -25%;\r\n margin-left: -55%;\r\n\r\n @media (max-width: 1000px) {\r\n width: 400%;\r\n margin-left: 0%;\r\n }\r\n\r\n .calc-s {\r\n width: 100%;\r\n max-width: 70%;\r\n padding: 0 20px;\r\n opacity: 0.2;\r\n transition: all 500ms ease-in-out;\r\n pointer-events: none;\r\n\r\n @media (max-width: 1000px) {\r\n max-width: 100%;\r\n\r\n &.calc-placeholder {\r\n display: none;\r\n }\r\n }\r\n\r\n &.active {\r\n opacity: 1;\r\n // transform: scale(1);\r\n pointer-events: initial;\r\n }\r\n\r\n &#calc-ch-1 {\r\n .slide-data {\r\n display: flex;\r\n flex-direction: row;\r\n row-gap: 20px;\r\n flex-wrap: wrap;\r\n\r\n img {\r\n width: 100%;\r\n max-width: 200px;\r\n height: fit-content;\r\n }\r\n\r\n .calc-texts {\r\n width: calc(100% - 200px);\r\n }\r\n\r\n @media (max-width: 767px) {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n }\r\n }\r\n\r\n .calc-box {\r\n position: relative;\r\n padding: 25px 70px 65px 70px;\r\n box-sizing: border-box;\r\n height: 100%;\r\n position: relative;\r\n border: 2px solid #88b14b;\r\n background: #fff;\r\n\r\n @media (max-width: 640px) {\r\n padding: 25px 20px 65px 20px;\r\n }\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 100%;\r\n display: block;\r\n z-index: -1;\r\n\r\n background-color: #88b14b;\r\n clip-path: polygon(0% 0%, 97% 0, 100% 4%, 100% 100%, 0% 100%);\r\n top: -12px;\r\n left: inherit;\r\n right: -12px;\r\n }\r\n\r\n &--data {\r\n ul.calc-radio {\r\n list-style: none;\r\n margin: 0;\r\n\r\n li {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n column-gap: 1rem;\r\n margin: 0;\r\n width: 100%;\r\n padding: 12.5px 0;\r\n transition: 0.3s;\r\n box-shadow: 1px 1px 0px rgba(0, 0, 0, 0);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);\r\n background-color: #eee;\r\n }\r\n\r\n &.selected {\r\n .radio {\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 100%;\r\n background: #88b14b;\r\n }\r\n }\r\n }\r\n\r\n .radio {\r\n position: relative;\r\n width: 20px;\r\n height: 20px;\r\n background-color: #ddd;\r\n border-radius: 50%;\r\n box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);\r\n margin-left: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .radio-text {\r\n .radio-title {\r\n font-weight: 600;\r\n font-size: 16px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n ul.calc-texts {\r\n list-style: none;\r\n margin: 0;\r\n\r\n li {\r\n margin-right: 1.75rem;\r\n\r\n &:not(:last-child) {\r\n margin-bottom: 10px;\r\n }\r\n\r\n p {\r\n font-weight: 600;\r\n font-size: 16px;\r\n margin-bottom: 0;\r\n }\r\n\r\n input.input {\r\n background-color: #f7f7f7;\r\n padding: 4px 10px;\r\n border: 1px solid #eee;\r\n width: 100%;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n }\r\n\r\n /********** Range Input Styles **********/\r\n /*Range Reset*/\r\n input[type='range'] {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n background: transparent;\r\n cursor: pointer;\r\n width: 100%;\r\n }\r\n\r\n /* Removes default focus */\r\n input[type='range']:focus {\r\n outline: none;\r\n }\r\n\r\n /***** Chrome, Safari, Opera and Edge Chromium styles *****/\r\n /* slider track */\r\n input[type='range']::-webkit-slider-runnable-track {\r\n background-color: #ddd;\r\n border-radius: 0.5rem;\r\n height: 0.5rem;\r\n box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n /* slider thumb */\r\n input[type='range']::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n /* Override default look */\r\n appearance: none;\r\n margin-top: -6px;\r\n /* Centers thumb on the track */\r\n border-radius: 4px;\r\n /*custom styles*/\r\n background-color: #121e23;\r\n border: 1px solid #fff;\r\n height: 20px;\r\n width: 10px;\r\n }\r\n\r\n /******** Firefox styles ********/\r\n /* slider track */\r\n input[type='range']::-moz-range-track {\r\n background-color: #ddd;\r\n border-radius: 0.5rem;\r\n height: 0.5rem;\r\n box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);\r\n border-radius: 4px;\r\n }\r\n\r\n /* slider thumb */\r\n input[type='range']::-moz-range-thumb {\r\n border: none;\r\n /*Removes extra border that FF applies*/\r\n border-radius: 0px;\r\n /*Removes default border-radius that FF applies*/\r\n\r\n /*custom styles*/\r\n background-color: #121e23;\r\n border: 1px solid #fff;\r\n height: 20px;\r\n width: 10px;\r\n }\r\n }\r\n }\r\n\r\n .btn_send {\r\n // color: #fff;\r\n // padding: 5px 15px;\r\n // background: #56a53d;\r\n // font-size: 14px;\r\n // display: block;\r\n max-width: fit-content;\r\n margin: 30px auto 0;\r\n // outline: none;\r\n // transition: all 250ms ease-in-out;\r\n\r\n &:disabled {\r\n cursor: progress;\r\n background: #cdcdcd;\r\n }\r\n }\r\n }\r\n\r\n &--title {\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n max-width: fit-content;\r\n margin: 0 auto 30px auto;\r\n text-align: center;\r\n padding-bottom: 8px;\r\n\r\n // &::before {\r\n // \tcontent: '';\r\n // \tposition: absolute;\r\n // \tbottom: 0;\r\n // \tleft: 50%;\r\n // \theight: 2px;\r\n // \twidth: calc(100% + 60px);\r\n // \tbackground: #132473;\r\n // \ttransform: translateX(-50%);\r\n // }\r\n\r\n h2 {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n }\r\n\r\n .prev,\r\n .next {\r\n background: #88b14b;\r\n top: 50%;\r\n margin: -15px;\r\n position: absolute;\r\n transition: 0.3s;\r\n cursor: pointer;\r\n border-radius: 100%;\r\n\r\n &.disabled {\r\n background: #ddd;\r\n cursor: default;\r\n }\r\n\r\n .svg-arrow {\r\n margin: 0;\r\n width: 48px;\r\n height: 48px;\r\n display: block;\r\n padding: 7px;\r\n top: 0;\r\n\r\n path {\r\n transition: 0.3s;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n top: 40px;\r\n }\r\n }\r\n\r\n .prev {\r\n left: 25px;\r\n\r\n .svg-arrow {\r\n transform: rotate(180deg);\r\n }\r\n }\r\n\r\n .next {\r\n right: 25px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n#configurator_sended {\r\n padding: 40px 70px;\r\n box-sizing: border-box;\r\n height: 100%;\r\n position: relative;\r\n border: 2px solid #88b14b;\r\n width: 100%;\r\n max-width: 700px;\r\n margin: 50px auto;\r\n background: #fff;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 100%;\r\n display: block;\r\n z-index: -1;\r\n\r\n background-color: #88b14b;\r\n clip-path: polygon(0% 0%, 98% 0, 100% 4%, 100% 100%, 0% 100%);\r\n top: -12px;\r\n left: inherit;\r\n right: -12px;\r\n }\r\n\r\n h2 {\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n max-width: fit-content;\r\n margin: 0 auto 50px auto;\r\n text-align: center;\r\n padding-bottom: 8px;\r\n }\r\n\r\n .configurator_sended_text {\r\n text-align: center;\r\n }\r\n}","@use \"../01-base/colors\" as *;\r\n.bg-dark{\r\n background-color: $dark-color;\r\n color: $white-color;\r\n a{\r\n color: $white-color;\r\n &:hover{\r\n color: $accent-color;\r\n }\r\n }\r\n}\r\n.bg-white{\r\n background-color: $white-color;\r\n color: $dark-color;\r\n}\r\n.bg-gray{\r\n background-color: $gray-color;\r\n color: $dark-color;\r\n}"]} \ No newline at end of file diff --git a/wp-content/themes/ostal_WP/sass/main.scss b/wp-content/themes/ostal_WP/sass/main.scss index e233672..ffb9fe6 100644 --- a/wp-content/themes/ostal_WP/sass/main.scss +++ b/wp-content/themes/ostal_WP/sass/main.scss @@ -5,5 +5,4 @@ @forward "05-components"; @forward "06-pages"; @forward "07-themes"; -@forward "shame"; - +@forward "shame"; \ No newline at end of file