/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */


/* #Site Styles
================================================== */
:root {
	--width-base: 1440px;
	--width-large: 1802px;
	--font-base: 20px;
	--font-small: 17px;
	--font-large: 30px;
	--color-white: #fff;
	--color-black: #000;
	--color-black-light: #222;
	--color-blue: #06618e;
	--color-green: #19866d;
	--color-green-dark: #0d5746;
	--color-grey: #eff5f3;
	--color-grey-light: #e8f3f0;
	--color-grey-dark: #959595;
	--color-grey-100: #4e4e4e;
	--base-duration: all 0.3s ease-in-out;
	--font-family-base: 'Barlow Condensed', sans-serif;
	--font-family-heading: 'Graphik', sans-serif;
	--font-family-signature: 'Thesignature', sans-serif;
	--font-family-icon: 'icomoon', sans-serif;
	--line-height-base: 1.9;
	--line-height-heading: 1.15;
	--font-size-h1: 40px;
	--font-size-h2: 40px;
	--font-size-h3: 30px;
	--font-size-h4: 24px;
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-bold: 700;
	--width: 100%;
	--height: 100%;
}

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: var(--font-family-base); font-size: var(--font-base); font-weight: var(--font-weight-regular); line-height: var(--line-height-base); color: var(--color-black); background-color: var(--color-white); }
html { scroll-behavior: smooth; }
input,
select,
textarea { padding: 10px 7px; width: var(--width); min-height: 40px; font-family: var(--font-family-base); font-size: var(--font-small); color: var(--color-black); border: solid 1px rgba(112, 112, 112, 0.2); border-radius: 3px; background-color: var(--color-white); }
label { margin-bottom: 2px; display: block; font-family: var(--font-family-heading); }
select { --webkit-appearance: none; appearance: none; cursor: pointer; }
img { display: block; border: 0; }
ul,
li { list-style: none; }
:focus { outline: none; }
p { margin-bottom: 20px; }
a { display: inline-block; text-decoration: none; transition: var(--base-duration); }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 18px; font-family: var(--font-family-heading); font-weight: var(--font-weight-bold); line-height: var(--line-height-heading); color: var(--color-black); }
h1,
.h1 { font-size: var(--font-size-h1); }
h2,
.h2 { font-size: var(--font-size-h1); color: var(--color-green); }
h3,
.h3 { font-size: var(--font-size-h3); color: var(--color-green); }
h4,
.h4 { font-size: var(--font-size-h4); }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1200px; }
.centered { padding-right: 15px; padding-left: 15px; }
.centered-lg { padding-right: 15px; padding-left: 15px; }
.button { padding: 15px 45px; font-family: var(--font-family-heading); font-size: var(--font-small); font-weight: var(--font-weight-bold); text-align: center; color: var(--color-white); background-color: var(--color-green); transition: var(--base-duration); cursor: pointer; }
.button i { padding-left: 5px; vertical-align: middle; }
.button:focus,
.button:hover { background-color: var(--color-green-dark); }
.button.white { color: var(--color-green); background-color: var(--color-grey-light); }
.button.white:focus,
.button.white:hover { color: var(--color-white); background-color: var(--color-green); }
.text-link { color: var(--color-green); }
.text-link i { padding-left: 5px; vertical-align: middle; transition: var(--base-duration); }
.text-link:focus,
.text-link:hover { color: var(--color-light-green); }
.text-link:hover i { padding-left: 10px; }

/* ### wrapper ### */
.wrapper { position: relative; display: block; overflow: hidden; width: 100%; min-height: 100%; }

/* ### main container ### */
.mainCntr { width: var(--width); }

/* ### header container ### */
.header { padding-top: 28px; padding-bottom: 28px; position: fixed; top: 0; z-index: 10; display: flex; justify-content: space-between; width: var(--width); background-color: var(--color-white); transition: var(--base-duration); }
.sticky { padding-top: 20px  !important; padding-bottom: 20px !important; -webkit-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.2); }
.header-logo { margin-left: 19px; position: relative; z-index: 5; width: 220px; }
.header-logo img { max-width: 100%; transition: var(--base-duration); }
.header-logo img:hover { transform: scale(1.1); }
.header-right { display: flex; align-items: center; justify-content: space-between; font-family: var(--font-family-heading); }

