* {
margin: 0;
padding: 0;
border: 0;  }
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
scroll-behavior: smooth;
}
:focus,
:active {
outline: none;
}
a:focus,
a:active {
outline: none;
}
nav,
header,
footer,
aside {
display: block;
}
html,
body {
height: 100%;
width: 100%;
font-size: 100%;
line-height: 1.2;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
input,
textarea,
select,
button {
margin: 0;
padding: 0;
border: 0;
background: none;
font-size: 100%;
color: inherit;
}
input,
button,
textarea {
font-family: inherit;
}
input::-ms-clear {
display: none;
}
button {
cursor: pointer;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
a,
a:visited {
text-decoration: none;
outline: none;
-webkit-tap-highlight-color: transparent;
}
a:hover {
text-decoration: none;
}
ul li {
list-style: none;
}
img {
vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 { line-height: 1.2;
font-size: inherit;
font-weight: 400;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
max-width: 100%;
height: auto;
}
@font-face {
font-family: "Californian";
src: url(//gl.cp.co.ua/wp-content/themes/greenlife/fonts/Californian-FB-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
} :root {
--accent: #233e48;
--accent-light: #61a2a2;
--container: 1560;
--font-family: "Montserrat", sans-serif;
} html,
body {
padding: 0;
margin: 0;
}
html.lock {
scrollbar-gutter: stable;  }
html.with-fancybox {
--fancybox-scrollbar-compensate: 0px !important;
scrollbar-gutter: stable;
}
body {
color: var(--accent); font-family: var(--font-family);
font-size: 16px;
}
body.lock {
overflow: hidden;
} .wrapper {
display: flex;
flex-direction: column;
min-height: 100vh; }
main {
flex: 1 1 auto;
}
.footer {
flex: 0 0 auto;
}
.container {
max-width: 1560px;
margin: 0 auto;
padding: 0 20px;
}
.section {
padding: 40px 0;
}   @media (max-width: 768px) { body {
font-size: 14px;
}
}
@media (max-width: 577px) {
.container {
padding: 0 10px;
}
body {
font-size: 12px;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0px;
margin-bottom: 20px;
color: var(--accent);
}
h4,
h5,
h6 {
margin-bottom: 10px;
}
h1 {
font-size: clamp(
28px,
calc(28px + (70 - 28) * ((100vw - 320px) / (var(--container) - 320))),
70px
);
font-family: "Garamond", sans-serif;
text-transform: uppercase;
letter-spacing: 1%;
margin-bottom: 40px;
}
h2 {
font-size: clamp(
25px,
calc(25px + (48 - 25) * ((100vw - 320px) / (var(--container) - 320))),
48px
);
font-family: "Garamond", sans-serif;
text-transform: uppercase;
letter-spacing: 1%;
margin-bottom: 20px;
color: var(--accent);
}
h3 {
font-size: clamp(
22px,
calc(22px + (38 - 22) * ((100vw - 320px) / (var(--container) - 320))),
38px
);
}
h4 {
font-size: clamp(
18px,
calc(18px + (22 - 18) * ((100vw - 320px) / (var(--container) - 320))),
22px
);
}
h5 {
font-size: clamp(
16px,
calc(16px + (20 - 16) * ((100vw - 320px) / (var(--container) - 320))),
20px
);
}
h6 {
font-size: 16px;
}
.section_title {
font-size: clamp(
20px,
calc(20px + (24 - 20) * ((100vw - 320px) / (var(--container) - 320))),
24px
); color: var(--accent-light);
font-weight: 700;
margin-bottom: 30px;
text-align: center;
font-family: "Montserrat", sans-serif;
}
.section_subtitle {
font-size: clamp(
16px,
calc(16px + (20 - 16) * ((100vw - 320px) / (var(--container) - 320))),
20px
); margin-bottom: 30px;
}
.center {
text-align: center;
}
.text_left {
text-align: start;
} a {
color: var(--accent);
font-family: var(--font-family); transition: all 0.3s;
}
@media (hover: hover) and (pointer: fine) {
a:hover {
color: var(--accent-light);
}
}
button {
color: var(--accent);
font-family: var(--font-family);
transition: all 0.3s;
}
p {
margin-top: 0;
margin-bottom: 15px;
}
img {
max-width: 100%;
height: auto;
display: block;
}
input,
textarea {
background-color: #ffffff66;
border: 2px solid #61a2a233;
width: 100%;
padding: 15px 20px;
outline: none;
border-radius: 5px;
font-size: 16px;
font-weight: 600;
color: var(--accent);
font-family: var(--font-family);
margin-bottom: 15px;
}
textarea {
line-height: 1.2;
}
input::placeholder {
opacity: 1;
transition: opacity 0.3s ease;
color: var(--accent);
}
input:focus::placeholder {
opacity: 0;
}
input[type="checkbox"] {
width: auto;
margin-right: 10px;
display: inline-block;
}
input[type="radio"] {
width: auto;
margin-right: 10px;
display: inline-block;
}
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select {
padding: 12px;
border-radius: 0px;
border-color: #ececec;
color: var(--accent);
cursor: pointer;
transition: all 0.3s;
outline: none;
border: var(--border);
}
@media (hover: hover) and (pointer: fine) {
select:hover {
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}
}
strong {
font-weight: 700;
} table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
}
table td,
table th {
border: var(--border);
padding: 15px;
}
@media (max-width: 480px) {
table td,
table th {
padding: 10px;
}
} .content {
padding-top: 142px; }
@media (max-width: 1560px) {
.header.no-scroll ~ .content {
padding-top: 80px;
}
} .btn {
display: inline-block;
font-family: var(--font-family);
font-size: 16px;
font-weight: 600; padding: 15px 25px; color: var(--accent);
text-align: center;
text-transform: uppercase;
border-radius: 5px;
border: 2px solid #61a2a2;
background-color: #ffffff66;
position: relative;
transition: all 0.3s;
}
a.btn {
padding: 15px 25px 13px 25px;
}
.btn.dark {
background-color: var(--accent-light);
color: white;
}
.btn_block {
display: block;
margin: 0 auto;
width: fit-content;
}
@media (hover: hover) and (pointer: fine) {
.btn:hover { color: var(--accent-light);
}
.btn.dark:hover { color: var(--accent);
}
}
.btn:active {
transform: translateY(3px);
}
@media (max-width: 767px) {
.btn {
font-size: 14px;
}
}    .arrow {
border: none;
border-radius: 50%;
background-color: #ffffff66;
transition: all 0.3s;
cursor: pointer;  z-index: 50; }
.arrow.swiper-button-disabled {
opacity: 0.6;
pointer-events: none;
}
.social_list {
display: flex;
gap: 25px;
justify-content: center;
}
@media (hover: hover) and (pointer: fine) { } @media (max-width: 768px) { }  .error_page {
min-height: 80vh;
background-color: var(--bg);
color: var(--black);
}
.error_content {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-direction: column;
padding: 120px 0;
}
.error_title {
font-size: clamp(
80px,
calc(80px + (180 - 80) * ((100vw - 320px) / (var(--container) - 320))),
180px
);
font-weight: 800;
line-height: 1;
color: var(--accent);
margin-bottom: 20px;
}
.error_subtitle {
font-size: clamp(
18px,
calc(18px + (32 - 18) * ((100vw - 320px) / (var(--container) - 320))),
32px
);
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
}
.error_text {
max-width: 600px;
margin: 0 auto 40px;
font-size: 18px;
color: #555;
}
.error_btn {
display: inline-block;
background-color: var(--accent);
color: #fff;
text-transform: uppercase;
padding: 16px 40px;
border-radius: 4px;
font-weight: 700;
transition: 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
.error_btn:hover {
background-color: #000;
}
}
@media (max-width: 2440px) {
.error_page {
padding-top: calc(
60px + (120 - 60) * ((100vw - 320px) / (var(--container) - 320))
);
padding-bottom: calc(
60px + (120 - 60) * ((100vw - 320px) / (var(--container) - 320))
);
}
}  .back_to_top {
position: fixed;
bottom: 30px;
right: 30px;
width: 44px;
height: 44px;
background: var(--accent); fill: #fff;
border-radius: 6px;
border: 2px solid white;
box-shadow: 0px 2px 10px 0px #b214511a;
padding-top: 6px;
cursor: pointer;
opacity: 0;
visibility: hidden; transition: all 0.3s ease;
z-index: 99;
}
.back_to_top.visible {
opacity: 1;
visibility: visible;
}
@media (hover: hover) and (pointer: fine) {
.back_to_top:hover {
border: 2px solid var(--accent-light);
fill: var(--accent-light);
}
}
.back_to_top:active {
transform: translateY(3px);
}  .accordion_section {  }
.accordion_item { border: 1px solid #61a2a233; padding: 15px;
font-size: 20px;
}
.accordion_header {
position: relative;
display: flex;
justify-content: space-between; padding-right: 40px;
cursor: pointer;
}
.accordion_header h2 { font-family: var(--font-family);
font-weight: 600;
margin-bottom: 0;
font-size: 20px;
text-transform: none; }
.accordion_header::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(0deg);
width: 16px; height: 16px;
background-image: url(//gl.cp.co.ua/wp-content/themes/greenlife/img/accordion-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
transition: transform 0.3s ease;
}
.accordion_body_item h4 {
color: var(--accent);
font-weight: 700;
font-family: var(--font-family);
text-transform: uppercase;
}
.accordion_body {
max-height: 0;
opacity: 0;
transition: all 0.3s;
visibility: hidden;
}
.accordion_content {
padding-top: 20px;
font-size: 20px;
}
.accordion_body.open {
opacity: 1;
visibility: visible;
max-height: 2000px;
}
.accordion_header.active::after {
transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 768px) {
.accordion_header h2,
.accordion_header {
font-size: 18px;
}
}
@media (max-width: 577px) {
.accordion_header h2,
.accordion_header {
font-size: 16px;
}
}  .page_preloader {
position: fixed;
inset: 0;
background: #fff; z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.4s ease, visibility 0.4s ease;
}
.page_preloader.is_hidden {
opacity: 0;
visibility: hidden;
} .page_preloader_spinner {
width: 40px;
height: 40px;
border: 3px solid rgba(0, 0, 0, 0.15);
border-top-color: var(--accent);
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}  .advantages_list {
display: flex;
gap: 30px;
justify-content: center;
flex-wrap: wrap;
margin-top: 50px;
margin-bottom: 50px;
}
.advantages_list li {
display: grid;
grid-template-rows: 70px auto;
justify-items: center;
text-align: center;
gap: 12px;
max-width: 160px;
}
.advantages_icon_text {
color: var(--accent);
font-weight: 700;
}
.advantages_icon {
display: flex;
justify-content: center;
align-items: end;
}
.advantages_icon img {
height: 100%;
width: 100%;
object-fit: contain;
margin-top: auto;
}  .breadcrumbs {
padding: 10px 0;
margin-bottom: 10px;
position: relative;
z-index: 40;
}
.breadcrumbs_list {
display: flex;
align-items: center;
gap: 10px;
}
.breadcrumbs_item {
display: flex;
align-items: center;
}
.breadcrumbs_link {
display: flex;
align-items: center;
}    .breadcrumbs_current {
font-size: 14px;
font-weight: 600;
color: var(--accent);
}
.breadcrumbs_parent,
.breadcrumbs_home_title {
font-size: 14px;
font-weight: 400;
color: var(--accent);
}  .pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.pagination_list {
display: flex;
align-items: center;
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.pagination_link,
.pagination_dots {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-weight: 600; }
.pagination_link.current {
background: #fff;
}
.pagination_prev {
transform: rotate(180deg);
}
@media (hover: hover) and (pointer: fine) {
.pagination_next:hover {
transform: translateX(8px);
}
.pagination_prev:hover {
transform: rotate(180deg) translateX(8px);
}
}
@media (max-width: 767px) {
.pagination_list {
gap: 10px;
}
.pagination_link,
.pagination_dots {
height: 32px;
width: 32px;
}
.pagination_next svg,
.pagination_prev svg {
width: 42px;
}
}
@media (max-width: 577px) {
.pagination_list {
gap: 5px;
}
.pagination_link,
.pagination_dots {
height: 28px;
width: 28px;
}
.pagination_next svg,
.pagination_prev svg {
width: 32px;
}
}  .preload_body {
position: relative;
}
.projects_loader {
position: absolute;
inset: 0;
display: none;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.7);
z-index: 10;
}
.preload_body.loading .projects_loader {
display: flex;
} .map {
width: 100%;
height: 500px;
}
.header {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 100;
}
.header::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffffb2;
backdrop-filter: blur(30px);
z-index: 40;
}
.header_body {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
height: 80px;
margin: 0;
}
.header.no-scroll .header_body {
margin-top: 50px;
margin-bottom: 10px;
}
.header_menu {
flex: 1 1 auto;
min-width: 0;
margin: 0 40px;
}
.header_list {
display: flex;
position: relative;
z-index: 40;
gap: 20px;
min-width: 0;
}
.header_list a {
text-transform: uppercase;
font-size: 18px;
white-space: nowrap;
}
.header_logo {
flex: 0 0 auto;
overflow: hidden;
position: relative;
z-index: 50;
}
.header_logo img {
display: block;
}
.header_contacts {
position: relative;
z-index: 50;
display: flex;
align-items: center;
gap: 20px;
flex: 0 0 auto;
margin-left: 23px;
}
.header_btn {
font-weight: 500;
}
.menu_burger_wrapper {
position: relative;
}
.burger_list_wrap {
display: none;
position: absolute;
top: 52px;
right: 0;
background-color: #ffffffb2;
backdrop-filter: blur(30px);
border: 1px solid #61a2a233;
min-width: 260px;
width: 100%;
border-radius: 0 0 5px 5px;
}
.burger_list li {
border-bottom: 1px solid #61a2a233;
padding: 14px 10px;
}
.burger_list a {
white-space: nowrap;
text-align: center;
display: block;
}
.menu_burger_wrapper.active .burger_list_wrap {
display: block;
} .menu_burger_wrapper {
display: flex;
align-items: center;
position: relative;
}
.menu_burger {
display: block;
width: 35px;
height: 25px;
position: relative;
cursor: pointer;
z-index: 50;
}
.menu_burger::after,
.menu_burger::before,
.menu_burger span {
position: absolute;
left: 0;
height: 20%;
width: 100%;
background-color: var(--accent-light);
height: 3px;
border-radius: 3px;
}
.menu_burger::after,
.menu_burger::before {
content: "";
}
.menu_burger::before {
top: 0;
}
.menu_burger::after {
bottom: 0;
}
.menu_burger span {
top: 50%;
transform: translateY(-50%);
} .header_social {
padding: 7px 10px;
}
.header.no-scroll .burger_list_wrap{
top: 62px;
}
@media (hover: hover) and (pointer: fine) {
.social_icon:hover img {
filter: brightness(0) saturate(100%) invert(60%) sepia(31%) saturate(418%)
hue-rotate(131deg) brightness(92%) contrast(93%);
}
}
@media (max-width: 1560px) {
.header.no-scroll .header_body {
margin: 0;
}
.header.no-scroll .burger_list_wrap{
top: 52px;
}
}
@media (max-width: 991px) { .menu_burger.active::before {
top: 50%;
transform: rotate(45deg) translateY(-50%);
}
.menu_burger.active::after {
bottom: 50%;
transform: rotate(-45deg) translateY(50%);
}
.menu_burger.active span {
opacity: 0;
} .header.active:before {
background-color: transparent;
}
.header_menu {
position: fixed;
top: -100vh;
left: 0;
width: 100%;
height: 100vh;
background: #233e48d4;
backdrop-filter: blur(5px);
padding-top: 80px;
transition: all 0.3s ease 0s;
overflow: auto;
margin: 0;
flex: auto;
padding: 0 20px;
display: flex;
flex-direction: column;
}
.header_menu.active {
top: 0;
}
.burger_list_wrap {
border: none;
}
.header_list {
flex-direction: column;
margin: 138px 0 0;
gap: 30px;
margin-bottom: 50px;
}
.header_list a {
color: #fff;
}
.main {
padding-top: 80px;
}
.header_contacts {
background-color: #233e48;
border-radius: 5px;
border: 1px solid #61a2a2;
margin: auto auto 50px auto;
padding: 25px 10px 10px;
flex-direction: column;
max-width: 350px;
}
.header_social {
order: 3;
margin-bottom: 50px;
}
.header_social .social_icon img {
filter: brightness(0) saturate(100%) invert(60%) sepia(31%) saturate(418%)
hue-rotate(131deg) brightness(92%) contrast(93%);
}
.header_contacts a {
color: white;
font-size: 16px;
font-weight: 500;
}
}
.footer {  padding: 75px 0 65px 0; }
.footer a{ }
.footer_logo{
display: block;
margin-bottom: 20px;
}
.footer_logo_subtitle{
font-weight: 500;
}
.footer_bottom{
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
.footer_top{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 10px;
}
.footer_col{
font-weight: 500;
flex: 0 0 18%;
}
.footer_col_title{
font-weight: 700;
text-transform: uppercase;
margin-bottom: 10px;
}
.footer_col_list li{
margin-bottom: 10px;
}
.footer_social{
margin-top: 20px;
justify-content: start;
}
@media (max-width: 1280px) {
.footer_col:first-child{
flex: 0 0 100%;
}
.footer_col{
flex: 0 0 22%;
}
.footer_top {
gap: 20px;
}
}
@media (max-width: 767px) {
.footer_col{
flex: 45%;
}
.footer_top{
position: relative;
padding-bottom: 70px;
}
.footer_social{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
justify-content:center ;
}
.footer_bottom {
flex-direction: column-reverse;
}
.footer_copy{
text-align: center;
}
}
.intro {
height: 100vh;
width: 100%;
max-height: 1080px;
position: relative;
overflow: hidden;
}
.intro_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.intro_bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.intro_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: 1;
}
.intro_overlay img {
width: 100%;
height: 100%;
object-fit: cover;
}
.text_accent {
color: var(--accent-light);
}
.intro .container {
height: 100%;
z-index: 2;
position: relative;
}
.intro_content {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
justify-content: center;
padding-top: 150px;
}
.intro_text h1 { max-width: 74%;
}
.intro_subtext {
font-weight: 500;
font-size: clamp(
16px,
calc(16px + (24 - 16) * ((100vw - 320px) / (var(--container) - 320))),
24px
);
margin-bottom: 55px;
max-width: 550px;
}
.intro_btn {
display: flex;
gap: 20px;
margin-bottom: 50px;
}
.intro_scroll_block img {
display: block;
margin-bottom: 13px;
}
.intro_scroll_block {
font-size: 13px;
font-weight: 500;
}
.intro_stat {
display: flex;
align-items: center;
padding: 45px;
background: #ffffffb2;
border: 2px solid #61a2a226;
backdrop-filter: blur(10px);
border-radius: 5px;
flex: 0 0 auto;
}
.intro_stat_num {
font-family: "Californian";
font-weight: 400;
font-size: clamp(
40px,
calc(40px + (50 - 40) * ((100vw - 320px) / (var(--container) - 320))),
50px
);
}
.intro_stat_wrap {
color: var(--accent);
display: flex;
align-items: center;
justify-content: space-between;
gap: 100px;
margin-bottom: 40px;
}
.intro_stat_list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.intro_stat_list li {
display: flex;
flex-direction: column;
gap: 14px;
align-items: center;
max-width: 150px;
text-align: center;
}
.intro_stat_about {
border-left: 2px solid #d9d9d9;
padding-left: 40px;
margin-left: 30px;
}
.about_video {
height: 50px;
width: 50px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #61a2a2;
background: #ffffffb2;
padding-left: 5px;
margin: 0 auto 14px auto;
}
.about_video_play {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 0 solid transparent;
border-bottom: 10px solid transparent;
border-left: 18px solid var(--accent-light);
}
.about_video_title {
font-weight: 600;
color: white;
text-transform: uppercase;
white-space: nowrap;
}
@media (max-height: 1080px) {
.intro {
height: 100%;
}
}
@media (max-width: 1560px) {
.intro_stat_wrap {
gap: calc(30px + (100 - 30) * ((100vw - 320px) / (1560 - 320)));
}
}
@media (max-width: 991px) {
.intro_text h1 {
max-width: 100%;
}
.intro_stat_wrap {
flex-direction: column;
align-items: start;
}
}
@media (max-width: 767px) {
.intro {
height: auto;
max-height: 100%;
}
.intro_bg {
max-height: 810px;
height: 100vh;
}
.intro_content{
padding-top: 100px;
}
.intro_text {
display: flex;
flex-direction: column;
height: 100%;
margin-top: 50px;
}
.intro_btn {
flex-direction: column;
margin: auto 0 0 0;
}
.intro_btn .btn {
margin: 0 auto;
min-width: 270px;
}
.intro_stat {
border: none;
flex-direction: column;
margin: auto;
padding: 25px;
}
.intro_stat_about {
width: 222px;
border-left: none;
padding-left: 0;
margin-left: 0;
border-top: 2px solid #d9d9d9;
padding-top: 35px;
margin-top: 35px;
text-align: center;
}
.about_video_title {
color: var(--accent-light);
}
.intro_stat_list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 25px;
}
.intro_stat_list li {
width: 150px;
}
}  .projects {
background-color: #eef6f7;
padding: 40px 0 60px 0;
}
.projects .section_title {
margin-bottom: 15px;
}
.projects_slider {
overflow: hidden;
margin-bottom: 30px;
}
.swiper-slide {
height: auto;
}
.project_card {
display: flex;
flex-direction: column;
height: 100%;
position: relative;
}
.project_card_label {
position: absolute;
top: 10px;
left: 10px;
background-color: #eef6f7;
border-radius: 5px;
padding: 10px 15px;
color: var(--accent);
font-weight: 600;
z-index: 5;
}
.project_card_img {
aspect-ratio: 487 / 248;
overflow: hidden;
border-radius: 5px 5px 0 0;
flex: 0 0 auto;
}
.project_card_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.project_card_content {
background-color: white;
border-radius: 5px;
margin-top: -5px;
padding: 15px;
display: flex;
flex-direction: column;
gap: 10px;
color: var(--accent);
font-weight: 600;
flex: 1 0 auto; position: relative;
z-index: 1;
}
.card_btn {
margin-top: auto;
}
.project_card_title {
font-weight: 700;
font-size: 24px;
color: var(--accent-light);
}
.project_card_address {
position: relative;
padding-left: 26px;
}
.project_card_address::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 21px;
background: url(//gl.cp.co.ua/wp-content/themes/greenlife/img/address-icon.svg) center / contain no-repeat;
}
.project_card_icons {
display: flex;
align-items: center; flex-wrap: wrap;
gap: 25px;
margin: 20px 0;
}
.project_card_icons li{
flex: 0 0 48px;
}
.project_card_icons li img{
filter: brightness(0) saturate(100%) invert(18%) sepia(11%) saturate(1950%) hue-rotate(151deg) brightness(98%) contrast(88%);
}
.project_card_add {
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
margin-bottom: 30px;
}
.project_card_btns {
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
margin-top: auto;
}
.project_card_btns .btn {
display: block;
width: 100%;
}
.projects_nav {
position: absolute;
top: 0;
right: 0;
display: flex;
gap: 5px;
}
.projects_prev,
.projects_next,
.similar_next,
.similar_prev {
width: 62px;
height: 62px;
cursor: pointer;
background-color: #eef6f7;
position: relative;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.projects_next,
.similar_next {
padding-left: 3px;
}
.projects_prev,
.similar_prev {
padding-right: 3px;
}
.projects_prev::before,
.projects_next::before,
.similar_next::before,
.similar_prev::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
width: 50px;
height: 50px;
border: 3px solid var(--accent-light);
}
.projects_pagination {
display: flex;
justify-content: center;
margin-top: 24px;
}
.projects_pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
margin: 0 4px !important;
background: #d9d9d9;
opacity: 1;
border-radius: 999px;
transition: 0.3s;
}
.projects_pagination .swiper-pagination-bullet-active {
width: 32px;
background: var(--accent-light);
}   .left_block_img {
display: grid;
grid-template-columns: 45% 55%;
} .left_img {  overflow: hidden;
position: relative;
}
.home_about_img { } .left_img img {
width: 100%;
height: 100%;
object-fit: cover;
} .left_content { max-width: 875px;
display: flex;
flex-direction: column;
height: 100%;
}
.home_about_content {
padding: 40px 30px;
max-width: 875px; }
.home_about_content h2 { }
.about_advantages.advantages_list {
column-gap: 10px;
justify-content: start;
flex-wrap: wrap;
}
.about_advantages.advantages_list li {
grid-template-rows: 50px auto;
max-width: 120px;
}
.about_advantages .advantages_icon img {
object-fit: contain;
margin: auto;
}
.home_about_content .btn {
margin: auto 0 0 0;
}
@media (max-width: 991px) {
.home_about_advantages {
justify-content: center;
}
.about_advantages.advantages_list { justify-content: space-around;
}
.project_card_title{
font-size: 22px;
}
}
@media (max-width: 767px) { .left_block_img {
display: flex;
flex-direction: column-reverse;
}
.home_about_content .btn {
margin: 0 auto;
}
.home_about_advantages {
margin-top: 0;
}
.home_about_img {
margin-top: -36px;
z-index: 1;
}
.home_about_img::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
height: 72px;
width: 100%;
background: linear-gradient(
0deg,
rgba(255, 255, 255, 0) 0%,
rgba(250, 250, 250, 1) 100%
);
}
.project_card_title{
font-size: 20px;
}
}  .flats {
background-color: #f1f4f7; }
.flats .grid_slider {
margin: 15px 0 30px 0;
}
.flat_card_add {
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 10px;
}
@media (min-width: 991px) {
.grid_slider .swiper-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
transform: none !important;
}
.grid_slider .swiper-slide {
width: auto !important;
}
.grid_slider .projects_pagination {
display: none;
}
}
@media (min-width: 1200px) {
.grid_slider .swiper-wrapper {
gap: 24px;
}
}  .commerce .project_card_content {
border: 2px solid #61a2a233;
}
.commerce .grid_slider {
margin-bottom: 30px;
}
.commerce_advantages {
margin: 70px 0;
}
.commerce_advantages .advantages_icon_text {
color: var(--accent-light);
}  .video_list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
margin-bottom: 40px;
}
.video_card {
display: flex;
flex-direction: column;
gap: 10px;
}
.video_card_preview {
position: relative;
display: block;
border-radius: 5px;
overflow: hidden; aspect-ratio: 16 / 9;
}
.video_card_preview img {
width: 100%;
height: 100%;
object-fit: cover;
}
.video_card_video {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
display: block;
margin-bottom: 15px;
}
.video_card_duration {
position: absolute;
right: 8px;
bottom: 8px;
padding: 2px 6px;
border-radius: 4px;
background: rgba(0, 0, 0, 0.6);
color: #fff;
font-weight: 700;
}
.video_card_play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.video_card_play.about_video {
margin-bottom: 0;
}
.card_date {
font-weight: 700;
color: var(--accent);
}
.video_card .project_card_title{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.video_card .card_date { }
@media (max-width: 991px) {
.video_list {
grid-template-columns: 1fr;
gap: 40px;
}
}  .news .project_card_disc { }
.news .grid_slider {
margin-bottom: 40px;
}
.news .project_card_content {
border: 2px solid #61a2a233;
}  .pre-footer {
color: white;
} .right_block_img {
display: grid;
grid-template-columns: 55% 45%;
width: 100%;
overflow: hidden;
} .right_img { height: 100%;
width: 100%;
overflow: hidden;
}
.pre-footer_img {
aspect-ratio: 750 / 320;
max-height: 520px;
} .right_img img {
height: 100%;
width: 100%;
object-fit: cover;
}
.right_content {
display: flex; justify-content: center;
max-width: 875px;
margin: auto 0 auto auto; height: 100%;
}
.pre-footer_content_wrap {
background-color: var(--accent-light);
padding: 45px 65px 45px 45px;
}
.pre-footer_content { max-width: 810px;  gap: 100px;
}
.pre-footer_content.right_content {
align-items: center;
}
.pre-footer_title {
font-family: "Garamond", sans-serif;
font-size: clamp(
35px,
calc(35px + (56 - 35) * ((100vw - 320px) / (var(--container) - 320))),
56px
);
color: #fff;
margin-bottom: 15px;
text-transform: uppercase;
}
.pre-footer_content .section_subtitle { }
.pre-footer_form {
max-width: 300px;
margin-bottom: 10px;
}
.pre-footer_form .btn {
background-color: var(--accent);
transition: transform 0.1s;
cursor: pointer;
}
.pre-footer_form input {
border: 2px solid #ffffff;
background-color: var(--accent-light);
color: #fff;
margin-bottom: 8px;
}
.pre-footer_form input::placeholder {
color: #ffffff;
}
.pre-footer_social {
gap: 45px;
}
.pre-footer_social .social_icon {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%)
hue-rotate(108deg) brightness(104%) contrast(104%);
}
@media (hover: hover) and (pointer: fine) {
.pre-footer_form .btn:hover { transform: scale(1.02);
color: inherit;
}
.pre-footer_social .social_icon:hover {
transform: scale(1.05);
}
}
.pre-footer_form .btn:active{
transform: translateY(3px);
color: inherit;
}
@media (max-width: 1240px) {
.pre-footer_content {
gap: calc(25px + (100 - 25) * ((100vw - 991px) / (1240 - 991)));
flex-direction: column;
}
.pre-footer_content_wrap {
padding-right: calc(20px + (65 - 20) * ((100vw - 991px) / (1240 - 991)));
padding-left: calc(20px + (45 - 20) * ((100vw - 991px) / (1240 - 991)));
}
.pre-footer_img {
max-height: 100%;
}
}
@media (max-width: 991px) {
.pre-footer {
display: flex;
flex-direction: column;
}
.pre-footer_content_wrap {
padding-right: 20px;
padding-left: 20px;
}
.pre-footer_content {
gap: 25px;
flex-direction: row;
margin-left: 0;
max-width: 100%;
}
}
@media (max-width: 767px) { .right_block_img {
display: flex;
flex-direction: column;
}
.pre-footer_content_wrap {
padding-bottom: 25px;
}
.pre-footer_content {
flex-direction: column;
gap: 0;
}
.pre-footer_form {
max-width: 350px;
margin-bottom: 15px;
}
.pre-footer_form input {
margin-bottom: 15px;
font-size: 14px;
}
}
.hero_about_section .section_title {
text-align: start;
margin-bottom: 35px;
}
.hero_about {
grid-template-columns: 60% 40%;
margin-bottom: 65px;
}
.hero_about_content {
max-width: 970px;
display: flex;
flex-direction: column;
padding: 30px;
}
@media (min-width: 1560px) {
.hero_about_content {
max-width: calc(950px + (970 - 1100) * ((100vw - 1560px) / (100 - 1560)));
}
}
.hero_subtext {
font-weight: 500;
font-size: clamp(
16px,
calc(16px + (24 - 16) * ((100vw - 320px) / (var(--container) - 320))),
24px
);
margin-bottom: 55px;
}
.about_hero_stat {
max-width: 1165px;
margin: 0 auto 65px auto; }
.about_hero_stat .intro_stat_list { display: flex;
justify-content: space-around;
width: 100%;
}
.about_hero_stat .intro_stat_text {
font-weight: 600;
}
.hero_about_sec {
background-color: #eef6f7;
}
.hero_about_sec .left_content {
padding: 40px 55px;
}
.hero_about_sec .section_subtitle { }
.hero_about_sec .btn {
margin: 0;
}
.about_value.advantages_list {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.about_value.advantages_list li {
border: 2px solid #61a2a233;
padding: 35px;
max-width: 100%;
}
#objects {
scroll-margin-top: 100px;
}
.project_card_add_list {
margin-top: 5px; }
.project_card_add_list li {
margin-bottom: 15px;
}
.project_progress {
width: 100%;
height: 8px;
border: 1px solid #68c2c2;
border-radius: 999px;
overflow: hidden;
background-color: #eef6f7;
padding: 1px;
margin-bottom: 10px; }
.project_progress_fill {
height: 100%;
background: #61a2a2;
border-radius: 999px;
transition: width 0.4s ease;
}
.projects_content {
display: none;
}
.projects_content.active {
display: block;
}
.building .project_card_label {
background-color: #f4ff61;
}
.completed .project_card_label,
.completed .project_progress_fill {
background-color: #a6f492;
}
.project_tabs_wrap {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.tabs_nav {
display: flex;
overflow: auto;
padding-bottom: 15px;
}
.tabs_btn {
margin-right: 15px;
background-color: #eef6f7;
border-radius: 5px;
padding: 10px 25px; font-weight: 600;
border: 2px solid #eef6f7;
white-space: nowrap;
}
.tabs_btn.active {
border: 2px solid #61a2a2;
}
.projects_tabs_map {
font-weight: 600;
display: flex;
align-items: center;
gap: 10px;
white-space: nowrap;
}
.about_value.sec.advantages_list li {
border: none;
}
.team_list { display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 30px;
}
.team_item {
font-size: 20px;
max-width: 18%;
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
flex: auto;
}
.team_item_img { aspect-ratio: 278 / 347;
border-radius: 5px;
overflow: hidden;
margin-bottom: 10px;
}
.team_item_img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.team_name {
color: var(--accent);
font-weight: 700;
}
.team_position {
text-align: center;
}
.team_disc {
font-weight: 500;
text-align: center;
}
.partners_logo {
margin: 0 auto;
}
.partners_logo_img img {
margin: auto;
}
.partners_title {
display: block;
margin: 20px auto;
font-size: 20px;
font-weight: 700;
text-align: center;
}
.reviews_slider_wrap { display: flex;
align-items: center;
}
.reviews .swiper-slide {
display: flex;
}
.reviews .projects_nav {
position: relative; top: 50%;
display: flex;
justify-content: space-between;
left: 0;
transform: translateY(-50%);
width: 100%;
}
.reviews .arrow {
flex: 0 0 auto;
}
.review_card {
display: flex;
gap: 24px;
padding: 20px;
border: 2px solid #61a2a233;
border-radius: 5px;
background: #fff;
}
.review_card_image {
flex: 0 0 130px;
}
.review_card_image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
}
.review_card_content {
flex: 1;
}
.review_card_rating {
display: flex;
gap: 6px;
margin-bottom: 16px;
}
.review_card_text {
margin-bottom: 24px;
line-height: 1.4;
}
.review_card_author {
font-weight: 700;
margin-bottom: 5px;
}
.review_card_project {
font-weight: 700;
}
.review_rating svg {
width: 12px;
height: 11px;
}
.review_rating .active path {
fill: #61a2a2;
}
.review_rating .inactive path {
fill: #d9d9d9;
}
.pre-footer_btn {
display: flex;
flex-direction: column;
gap: 8px;
}
.pre-footer_btn .btn {
color: white;
border: 2px solid #ffffff;
background-color: var(--accent-light);
white-space: nowrap;
transition: transform 0.1s;
}
.pre-footer_btn .btn.dark {
background-color: var(--accent);
border: 2px solid var(--accent);
}
@media (hover: hover) and (pointer: fine) {
.pre-footer_btn .btn:hover {
transform: scale(1.02);
color: inherit;
}
}
.pre-footer_btn .btn:active {
transform: translateY(3px);
color: inherit;
}
@media (max-width: 1560px) {
.hero_about_content {
padding: 30px 30px 30px 20px;
}
}
@media (max-width: 991px) {
.about_value.advantages_list {
grid-template-columns: repeat(2, 1fr);
}
.team_item {
font-size: 18px;
max-width: 22%;
}
}
@media (max-width: 767px) {
.hero_about .btn {
min-width: 320px;
}
.hero_about_sec .left_content {
padding: 30px 20px;
}
.hero_about_content {
padding-right: 20px;
}
.project_tabs_wrap {
gap: 30px;
flex-direction: column;
}
.team_item {
font-size: 16px;
max-width: 30%;
}
.reviews .arrow {
display: none;
}
}
@media (max-width: 577px) {
.about_value.advantages_list li {
padding: 25px 15px;
}
.about_value.advantages_list {
gap: 15px;
}
.team_list {
column-gap: 15px;
row-gap: 25px;
}
.team_item {
max-width: 47%;
gap: 10px;
}
.team_item_img {
margin-bottom: 0;
}
}
@media (max-width: 375px) {
.hero_about .btn {
min-width: 100%;
}
}  .hero_section {
position: relative;
width: 100%;
height: 745px;
overflow: hidden;
margin-top: -120px;
}
.hero_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.hero_bg img {
height: 100%;
width: 100%;
object-fit: cover;
}
.hero_section .container {
height: 100%;
z-index: 2;
position: relative;
}
.hero_section .intro_subtext {
font-weight: 400;
}
.blog_hero {
margin-bottom: 80px;
}
.blog_main_new {
background-color: #eef6f7;
}
.blog_main_new .left_content {
padding: 40px 55px;
}
.blog_main_new .btn {
margin: auto 0 0 0;
}
.tabs_content {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin-bottom: 30px;
}
.projects_about .tabs_content {
display: block;
}
.news_content_note {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.news_content_note .project_card_label {
position: static;
font-size: 14px;
}
.news_content_note .card_date {
font-size: 14px;
}
.news_list .project_card_content {
gap: 15px;
}
.news_list .btn {
margin: auto auto 10px auto;
}
.pre-footer_blog {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.pre-footer_blog .right_content {
flex-direction: column;
}
.pre-footer_blog .btn {
display: flex;
align-items: center;
gap: 10px;
}
.pre-footer_blog .btn img {
filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(12%)
hue-rotate(103deg) brightness(105%) contrast(105%);
}
.pre-footer_blog_img_wrap {
position: relative;
}
.pre-footer_blog_img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.pre-footer_blog_img::before {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: #62a29fa3;
}
.pre-footer_blog_btns {
align-items: center;
justify-content: center;
height: 100%;
}
.pre-footer_blog_btns .btn {
min-width: 300px;
justify-content: center;
}
.news_section {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.news_building_progress {
display: block;
width: 100%;
font-size: 24px;
margin-top: 10px;
}
.project_card_img {
position: relative;
background-color: #ddf2e9;
}
.building_section {
background-color: #eef6f7;
}
.news_section .building .project_card_label {
bottom: 10px;
top: auto;
background-color: #eef6f7;
}
.news_section_title {
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
margin-bottom: 30px;
}
.news_section_title h2 {
margin: 0;
}
.news_section_btn {
display: inline-flex;
gap: 15px;
cursor: pointer;
transition: transform 0.1s;
}
.news_section_btn span {
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
}
.news_section .project_progress {
margin-top: auto;
}
.video_card_disc {
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-top: 10px; }
.promotion_list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.promotion_list .project_card {
flex-direction: row;
border: 2px solid #61a2a233;
border-radius: 5px;
}
.promotion_list .project_card_img {
aspect-ratio: 176 / 223;
flex: 0 0 176px;
border-radius: 5px;
}
.promotion_list .project_card_content {
flex: 1 1 auto;
margin-top: 0;
}
.promotion_discount {
font-weight: 700;
}
.promotion_card_disc {
font-weight: 400;
}
.promotion_list a.btn {
padding: 15px 10px;
margin-top: auto;
}
.seo {
border-bottom: 1px solid #d9d9d9;
}
.seo_text {
font-size: 20px;
max-width: 850px;
}
@media (hover: hover) and (pointer: fine) {
.news_section_btn:hover {
transform: scale(1.02);
}
}
.news_section_btn:active {
transform: translateY(3px);
}
@media (max-width: 1280px) {
.promotion_list {
gap: 15px;
}
.promotion_list .project_card {
flex-direction: column;
}
}
@media (max-width: 991px) {
.tabs_content {
gap: 10px;
}
.news_section {
gap: 15px;
grid-template-columns: repeat(2, 1fr);
}
.seo_text {
font-size: 18px;
}
}
@media (max-width: 767px) {
.pre-footer_blog {
grid-template-columns: 1fr;
}
.news_section,
.tabs_content {
gap: 30px;
grid-template-columns: 1fr;
}
.promotion_list {
gap: 30px;
grid-template-columns: 1fr;
}
.promotion_list .project_card {
flex-direction: row;
}
.news_section_title {
flex-direction: column;
align-items: start;
}
.seo_text {
font-size: 16px;
}
}  .projects_page .project_card_label {
background-color: #eef6f7;
}
.project_hero .intro_content {
padding-bottom: 50px;
}
.projects_page .projects_body {
background-color: #eef6f7;
}
.projects_body .project_card_disc {
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.project_card_details {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
align-items: center;
margin: auto 0 20px 0;
}
.project_card_details li {
max-width: 125px;
}
.project_card_details img {
margin: 0 auto;
}
.project_card_details span {
text-align: center;
display: block;
}
.projects_page .advantages_list {
justify-content: space-around;
}
.projects_map_block {
display: grid;
grid-template-columns: repeat(2, 1fr);
color: white;
min-height: 345px;
}
.projects_map_block h2.section_title {
color: white;
margin-bottom: 15px;
}
.contact_map {
position: relative;
padding-bottom: 54.54%; height: 0;
height: 100%;
overflow: hidden;
max-width: 100%;
z-index: 10;
}
.contact_map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.projects_map_block .pre-footer_content {
max-width: 700px;
justify-content: flex-start;
flex-direction: row;
}
.projects_map_block .btn {
margin-left: 0;
display: flex;
gap: 5px;
align-items: center;
}
.project_building {
flex-direction: row-reverse;
border: 2px solid #61a2a233;
border-radius: 5px;
box-sizing: border-box;
}
.project_building .project_card_img {
flex: 0 0 215px;
border-radius: 5px;
}
.project_building .news_section_btn {
display: block;
}
.project_building .project_card_content {
flex: 1 1 auto;
margin-top: 0;
}
.completed_projects_list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
margin-bottom: 30px;
}
.completed_projects .project_card_content {
border: 2px solid #61a2a233;
}
.completed_projects_list .project_card_title {
font-size: 16px;
color: var(--accent);
}
.completed_projects_list .project_card_details {
font-size: 14px;
}
.projects_pre-footer .pre-footer_content {
gap: 40px;
}
.project_progress_section {
background-color: #eef6f7;
}
.project_progress_content {
display: flex;
gap: 15px;
}
.project_progress_block_wrap {
background-color: white;
border-radius: 5px;
border: 1px solid #61a2a233;
padding: 20px 40px 40px;
flex: 1 1 575px;
}
.project_progress_block {
display: flex;
gap: 30px;
}
.project_progress_per_note {
font-weight: 600;
font-size: 20px;
text-align: center;
margin-bottom: 24px;
display: block;
}
.progress_circle {
--progress: 75;
--size: 180px;
--thickness: 24px; --bg: #e9eeee;
width: var(--size);
height: var(--size);
border-radius: 50%;
background: conic-gradient(
var(--accent-light) calc(var(--progress) * 1%),
var(--bg) 0
);
display: flex;
align-items: center;
justify-content: center;
}
.progress_circle_inner {
width: calc(var(--size) - var(--thickness) * 2);
height: calc(var(--size) - var(--thickness) * 2);
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.progress_circle_inner span {
font-size: 24px;
font-weight: 700;
color: var(--accent-light);
}
.project_progress_note .section_subtitle {
margin-bottom: 50px;
}
.single_progress_slider {
min-width: 0;
display: flex;
align-items: end;
position: relative;
padding: 60px 0;
}
.progress_slide_wrap {
position: relative;
overflow: hidden;
border-radius: 5px;
}
.progress_slide_text {
color: #fff;
-webkit-text-stroke: 0.5px var(--accent);
font-weight: 600;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); display: block;
white-space: nowrap;
}
.progress_slide_img {
display: block;
aspect-ratio: 213 / 108;
height: 100%;
}
.progress_slide_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.single_progress_slider .projects_nav {
top: 95px;
}
.single_progress_slider .projects_pagination {
display: none;
}
@media (max-width: 1560px) {
.projects_pre-footer .right_content {
flex-direction: column;
}
}
@media (max-width: 1240px) {
.project_card_details {
grid-template-columns: 1fr;
gap: 10px;
}
.project_card_details li {
display: grid;
grid-template-columns: 70px auto;
gap: 10px;
}
.project_card_details span {
text-align: start;
}
.projects_page .advantages_list {
justify-content: center;
}
}
@media (max-width: 991px) {
.projects_map_block {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.project_card_details {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.project_card_details li {
display: block;
margin: 0 auto;
}
.project_card_details span {
text-align: center;
}
.project_progress_content {
flex-direction: column;
}
.project_progress_block_wrap {
flex: auto;
}
.single_progress_slider .projects_pagination {
display: flex;
}
.single_progress_slider .projects_nav {
top: 60px;
}
}  .flat_tabs {
margin-bottom: 20px;
}
.catalog_filter {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: flex-end;
margin-bottom: 40px;
}
.catalog_filter_item {
display: flex;
flex-direction: column;
gap: 8px;
}
.catalog_filter_item label {
font-size: 14px;
font-weight: 600;
margin-left: 5px; }
.catalog_filter select,
.catalog_filter input {
height: 48px;
border: none;
border-radius: 4px;
background: #eef6f7;
padding: 0 16px;
font-size: 16px;
font-weight: 600;
margin-bottom: 0;
font-family: var(--font-family); }
.catalog_filter select {
min-width: 260px;
}
.catalog_filter input {
width: 125px;
}
.catalog_filter_range {
display: flex;
gap: 12px;
}
.catalog_filter_reset {
height: 48px;
border: none;
border-radius: 4px;
background: #eef6f7;
padding: 0 20px;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
white-space: nowrap;
font-weight: 600;
}
.catalog_filter_reset svg {
flex-shrink: 0;
}
.flats_body {
background-color: #eef6f7;
padding: 40px 0 55px 0;
}
.flats_content {
margin-bottom: 50px;
}
.apartments_count {
font-size: 20px;
font-weight: 700;
color: var(--accent-light);
margin-bottom: 45px;
}
.flats_content .btn {
min-width: 275px;
}
.flats_content .btn.dark {
margin-top: 10px;
}
.flats_content .project_card_disc {
margin-bottom: 10px;
}
.flats_content .project_card_details {
margin: 20px 0;
}
.flat_wish,
.project_plan_btn {
position: absolute;
top: 10px;
right: 10px;
height: 42px;
width: 42px;
border-radius: 50%;
background-color: #eef6f7;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: color 0.3s;
-webkit-tap-highlight-color: transparent;
}
.flat_wish{
display: none;
}
.project_plan_btn {
top: 60px;
display: none;
}
.project_plan_btn img {
height: 24px;
}
.flat_wish .icon_fill {
display: none;
}
.flat_wish.active .icon_outline {
display: none;
}
.flat_wish.active .icon_fill {
display: block;
}
.flats_content .project_card_img img.card_plan_img {
object-fit: contain;
}
.card_plan_img {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.3s ease;
}
.card_img {
transition: opacity 0.3s ease;
}
.projects_accent .project_card_content {
border: 2px solid #61a2a233;
}
.projects_accent .btn {
margin-top: auto;
}
@media (hover: hover) and (pointer: fine) { .project_card_img.has_plan:hover .card_img {
opacity: 0;
}
.project_card_img.has_plan:hover .card_plan_img {
opacity: 1;
}
.flat_wish:hover {
transform: scale(1.05);
}
}
@media (max-width: 991px) {
.flats_content {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
}
@media (max-width: 767px) {
.project_plan_btn {
display: flex;
}
.project_plan_btn.show_plan {
background-color: var(--accent-light);
}
.project_plan_btn.show_plan img {
filter: brightness(0) saturate(100%) invert(100%) sepia(15%) saturate(294%)
hue-rotate(121deg) brightness(116%) contrast(100%);
}
.catalog_filter select,
.catalog_filter input {
font-size: 14px;
}
.catalog_filter_item label {
font-size: 12px;
}
.project_card_img.show_plan .card_img {
opacity: 0;
}
.project_card_img.show_plan .card_plan_img {
opacity: 1;
}
.apartments_count {
font-size: 18px;
margin-bottom: 25px;
}
}
@media (max-width: 577px) {
.flats_content {
grid-template-columns: 1fr;
gap: 30px;
}
}   .single_project {
padding-top: 142px;
}
@media (max-width: 1560px) {
.single_project {
padding-top: 80px;
}
}
.project_stat {
grid-template-columns: repeat(4, 1fr);
align-items: end;
justify-content: space-between;
}
.project_stat li { min-width: 95px;
}
.single_project .intro_scroll_block {
display: flex;
gap: 10px;
align-items: baseline;
}
.single_project .intro_stat_text {
font-weight: 600;
}
.about_project_text {
font-size: 20px;
margin-bottom: 30px;
}
.about_project_text {
overflow: hidden;
transition: max-height 0.4s ease;
}
.about_project_text.is_collapsed {
max-height: 350px; }
.about_project_text.is_expanded {
max-height: 5000px;
}
.about_project_text {
position: relative;
}
.about_project_text.is_collapsed::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 80px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
pointer-events: none;
}
.about_project_text.is_expanded::after {
display: none;
}
.about_project_text h1,
.single_project_title {
font-family: "Garamond", sans-serif;
font-size: clamp(
35px,
calc(35px + (56 - 35) * ((100vw - 320px) / (var(--container) - 320))),
56px
);
margin-bottom: 15px;
text-transform: uppercase;
}
.about_project_text ul li {
position: relative;
padding-left: 35px;
margin-bottom: 20px;
}
.about_project_text ul li::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 21px;
height: 19px;
background: url(//gl.cp.co.ua/wp-content/themes/greenlife/img/check.svg) center/ contain no-repeat;
}
.about_project_text p {
margin-bottom: 30px;
}
.about_project_slider {
min-width: 0;
position: relative;
margin-top: 50px;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
.building_slider {
position: relative;
height: 100%;
}
.building_slider {
margin: 0 20px;
}
.building_slider .swiper-slide {
border-radius: 5px;
overflow: hidden;
}
.building_slider .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.about_project_content_wrap {  }
.about_project_content {
display: block;
width: 100%;
}
.about_project_slider .projects_pagination {
display: none;
}
.single_project_slider .arrow {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 10; }
.single_project_slider .arrow.similar_next {
right: 0;
left: auto;
}
.flats_tabs_body {
position: relative;
}
.flat_plans_slider .project_card_img {
padding: 10px;
}
.flat_plans_slider .project_card_img img {
object-fit: contain;
}
.flat_plans_slider .project_card_content,
.similar_slider .project_card_content {
border: 1px solid #61a2a233;
}
.arrow.swiper-button-lock {
display: none;
}
.single_project_slider {
padding: 0 20px;
}
.single_flat_page .single_project_slider {
position: relative;
}
.about_project .single_project_slider {
aspect-ratio: 743 / 544;
width: 50%;  margin-top: 50px;
float: left; margin-right: 15px; margin-bottom: 10px; }
.project_video_wrap {
display: grid;
grid-template-columns: 55% 45%;
}
.project_video_section {
background-color: #f1f4f7;
}
.project_video_block {
border-right: 2px solid #61a2a233;
padding-right: 40px;
}
.project_video_right {
padding-left: 40px;
}
.single_project_map .pre-footer_content_wrap {
background-color: white;
color: var(--accent);
}
.single_project_map h2.section_title {
color: var(--accent-light);
}
.single_project_map .pre-footer_img {
max-height: 100%;
}
.accordion_section {
display: grid;
grid-template-columns: 45% 55%;
width: 100%;
overflow: hidden;
}
.accordion_wrap .right_content {
flex-direction: column;
padding-right: 70px;
padding-left: 20px;
}
.accordion_right_img {
position: relative;
height: 100%;
}
.accordion_right_img::after {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: linear-gradient(
90deg,
#ffffff 33.6%,
rgba(255, 255, 255, 0) 100%
);
}
.accordion_section .pre-footer_img {
position: relative;
}
.accordion_right_form {
position: absolute;
left: 0;
top: 50%;
height: 100%;
width: 100%;
transform: translateY(-50%);
z-index: 1;
background: linear-gradient(
269.93deg,
rgba(241, 244, 247, 0) 0.06%,
#f1f4f7 67.58%
);
max-width: 788px;
max-height: 450px;
padding: 20px 40px;
border-radius: 5px;
}
.accordion_right_form .pre-footer_form {
color: white;
}
.accordion_right_form input {
border: 2px solid #61a2a233;
background-color: white;
color: var(--accent);
font-weight: 400;
}
.accordion_right_form input::placeholder {
color: var(--accent);
font-weight: 400;
}
@media (max-width: 1560px) { .accordion_wrap .right_content {
padding-right: calc(20px + (70 - 20) * ((100vw - 991px) / (1560 - 991)));
}
}
@media (max-width: 991px) {
.about_project_content_wrap {
grid-template-columns: 1fr;
gap: 30px;
}
.project_video_wrap {
grid-template-columns: 1fr;
}
.project_video_block {
border-bottom: 2px solid #61a2a233;
padding-right: 0;
padding-bottom: 30px;
}
.project_video_right {
padding-left: 0;
padding-top: 30px;
}
.accordion_section {
grid-template-columns: 1fr;
gap: 40px;
}
.accordion_wrap .right_content {
padding: 0 20px;
margin: 0;
}
.accordion_section .pre-footer_img {
min-height: 500px;
}
}
@media (max-width: 767px) {
.about_project_text {
font-size: 18px;
}
.building_slider {
margin: 0;
padding-bottom: 70px;
}
.about_project_slider .projects_pagination {
display: flex;
}
.about_project_slider .projects_prev,
.about_project_slider .projects_next {
display: none;
}
}
@media (max-width: 577px) {
.about_project_text {
font-size: 16px;
}
}  .hero_flat_block {
display: grid;
grid-template-columns: 45% 55%;
} .hero_flat_disc {
margin-right: 35px;
}
.flat_disc_list {
border: 1px solid #61a2a233;
border-radius: 5px;
font-size: 20px;
font-weight: 600;
margin-bottom: 30px;
padding: 25px 35px;
}
.flat_disc_list li {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 20px;
}
.flat_disc_list li:last-child {
margin-bottom: 0;
}
.flat_disc_value {
color: var(--accent-light);
}
.flat_gallery_main {
border-radius: 5px;
overflow: hidden;
aspect-ratio: 885 / 635;
display: block;
margin-bottom: 30px;
}
.flat_gallery_main img {
height: 100%;
width: 100%;
object-fit: cover;
}
.flat_gallery_thumbs_wrap {
position: relative;
padding: 0 20px;
}
.flat_gallery_thumbs_wrap .arrow {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.flat_gallery_thumbs_wrap .projects_next {
left: auto;
right: 0;
}
.flat_gallery_thumbs_img {
aspect-ratio: 208 / 150;
overflow: hidden;
border-radius: 5px;
height: 100%;
}
.flat_gallery_thumbs_img img {
height: 100%;
width: 100%;
object-fit: cover;
}
.flat_gallery_thumbs_wrap
.swiper-slide-next
~ .swiper-slide
~ .swiper-slide::before {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 46.87%);
z-index: 1;
}
.flat_gallery_thumbs_wrap .swiper-slide-prev::before {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: linear-gradient(
275deg,
rgba(255, 255, 255, 0) 0%,
#ffffff 46.87%
);
z-index: 1;
}
@media (max-width: 1200px) {
.flat_gallery_thumbs_wrap .swiper-slide-next ~ .swiper-slide::before {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0) 0%,
#ffffff 46.87%
);
z-index: 1;
}
}
.flat_card {
border: none;
padding: 0;
font-size: 16px;
}
.flat_card li {
margin-bottom: 10px;
}
.flat_card .flat_disc_titles {
min-width: 128px;
}
.single_flat_page {
border-bottom: 1px solid #d9d9d9;
}
.flat_video_list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.flat_video_list .video_card_preview {
aspect-ratio: 450 / 605;
}
.flat_text_accent {
background: linear-gradient(
269.93deg,
rgba(241, 244, 247, 0) 0.06%,
#f1f4f7 67.58%
);
padding: 45px 25px;
margin-bottom: 30px;
}
.flat_text_accent_left {
background: linear-gradient(
269.93deg,
rgba(241, 244, 247, 0) 0.06%,
#f1f4f7 67.58%
);
padding: 45px 25px;
margin-bottom: 30px;
}
.about_project_text img {
aspect-ratio: 650 / 460;
border-radius: 5px;
}
.about_project_text .align_left {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.about_project_text .align_right {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}
.flat_content::after {
content: "";
display: table;
clear: both;
}
.flat_content h2 {
font-size: clamp(
20px,
calc(20px + (24 - 20) * ((100vw - 320px) / (var(--container) - 320))),
24px
);
color: var(--accent-light);
font-weight: 700;
font-family: "Montserrat", sans-serif;
}
.flat_content ul {
max-width: 50%;
}
@media (max-width: 991px) {
.hero_flat_block {
display: block;
}
.hero_flat_disc {
margin-right: 0;
margin-bottom: 30px;
}
.flat_video_list {
gap: 15px;
}
} .single_post {
background-color: #f1f4f7;
padding: 50px 0;
} .contact_form {
position: relative;
}
.contact_form .accordion_right_form {
max-width: 100%;
}
.contact_info {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.contact-content-item {
flex: 0 0 50%;
}
.contact-info_wrap {
margin: 50px 0;
}
.contact_form .accordion_right_img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.contact_form .accordion_right_form {
position: relative;
transform: none;
top: 0;
}
.contact_form .right_img {
aspect-ratio: 0;
}
@media (max-width: 1040px) {
.contact_form .pre-footer_img { }
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(30px);
display: none;
justify-content: center;
align-items: center;
z-index: 999;
}
.overlay.open {
display: flex;
}
.popup {
width: 350px;
font-weight: 600;
color: var(--accent);
position: relative;
overflow: auto;
}
.popup_close {
position: absolute;
top: 20px;
right: 20px;
}
.contact_form {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}  .fancybox__backdrop {
backdrop-filter: blur(30px);
background: #ffffffb2;
}
.f-button.is-close-btn svg {
display: none;
}
.f-button.is-close-btn::before {
content: "";
display: block;
width: 24px;
height: 24px;
background: url(//gl.cp.co.ua/wp-content/themes/greenlife/img/close-icon.svg) center / contain no-repeat;
}
.fancybox__content {
width: 80vw;
}
@media (max-width: 767px) {
.fancybox__content {
width: 90vw;
}
}
@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1199px) {  }
@media (max-width: 991px) {
}
@media (max-width: 576px) {
}
@media (max-width: 479px) {
}
@media (max-width: 374px) {
}
@media (max-width: 319px) {
}