/* ### mobile menu ### */
.mobileMenu { position: absolute; top: 33px; right: 19px; z-index: 5; display: block; width: 50px; height: 40px; border: transparent; border-radius: 2px; background-color: var(--color-white); transition: 0.2s; cursor: pointer; }
.mobileMenu span { position: absolute; top: 50%; left: 50%; display: block; width: 24px; height: 4px; text-indent: -9999px; background: var(--color-green); transform: translate(-50%, -50%); transition: 0.2s; }
.mobileMenu span:before,
.mobileMenu span:after { position: absolute; left: 0; display: block; width: var(--width); height: 4px; background-color: var(--color-green); transition-duration: 0.2s, 0.2s; content: ''; }
.mobileMenu span:before { top: -8px; }
.mobileMenu span:after { bottom: -8px; }
.mobileMenu.active span { background: none; }
.mobileMenu.active span:before,
.mobileMenu.active span:after { background-color: var(--color-green); transition-delay: 0s, 0.2s; }
.mobileMenu.active span:before { top: 0; transform: rotate(45deg); }
.mobileMenu.active span:after { bottom: 0; transform: rotate(-45deg); }

/* ### desktop menu ### */
.header-menu { padding: 130px 0 10px; position: fixed; top: 0; left: 0; z-index: 1; opacity: 0; visibility: hidden; width: var(--width); height: 100vh; background-color: var(--color-white); transition: var(--base-duration); }
.header-menu.active { opacity: 1; visibility: visible; }
.header-menu ul { padding: 20px; position: relative; }
.header-menu li { margin-bottom: 10px; }
.header-menu li a { font-size: var(--font-small); font-weight: var(--font-weight-bold); color: var(--color-black-light); }
.header-menu li a:focus,
.header-menu li a:hover { color: var(--color-green); }
.header-menu .button { margin-left: 20px; }
.header-btn { display: none; }


/* ### hero ### */
.hero { margin-left: -15px; position: relative; height: 100vh; }
.hero-content { position: relative; z-index: 1; max-width: 523px; color: var(--color-white); }
.hero-content h1 { line-height: 1.2; color: var(--color-white); }
.hero-content p { display: none; }
.hero-image,
.hero-video { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); border-radius: 0 0 36px; overflow: hidden; }
.hero-image img,
.hero-video video { width: var(--width); height: var(--height); object-fit: cover; }
.hero-image:before,
.hero-image:after,
.hero-video:before,
.hero-video:after { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); content: ''; pointer-events: none; }
.hero-image:before,
.hero-video:before { background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 70%); }
.hero-image:after,
.hero-video:after { background-color: rgba(25, 134, 109, 0.5); }
.hero .swiper-slide { padding-top: 150px; padding-bottom: 25px; display: flex; align-items: center; height: 100vh; }
.hero-scroll { display: none; }


/* ### projects ### */
.intro { margin-top: -100px; padding-top: 150px; padding-bottom: 57px; border-bottom: 1px solid var(--color-grey-100); background-color: var(--color-black-light); }
.intro-holder { position: relative; z-index: 1; display: flex; flex-direction: column-reverse; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.intro-image { margin-top: 50px; border-radius: 30px 0 0; overflow: hidden; }
.intro-image img { width: var(--width); height: var(--height); object-fit: cover; }
.intro-content { color: var(--color-grey); }
.intro-content h2 { margin-bottom: 20px; color: var(--color-grey); }
.intro-link { margin-bottom: 25px; }
.intro-block { display: flex; align-items: center; }
.intro-block-image { margin-right: 15px; width: 100px; height: 100px; border-radius: 50%; overflow: hidden; }
.intro-block-image img { filter: grayscale(1); width: inherit; }
.intro-block-info { margin-top: 17px; }
.intro-sign { font-family: var(--font-family-signature); font-size: 30px; line-height: 1; }


/* ### expertise ### */
.expertise { padding-top: 50px; padding-bottom: 60px; position: relative; background-color: var(--color-black-light); }
.expertise-content { margin-bottom: 40px; line-height: 1.5; color: var(--color-white); }
.expertise-content h2 { margin-bottom: 36px; color: var(--color-green); }
.expertise-content p:last-of-type { margin-bottom: 54px; }
.expertise-accordion { padding: 40px 15px; border-radius: 0 0 30px; background-color: var(--color-white); box-shadow: 0 0 5px 0 rgba(6, 7, 7, 1); }
.expertise-item:not(:last-of-type) { margin-bottom: 4px; }
.expertise-shape { position: absolute; top: -160px; left: 0; width: var(--width); pointer-events: none; }
.expertise-shape img { opacity: 0.25; width: var(--width); height: var(--height); object-fit: cover; }


/* ### card accordion ### */
.card-accordion-heading { padding-left: 50px; position: relative; cursor: pointer; }
.card-accordion-heading h3 { margin-bottom: 30px; font-size: 20px; }
.card-accordion-heading:before { position: absolute; top: -2px; left: 9px; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; font-family: var(--font-family-icon); font-size: 14px; color: var(--color-white); background-color: var(--color-green); content: '\e906'; }
.card-accordion-text { padding-left: 10px; max-height: 0; line-height: 1.5; transition: max-height 0.3s ease-in-out; overflow: hidden; }
.card-accordion-text p:last-of-type { margin-bottom: 30px; }
.card-accordion-heading.active:before { content: '\e904'; }
.card-accordion-heading.active + .card-accordion-text { margin-bottom: 65px; }


/* ### image-block ### */
.image-block { position: relative; z-index: 1; height: 150px; background-color: var(--color-grey); overflow: hidden; }
.image-block-shape { margin-top: -40px; pointer-events: none; }
.image-block-shape img { opacity: 0.15; mix-blend-mode: darken; width: var(--width); height: var(--height); object-fit: cover; }


/* ### projects ### */
.project { padding-bottom: 94px; position: relative; z-index: 2; background-color: var(--color-white); overflow: hidden; }
.project:after { position: absolute; top: 0; left: 0; z-index: 1; width: var(--width); height: 64.6%; background-color: var(--color-grey); content: ''; pointer-events: none; }
.project-heading { margin: 0 auto 35px; position: relative; z-index: 2; line-height: 1.6; text-align: center; }
.project-heading h2 { margin-bottom: 46px; }
.project-holder { margin-bottom: 50px; position: relative; z-index: 2; }
.project-left { margin-bottom: 30px; position: relative; }
.project-link { position: relative; z-index: 1; display: flex; justify-content: center; }
.project-link button { padding-top: 22px; padding-bottom: 22px; border: transparent; }
.project-more { display: none; }
.project-shape { position: absolute; bottom: 31px; left: 0; width: var(--width); pointer-events: none; }
.project-shape img { opacity: 0.25; width: var(--width); height: var(--height); object-fit: cover; }
.project-right-item { margin-bottom: 18px; position: relative; }
.project-right-item:last-child { margin-bottom: 0; }



/* ### brand ### */
.card-project { display: block; width: var(--width); transition: var(--base-duration); }
.card-project-image { position: relative; overflow: hidden; }
.card-project-image:before,
.card-project-image:after { position: absolute; bottom: 0; left: 0; width: var(--width); height: var(--height); transition: var(--base-duration); content: ''; pointer-events: none; }
.card-project-image:before { z-index: 1; background: linear-gradient(to top, rgba(25, 134, 109, 1) 0%, rgba(25, 134, 109, 0) 49%, rgba(25, 134, 109, 0) 100%); transition: var(--base-duration); }
.card-project-image:after { background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.1) 100%); }
.card-project-image img { width: var(--width); height: var(--height); object-fit: cover; }
.card-project-text { padding: 22px; position: absolute; bottom: 0; left: 0; z-index: 1; display: block; width: 100%; font-family: var(--font-family-heading); font-size: var(--font-size-h3); font-weight: var(--font-weight-bold); color: var(--color-white); transition: var(--base-duration); }
.card-project-text h3 { margin-bottom: 16px; display: block; color: var(--color-white); }
.card-project-text span { display: block; font-size: 17px; }
.card-project-text span i { padding-left: 7px; }
.card-project:focus,
.card-project:hover .card-project-image:before { background: linear-gradient(to top, rgba(25, 134, 109, 1) 0%, rgba(25, 134, 109, 0) 60%, rgba(25, 134, 109, 0) 100%); transition: var(--base-duration); }
.card-project:hover .card-project-text { padding-bottom: 60px; }


/* ### brand ### */
.brand { margin-bottom: 34px; position: relative; }
.brand h3 { margin-bottom: 30px; }
.brand .swiper { overflow: visible; }
.brand .swiper-wrapper { align-items: center; }
.brand .swiper-slide img { filter: grayscale(1); opacity: 0.5; width: 100%; max-width: 200px; transition: var(--base-duration); }
.brand .swiper-slide img:hover { filter: none; opacity: 1; }


/* ### footer ### */
.footer { text-align: center; }
.footer-holder { padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 1; }
.footer-block { margin-bottom: 50px; margin-top: 50px; position: relative; z-index: 1; }
.footer-content { margin-bottom: 30px; color: var(--color-white); }
.footer-content h3 { margin-bottom: 30px; }
.footer-quote { padding: 40px 10px; height: 260px; font-family: var(--font-family-heading); font-size: 24px; font-weight: var(--font-weight-bold); line-height: 1.4; color: rgba(255, 255, 255, 0.9); border-radius: 0 0 30px; background-color: var(--color-green); }
.footer a:focus,
.footer a:hover { color: var(--color-white); }
.footer-links { margin-bottom: 50px; position: relative; z-index: 1; }
.footer-links h3 { margin-bottom: 30px; }
.footer-links ul { border: 1px solid rgba(255, 255, 255, 0.25); }
.footer-links li { border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
.footer-links li:last-child { border-bottom: none; }
.footer-links li a { padding: 30px 10px; display: block; font-family: var(--font-family-heading); font-size: 20px; font-weight: var(--font-weight-bold); text-align: center; color: var(--color-white); }
.footer-links li a:focus,
.footer-links li a:hover { background-color: var(--color-green); }
.footer-links li i { margin-right: 13px; font-size: 20px; vertical-align: middle; }
.footer-copy { text-align: center; }
.footer-bottom { position: relative; z-index: 1; font-size: 16px; color: rgba(255, 255, 255, 0.5); }
.footer-privacy { margin-bottom: 20px; display: flex; justify-content: center; }
.footer-privacy li:not(:last-of-type):after { margin: 0 10px; display: inline-block; color: rgba(255, 255, 255, 0.5); vertical-align: middle; content: '|'; }
.footer-privacy li a { color: rgba(255, 255, 255, 0.5); }
.footer-power { display: flex; align-items: center; justify-content: center; }
.footer-power li:first-child { margin-right: 15px; }
.footer-power img { transition: var(--base-duration); }
.footer-power img:hover { transform: scale(1.1); }
.footer-bg { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); border-radius: 30px 0 0; background-color: var(--color-black-light); overflow: hidden; }
.footer-bg img { opacity: 0.1; width: var(--width); height: var(--height); object-fit: cover; }
.footer-bg:after { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); background: linear-gradient(to bottom, rgba(34, 34, 34, 1) 20%, rgba(34, 34, 34, 0) 70%); content: ''; pointer-events: none; }


/* ### pop-up expertise ### */
.pop-up { margin: 0 auto; position: relative; max-width: 1084px; line-height: 1.6; border-radius: 0 0 30px; background-color: var(--color-white); }
.pop-up-content { padding: 50px 20px; position: relative; z-index: 1; }
.pop-up h2 { margin-bottom: 30px; font-size: 20px; }
.pop-up h4 { color: var(--color-green); }
.pop-up ul, .pop-up ol { color: var(--color-green); margin-bottom: 30px; }
.pop-up ul li, .pop-up ol li { list-style: disc !important; margin-left: 20px;  }
.pop-up a { color: var(--color-green); transition: var(--base-duration); }
.pop-up a:hover { color: var(--color-black); }
.pop-up p:first-of-type { font-weight: var(--font-weight-medium); }
.pop-up-image { position: absolute; bottom: 0; left: 0; width: var(--width); height: var(--height); pointer-events: none; }
.pop-up-image img { opacity: 0.25; width: var(--width); height: var(--height); object-fit: cover; }
.lity .lity-close { position: absolute; top: 5px; right: 5px; z-index: 1; font-family: var(--font-family-heading); font-size: 65px; font-weight: var(--font-weight-regular); color: var(--color-green); text-shadow: unset; }
.pop-up-intro { position: relative; z-index: 1; }


/* ### pop-up project ### */
.popup-project { position: relative; width: 100%; line-height: 1.6; border-radius: 0 0 30px; background-color: var(--color-white); }
.popup-project .swiper-slide img { width: var(--width); height: var(--height); object-fit: cover; }
.popup-project-text { padding: 50px 20px; color: var(--color-black-light); }
.popup-project-text h3 { margin-bottom: 25px; }
.popup-project-text p:last-of-type { margin-bottom: 39px; }
.popup-project-text ul { border-top: 1px solid rgba(26, 134, 110, 0.25); }
.popup-project-text li { padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid rgba(26, 134, 110, 0.25); }
.popup-project-text li span { display: inline-block; width: 122px; color: var(--color-green); }
.popup-project-text li a { color: var(--color-black-light); }
.popup-project-text li a:focus,
.popup-project-text li a:hover { color: var(--color-green); }
.popup-project .swiper-button-next,
.popup-project .swiper-button-prev { z-index: 1; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; font-size: 40px; color: var(--color-white); border-radius: 50%; }
.popup-project .swiper-button-prev { left: 53px; transform: rotate(-180deg); }
.popup-project .swiper-button-next { right: 53px; }
.popup-project .swiper-button-prev:after,
.popup-project .swiper-button-next:after { display: none; }
.popup-project .swiper { height: var(--height); }
.lity-container:has(.popup-project) .lity-close { color: var(--color-white); }

/* #Media Queries
================================================== */

@media only screen and (min-width: 768px) {
	.header-logo { width: 250px; }
	.hero { margin-left: 0; }
	.hero-content p { display: block; }
	.hero-image,
	.hero-video { border-radius: 0 0 60px; }
	.hero .swiper-slide { align-items: center; }
	.hero-scroll { position: absolute; bottom: 100px; left: 50%; z-index: 1; display: block; transform: translateX(-50%); }
	.hero-scroll a { position: relative; display: block; width: 47px; height: 34px; border: 2px solid var(--color-white); border-radius: 15px; transform: rotate(90deg); }
	.hero-scroll a:after { position: absolute; top: 12px; left: 8px; width: 5px; height: 3px; border: 2px solid var(--color-white); border-radius: 5px; content: ''; }
	.hero-scroll:before,
	.hero-scroll:after { position: absolute; bottom: 74px; left: 50%; width: 2px; height: 40px; background-color: var(--color-white); transform: translateX(-50%); content: ''; pointer-events: none; }
	.hero-scroll:after { bottom: -74px; }
	.intro { margin-top: -217px; padding-top: 398px; }
	.intro-holder { flex-direction: unset; }
	.intro-image { margin-bottom: 0; width: 50%; }
	.intro-block-image { margin-right: 30px; width: 136px; height: 136px; }
	.intro-content { width: 45%; }
	.intro-content h2 { margin-bottom: 43px; }
	.expertise-holder { position: relative; z-index: 1; }
	.card-accordion-heading h3 { margin-bottom: 42px; font-size: var(--font-size-h3); }
	.card-accordion-heading:before { position: absolute; top: 3px; }
	.image-block { height: 458px; }
	.image-block-shape { margin-top: -100px; }
	.project-holder { margin-bottom: 40px; display: flex; justify-content: space-between; gap: 30px; }
	.project-heading { margin: 0 auto 98px; max-width: 1066px; }
	.project-left { margin-bottom: 0; width: 50%; }
	.project-right { width: 50%; }
	.project-right-item { margin-bottom: 15px; }
	.footer { text-align: unset; }
	.footer-block { display: flex; justify-content: space-between; }
	.footer-content { width: 37%; }
	.footer-content h3 { margin-bottom: 59px; }
	.footer-quote { padding: 50px 20px; width: 50%; height: 350px; font-size: 30px; }
	.footer-links h3 { margin-bottom: 60px; }
	.footer-links ul { display: flex; flex-wrap: wrap; }
	.footer-links li { width: 33.33%; border-right: 1px solid rgba(255, 255, 255, 0.25); border-bottom: none; }
	.footer-links li:last-child { border-right: none; }
	.footer-links li a { padding: 20px 14px; font-size: 16px; border-bottom: unset; }
	.footer-links li i { font-size: 30px; }
	.footer-bottom { display: flex; flex-wrap: wrap; justify-content: center; }
	.footer-copy { width: 50%; }
	.footer-privacy { display: flex; width: 40%; }
	.footer-privacy li:not(:last-of-type):after { margin: 0 10px; display: inline-block; color: rgba(255, 255, 255, 0.5); vertical-align: middle; content: '|'; }
	.footer-privacy li a { color: rgba(255, 255, 255, 0.5); }
	.footer-bg { border-radius: 60px 0 0; overflow: hidden; }
	.lity .lity-close { top: 56px; right: 50px; }
}

@media only screen and (min-width: 1025px) {
	:root {
		--font-size-h1: 80px;
		--font-size-h2: 80px;
	}
	.header { padding-top: 30px; padding-bottom: 30px; align-items: center; }
	.header-right { width: 70%; }
	.mobileMenu { display: none; }
	.header-btn { display: block; }
	.header-menu { padding: unset; position: relative; z-index: 1; opacity: 1; visibility: visible; width: auto; height: unset; background-color: transparent; }
	.header-menu .hide { display: none; }
	.header-menu ul { padding: unset; display: flex; }
	.header-menu li { margin-bottom: 0; }
	.header-menu li:not(:last-of-type):after { margin: 0 10px; display: inline-block; color: var(--color-grey-dark); vertical-align: middle; content: '|'; }
	.hero { height: 912px; }
	.hero .swiper-slide { padding-bottom: unset; height: 960px; }
	.intro-sign { font-size: 50px; }
	.expertise { padding-top: 178px; }
	.expertise-holder { display: flex; align-items: center; justify-content: space-between; }
	.expertise-accordion { padding: 70px 18px; }
	.expertise-content { margin-bottom: 0; width: 38%; }
	.expertise-right { width: 50.2%; }
	.expertise-shape { top: -517px; }
	.project-text { left: 60px; }
	.project-right-item { margin-bottom: 20px; }
	.card-project-text { padding: 43px 61px; }
	.brand h3 { margin-bottom: 80px; }
	.brand .swiper-slide img { width: unset; }
	.footer-quote { padding: 50px 70px; height: 550px; font-size: 40px; }
	.footer-bottom { justify-content: space-between; }
	.footer-links { margin-bottom: 70px; }
	.footer-links li a { padding: 40px 25px; font-size: 22px; }
	.footer-copy { width: 33%; }
	.footer-privacy { justify-content: unset; width: 23.2%; }
	.pop-up-content { padding: 96px 154px 105px 100px; }
	.pop-up h2 { margin-bottom: 50px; font-size: 60px; }
	.popup-project { margin: 0 auto; display: flex; justify-content: space-between; max-width: 1441px; }
	.popup-project-image { width: 50%; }
	.popup-project-text { padding: 82px 60px 80px 20px; width: 47%; }
	.popup-project-text h3 { margin-bottom: 57px; }
	.lity-container:has(.popup-project) .lity-close { color: var(--color-green); }
}

@media only screen and (min-width: 1200px) {
	.header-logo { margin-left: 0; width: 300px; }
	.header-right { width: 65%; }
	.intro { padding-bottom: 180px; }
	.intro-content { width: 37.5%; }
	.intro-block-image { margin-right: 50px; }
	.expertise-accordion { padding: 102px 80px; }
	.project-right-item { margin-bottom: 23px; }
	.footer-quote { margin-top: -288px; padding: 75px 70px; width: 600px; height: 600px; font-size: 44px; }
	.footer-links { margin-bottom: 128px; }
}

@media only screen and (min-width: 1440px) {
	.centered { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); }
	.centered-lg { padding-right: calc((100% - var(--width-large)) / 2); padding-left: calc((100% - var(--width-large)) / 2); }
	.header { padding-top: 44px; padding-bottom: 45px; }
	.header-right { margin-top: 12px; }
	.image-block-shape { margin-top: -290px; }
	.project-right-item { margin-bottom: 30px; }
	.footer-quote { padding: 148px 69px 141px 87px; width: 720px; height: 720px; font-size: 60px; line-height: 1; }
	.footer-links li a { padding: 58px 65px; font-size: 30px; }
	.footer-copy { width: 22.5%; }
}