/* USER VARIABLES SECTION */

:root {
	--accent: #EFEC89;
	--text: #000;
	--regular-text: 16px;
	--lineheight: 120%;
	--userfont: "firamono", sans-serif;
	--title: dazzle-unicase, sans-serif;
	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
	--transition: 5s ease-in-out;
	/* --fz18: 18px;
	--lh22: 22px; */
	--px: 0.052vw;

}



/* FONTS LOAD SECTION */

@font-face { src: url("../fonts/FiraMono-Regular.woff2") format("woff2"); font-family: "firamono"; font-weight: 400; font-style: normal; font-display: swap; }
@font-face { src: url("../fonts/FiraMono-Bold.woff2") format("woff2"); font-family: "firamono"; font-weight: 600; font-style: normal; font-display: swap; }



/* GENERAL CSS SETTINGS */

::placeholder { color: #C5D1FF; }
::selection { background-color: var(--accent); color: #fff; }
input, textarea { outline: none; }

body {
	font-family: var(--userfont);
	font-size: var(--regular-text);
	line-height: var(--lineheight);
	color: var(--text);
	/* min-width: 320px; */
	position: relative;
	/* overflow-x: hidden; */
	box-sizing: border-box;
	max-width: 1920px;
	margin: 0 auto;
	background: #fff;
	font-weight: 400;
}


ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}

/* USER STYLES */

a {
	transition: .3s ease-in-out;
	text-decoration: none;
	color: var(--text);
}

a:hover {
	color: var(--acc-text);
}

.hidden {
	display: none;
}

.container-l {
	max-width: 1710px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}

.container {
	max-width: 1535px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}

.site-header {
	position: relative;
	padding: 20px 0;
}



.div {
	font-family: dazzle-unicase, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 70px;
	line-height: 84px;
	color: var(--accent);
	transition: var(--transition);
}

.header-logo {
	display: flex;
	align-items: flex-end;
	gap: 19px;
	font-size: 18px;
	position: relative;
}


.logo-anim-border {
	width: 0px;
	height: 5px;
	transition: width 1s ease-in-out, height 1.8s ease-in-out;
	position: absolute;
	right: -26px;
	bottom: -20px;
}

.logo-anim-border:after {
	content: '';
	width: 100%;
	height: 100%;
	border: 5px solid var(--accent);
	transition: var(--transition);
	position: absolute;
	border-top: 0;
  border-left: 0;
}


.animate-border {
	width: 434px;
	height: 30.5px;
}

.header-logo:hover .logo-anim-border {
	width: 284px;
}



ul.header-menu {
	display: flex;
	gap: 40px;
	align-items: center;
	margin-left: auto;
}

ul.header-menu li a {
	color: var(--text);
	font-size: 16px;
	display: block;
	position: relative;
}


ul.header-menu li.current-menu-item a {
	padding-left: 20px;
}

ul.header-menu li.current-menu-item a:before {
	content: '';
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	border: 5px solid var(--accent);
	transition: var(--transition);
	border-right: 0;
	border-top: 0;
	left: 9px;
	bottom: -7px;
}

.header-socials {
	display: flex;
	width: max-content;
	align-items: center;
	gap: 30px;
	position: absolute;
	top: 0;
	right: 15px;
}

.site-header .container-l {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.container-l .container-inner {
	padding-left: 138px;
	/* padding-right: 76px; */
	padding-right: 108px;
	display: flex;

}

section.home-news {
	padding-top: 55px;
}

.page-title {
	font-size: 70px;
	line-height: 84px;
	font-family: var(--title);
	width: max-content;
	text-transform: uppercase;
	position: relative;
	margin:0;
	transition: .3s ease-in-out;
}

.page-title:hover .title-bg {
	width: 100%;
}

.home-slider__block h1.page-title:after {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	z-index: -1;

}

.home-slider__block h1.page-title {
	text-align: right;
	margin-left: auto;
	z-index: 2;
}

.home-slider__block h1:after {
	width: calc(100% + 49px);
	background: #fff;
	left: -17px;
	bottom: -18px;
}

.home-slider__block {
	max-width: 967px;
	width: 100%;
	position: relative;
}

.home-news__slider {
	padding-right: 30px;
	/* max-width: 967px; */
	width: 100%;
	position: relative;
	margin-top: -25px;
}

.home-news__slide__image {
	max-width: 862px;
	width: 100%;
	height: 630px;
	clip-path: polygon(0 0, 100% 0, 97% 100%, 0 92%);
	position: relative;
	padding: 10px;
	/* background: var(--accent); */
}

.home-news__slide__image:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--accent);
	transition: var(--transition);
	clip-path: polygon(0 0, 100% 0, 97% 100%, 0 92%);
	z-index: -1;
}


.home-news__slide__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* z-index: 1; */
	clip-path: polygon(0 0, 100% 0, 97% 100%, 0 92%);
	transition: .3s ease-in-out;
	filter: grayscale(1);

}

.home-news__slide:hover .home-news__slide__image img {
	filter: none;
}

h3.home-news__slide-description {
	max-width: 213px;
	width: 100%;
	padding: 13px 11.5px 23px 21px;
	/* background: var(--accent) 0% 0%; */
	/* transition: var(--transition); */
	font-size: 16px;
	line-height: 19px;
	/* clip-path: polygon(0 0, 100% 0, 100% 100%, 0 82%); */
	position: absolute;
	top: 56px;
	right: -30px;
	z-index: 1;
}

h3.home-news__slide-description:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 82%);
	transition: var(--transition);
	background: var(--accent) 0% 0%;
	z-index: -1;
}

/* .home-news__slide {
	position: relative;
} */




.home-calendar__block {
	max-width: 499px;
	width: 100%;
	padding-top: 100px;
}

.home-calendar__container {
	max-width: 372px;
	width: 100%;
	border: 1px solid #000000;
	/* height: 338px; */
	margin-left: auto;
	margin-top: 25px;
	border-right: 0;
	padding: 2vw;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.home-calendar__title {
	z-index: 1;
}



.title-bg {
	display: block;
	position: absolute;
	z-index: -1;
	width: calc(100% + 60px);	
	left: -17px;
	top: 20px;	
	height: calc(100% + 16px);
	transition: .3s ease-in-out;
}

.title-bg:after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	transition: var(--transition);
	background: var(--accent);
}

.home-calendar__block:hover .title-bg  {
	width: 80%;
}

.home-calendar__project-name {
	width: 232px;
	padding: 10.5px 29px 27px 11.2px;
	position: absolute;
	font-size: 16px;
	line-height: 27px;
	bottom: -50px;
	z-index: 1;
	left: -31px;
}

.home-calendar__project-name:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--accent);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 82%);
	z-index: -1;
	transition: var(--transition);
}

.home-calendar__project-name:after {
	content: '>';
	position: absolute;
	right: 29px;
	font-weight: bold;
}

.project-link__image {
	display: block;
	max-width: 279px;
	width: 100%;
	height: 186px;
	position: absolute;
	top: calc(100% + 20px);
	right: 49px;
}

.project-link__image img {
	width: 100%;
	filter: grayscale(1);
	transition: .3s ease-in-out;
	height: 100%;
	object-fit: cover;
}

.project-link__image:hover img {
	filter: none;
}

section.home-news {
	margin-bottom: 320px;
}

.container-m {
	max-width: 1344px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}

.home-about__image {
	max-width: 789px;
	width: 100%;
	height: 600px;
	position: relative;
	transition: .3s ease-in-out;
	padding: 10px;
	z-index: 1;
}

.home-about__image:hover {
	transform: rotate(-2deg);
}

.home-about__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .3s ease-in-out;
	filter: grayscale(1);
	clip-path: polygon(0 0, 100% 11%, 93% 93%, 0 100%);
}

.home-about__image:hover img {
	filter: none;
}

.home-about__image:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--accent);
	transition: var(--transition);
	z-index: -1;
	clip-path: polygon(0 0, 100% 11%, 93% 93%, 0 100%);
}

.home-about__wrapper {
	display: flex;
}

.home-about__description {
	margin-left: -60px;
	width: 100%;
	max-width: 582px;
	padding-top: 50px;
}


.home-about__description-inner {
	padding: 79.5px;
	border: 1px solid #000;
	width: 100%;
}

.home-about__description-inner p {
	font-size: 16px;
	line-height: 27px;
}

.home-about__title {
	margin-left: auto;
	z-index: 1;
}

.home-about__description:hover .title-bg {
	width: 100%;
}

section.home-about {
	margin-bottom: 130px;
}

section.home-donate {
	margin-bottom: 148px;
}

.home-donate__wrapper {
	padding-left: 43px;
	width: max-content;
	position: relative;
}

.home-donate__wrapper img {
	max-width: 220px;
	max-height: 153px;
	transition: .3s ease-in-out;
	margin-bottom: 5px;
}

.page-small__title {
	margin: 0 0 0 42px;
	font-size: 50px;
	font-family: var(--title);
	line-height: 61px;
	position: relative;
	text-transform: uppercase;
	width: max-content;
}

.small-title__bg {
	display: block;
	position: absolute;
	z-index: -1;
	width: calc(100% + 60px);
	left: -17px;
	top: 20px;
	height: calc(100% + 16px);
	transition: .3s ease-in-out;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 63%);
}

.small-title__bg:after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	transition: var(--transition);
	background: var(--accent);
}

.home-donate__wrapper > a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.home-donate__wrapper > a:hover + img {
	transform: rotate(20deg);
}


.container-xl {
	max-width: 1810px;
	padding: 0 15px;
	width: 100%;
	margin: 0 auto;
}

.home-partners__heading {
	margin-bottom: 63px;
}

.home-partners__slider {
	width: 100%;
	position: relative;
}

.partner-slide {
	width: max-content;
	max-width: 285px;
	max-height: 137px;
}


.home-partners__slider .swiper-wrapper {
	align-items: center;
}

.partners-slider__wrapper {
	padding-bottom: 55px;
	position: relative;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 0;
	position: absolute;
	width: max-content;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: flex;
	gap: 13px;
}

.swiper-pagination-bullets.swiper-pagination-horizontal.home-slider__nav {
	bottom: -30px;
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #000;
	margin: 0;
	opacity: 1;
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: transparent;
	width: 10px;
	height: 10px;
	position: relative;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: var(--transition);
	background: var(--accent);
	border-radius: 50%;
}


section.home-partners {
	margin-bottom: 130px;
}

.home-partners__heading {
	display: flex;
	justify-content: center;
	gap: 67px;
	align-items: flex-end;
}

.home-partners__heading img {
	transition: .3s ease-in-out;
}

section.home-partners:hover .home-partners__heading img {
	transform: rotate(-10deg);
}

.partners-title {
	width: max-content;
	text-transform: uppercase;
}

footer.site-footer {
	padding: 168px 0 85px 0;
	background: #000;
	clip-path: polygon(0 0, 100% 18.5%, 100% 100%, 0 100%);
}

.footer-top {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 35px;
}

.footer-top__column {
	max-width: 373px;
	width: max-content;
	color: #fff;
}

.footer-address {
	font-size: 16px;
	line-height: 40px;
}

.footer-madeby {
	margin-top: -20px;
}

.footer-madeby p {
	font-size: 12px;
	/* line-height: 27px; */
	text-align: center;
	margin-bottom: 20px;
}

a.grenge-logo {
	display: block;
	margin-bottom: 18.5px;
	text-align: center;
	max-width: 55.25px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

a.grenge-logo img {
	width: 100%;
}

a.moloko-logo {
	display: block;
	text-align: center;
	max-width: 83.1px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

a.moloko-logo img {
	width: 100%;
}

.footer-newsletter p {
	font-size: 16px;
	color: #fff;
	margin-bottom: 28px;
	line-height: 36px;
}

.footer-newsletter {
	max-width: 372px;
	width: 100%;
}

.newsletter-input {
	width: 100%;
	height: 48px;
	border: 1px solid #fff;
	border-top: 0;
	padding-left: 20px;
	font-size: 16px;
	color: #fff;
	background: #000;
	padding-right: 60px;
	border-right: 0;
}

.newsletter-form {
	position: relative;
}

.newsletter-submit {
	width: 55px;
	height: 100%;
	border: 1px solid #fff;
	border-top: 0;
	background: transparent;
	z-index: 1;
	color: #fff;
	position: absolute;
	top: 0;
	right: 1px;
	padding: 0;
	margin: 0;
	transition: .3s ease-in-out;

}

.newsletter-submit:hover {
	background: #fff;
	color: #000;
}

.footer-bottom {
	display: flex;
	justify-content: space-between;
	gap: 15px;
}

.footer-bottom__column {
	color: #fff;
}

.footer-copyright {
	font-size: 14px;
}

.footer-links ul {
	display: flex;
	gap: 30px;
	margin: 0;
	padding: 0;
}

.footer-links ul li {
	margin: 0;
	padding: 0;
	position: relative;
}

.footer-links ul li:after {
	content: '/';
	position: absolute;
	right: -20px;
}

.footer-links ul li:last-child:after {
	display: none;
}

.footer-links a {
	font-size: 14px;
	transition: .3s ease-in-out;
	border-bottom: 1px solid #000;
	color: #fff;
}

.footer-links a:hover {
	border-color: #fff;
}

.projects-container {
	max-width: 1572px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}

.container-with-sort {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 132px;
	position: relative;
}

.projects .title-bg {
	width: calc(100% + 90px);
	top: 21px;
}
.projects-sort {
	position: relative;
	top: 39px;
	display: flex;
	gap: 23px;
	align-items: center;
}

.projects-sort a {
	padding-bottom: 2px;
	display: block;
	transition: .3s ease-in-out;
	border-bottom: 1px solid #fff;
}

.projects-sort .active {
	border-bottom: 1px solid #000000;
}

.projects-sort .active:hover {
	border-color: #fff;
}

.projects-head {
	margin-bottom: 159px;
}

.projects-list .projects-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 120px 5.91%;
}

.projects-list__item {
	position: relative;

}

.project-list__item-link {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

.project-list__item-image {
	position: relative;
	width: 100%;
	position: relative;
	transition: .3s ease-in-out;
	padding: 10px;
	height: 320px;
}

.project-list__item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s ease-in-out;
	filter: grayscale(1);
	clip-path: polygon(0 6%, 100% 0, 100% 100%, 0% 100%);
}

.project-list__item-image:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--accent);
	transition: var(--transition);
	z-index: -1;
	clip-path: polygon(0 6%, 100% 0, 100% 100%, 0% 100%);
}

p.project-list__item-date {
	margin-bottom: 0;
	padding-left: 20px;
	font-size: 16px;
}

.project-list__item-title {
	font-size: 23px;
	position: absolute;
	background: #fff;
	width: max-content;
	left: -1px;
	line-height: 28px;
	padding-left: 17px;
	padding-right: 15px;
	max-width: 100%;
	display: flex;
	top: calc(50% + 38px);
	transform: translateY(-50%);
	max-width: 95%;
	align-items: center;
}

.project-list__item-description {
	padding-top: 40px;
	border: 1px solid #000000;
	width: 99%;
	margin: 0 auto;
	border-top: 0;
	position: relative;
	height: 77px;
}
.project-list__item-title span.pr-list-arr {
	font-weight: bold;
	color: var(--accent);
	transition: var(--transition);
	
}

.project-list__item-title span.pr-list-title {
	margin-right: 40px;
}

.projects-list__item:hover .project-list__item-image img {
	filter: none;
	transform: scale(.97);
}

section.projects {
	padding-bottom: 120px;
}

.projects-list {
	margin-bottom: 96px;
}

.projects-bottom__link {
	text-align: center;
}

.projects-loadmore {
	font-size: 18px;
	padding-bottom: 2px;
	border-bottom: 1px solid #000;
}

.projects-archive__dates {
	position: absolute;
	top: 150px;
}

select.archive-dates {
	padding: 0 12.8px;
	border-top: 0;
}

.bierg-container {
	max-width: 1380px;
	padding: 0 15px;
	margin: 0 auto;
}

section.bierg .page-title {
	margin-left: auto;
	margin-right: 114px;
}

section.bierg {
	padding-top: 15px;
	padding-bottom: 400px;
}

section.bierg .page-head {
	margin-bottom: 130px;
}

.bierg-body .bierg-container {
	padding-right: 45px;
	display: flex;
}

.bierg-image {
	max-width: 800px;
	width: 100%;
	height: 700px;
	clip-path: polygon(0 0, 100% 11%, 93% 88%, 3% 100%);
	position: relative;
	padding: 10px;
	z-index: 1;
	transition: .3s ease-in-out;
}

.bierg-image:hover {
	transform: rotate(4deg);
}

.bierg-image:hover img {
	filter: none;
}

.bierg-image:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--accent);
	transition: var(--transition);
	clip-path: polygon(0 0, 100% 11%, 93% 88%, 3% 100%);
	z-index: -1;
	
}

.bierg-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: polygon(0 0, 100% 11%, 93% 88%, 3% 100%);
	transition: .3s ease-in-out;
	filter: grayscale(1);
}

.bierg-content {
	max-width: 582px;
	margin-left: -75px;
	padding-top: 135px;
}

.bierg-content__inner {
	position: relative;
	width: 100%;
	padding: 80px;
	border: 1px solid #000;
}

.bierg-content__inner h3 {
	margin-bottom: 0;
	font-weight: 600;
	font-size: 18px;
	position: absolute;
	background: #fff;
	top: -13px;
	right: 60px;
	line-height: 27px;
	padding-right: 33px;
	width: 100%;
	text-align: right;
}

.bierg-content__text {
	font-size: 16px;
	line-height: 27px;
}

.bierg-content__link {
	position: absolute;
	font-weight: 600;
	display: block;
	width: max-content;
	padding: 26.3px 37.4px 41px 28.3px;
	line-height: 22px;
	bottom: -70px;
	clip-path: polygon(0 0, 100% 0, 100% 81%, 0 100%);
}

.bierg-content__link span {
	z-index: 1;
	position: relative;
	transition: .3s ease-in-out;
}

.bierg-content__link:hover span {
	border-bottom: 1px solid #000;
}

.bierg-content__link:after {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: var(--transition);
	background: var(--accent);
	z-index: 0;
	clip-path: polygon(0 0, 100% 0, 100% 81%, 0 100%);
}

.bierg-content__logo {
	position: absolute;
	bottom: -200px;
	right: 7px;
	transition: .3s ease-in-out;
}

.bierg-content__link:hover + .bierg-content__logo {
	transform: rotate(15deg);
}

.support-container {
	max-width: 1244px;
	padding: 0 15px;
	margin: 0 auto;
	width: 100%;
	position: relative;
}

section.support {
	padding-bottom: 130px;
}

section.support .page-title {
	margin-left: auto;
	margin-right: 106px;
}

section.support .page-head {
	margin-bottom: 130px;
}

.support-body .support-container {
	display: flex;
}

.support-info {
	max-width: 592px;
	width: 100%;
	margin-right: -52px;
	position: relative;
}

.support-info__inner {
	padding: 80px;
	border: 1px solid #000;
	position: relative;
}

.support-ways {
	position: absolute;
	top: 0;
	padding: 17px 32.2px 38px 17.4px;
	display: block;
	width: max-content;
	font-size: 21px;
	line-height: 26px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 86%);
	top: -30px;
	right: -16px;
}

.support-ways span {
	position: relative;
	z-index: 1;
}

.support-ways:after {
	content: '';
	transition: var(--transition);
	background: var(--accent);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 86%);
	z-index: 0;
}

.support-info:before {
	content: '';
	width: 250px;
	height: 30px;
	position: absolute;
	background: #fff;
	top: -15px;
	left: 55px;
	z-index: 2;
}

.support-info__text p, .support-info__text {
	font-size: 16px;
	line-height: 27px;
}


.support-info__text a {
	transition: var(--transition);
	color: var(--accent);
	font-weight: 600;
}

.support-info__text p span {
	transition: var(--transition);
	color: var(--accent);
	font-weight: 600;
}

.support-flex {
	display: flex;
	gap: 15px
}


.support-description {
	margin-top: 84px;
	max-width: 647px;
	width: 100%;
	padding: 12px;
	height: max-content;
	position: relative;
	clip-path: polygon(13% 0, 96% 12%, 100% 90%, 0 100%);
}

.support-description:hover .support-description__image img {
	transform: rotate(20deg);
}

.support-description:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--accent);
	transition: var(--transition);
	clip-path: polygon(13% 0, 96% 12%, 100% 90%, 0 100%);
}

.support-description__inner {
	padding: 55px 137px 147px 89.2px;
	background: #fff;
	position: relative;
	z-index: 1;
	clip-path: polygon(13% 0, 96% 12%, 100% 90%, 0 100%);
}

.support-description__inner p {
	font-size: 18px;
	line-height: 22px;
	padding-left: 22px;
}

.support-description__image {
	margin-bottom: 34px;
	max-width: 202.88px;
	width: 100%;
}

.support-description__image img {
	width: 100%;
	transition: .3s ease-in-out;
}

section.support .go-back__link {
	position: absolute;
	top: 87px;
	right: calc(100% + 86px);
}

.project-container {
	max-width: 1550px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	
}

.project-body .project-container {
	display: flex;
}

section.project {
	padding-bottom: 205px;
}

section.project .go-back__link {
	position: absolute;
	left: 20px;
	top: 145px;
}

.project-title {
	margin-left: auto;
	margin-right: 110px;
}

.project-left__info {
	max-width: 760px;
	width: 100%;
}


.project-body__image {
	width: 100%;
	height: 560px;
	clip-path: polygon(0 0, 100% 0, 97% 100%, 0 93%);
	position: relative;
	padding: 10px;
	z-index: 1;
	transition: .3s ease-in-out;
}

.project-body__image:hover {
	transform: rotate(2deg);
}

.project-body__image:hover img {
	filter: none;
}

.project-body__image:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--accent);
	transition: var(--transition);
	clip-path: polygon(0 0, 100% 0, 97% 100%, 0 93%);
	z-index: -1;
	
}

.project-body__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: polygon(0 0, 100% 0, 97% 100%, 0 93%);
	transition: .3s ease-in-out;
	filter: grayscale(1);
}

.project-right__info {
	max-width: 800px;
	width: 100%;
	margin-left: -55px;
}

.project-right__info-inner {
	padding: 80px;
	border: 1px solid #000;
	
}

section.project .page-head {
	margin-bottom: 178px;
}

.project-info__content p {
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 30px;
}

.project-info__content p:last-child {
	margin-bottom: 0;
}

.project-right__info {
	position: relative;
}

.project-prod {
	position: absolute;
	font-size: 21px;
	font-weight: 600;
	line-height: 26px;
	padding-right: 40px;
	right: 57px;
	top: -12px;
	width: 100%;
	background: #fff;
	text-align: right;
}

.project-body__calendar {
	max-width: 482px;
	padding-right: 80px;
	margin-left: auto;
}

.project-calendar__inner {
	width: 100%;
	/* height: 375px; */
	border: 1px solid #000;
	margin-bottom: 25px;
	padding: 2vw;
	padding-top: 3vw;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.project-body__calendar {
	margin-top: -35px;
}

.project-calendar__schedule {
	padding-right: 15px;
	width: 100%;
	margin-bottom: 60px;
}

.project-calendar__schedule li {
	display: flex;
	justify-content: flex-end;
	gap: 35px;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 12px;
}

.project-calendar__schedule li span:nth-child(2) {
	transition: var(--transition);
	color: var(--accent);
	font-weight: 600;
}

.project-body__video {
	width: 100%;
	height: 266px;
}

.project-body__video img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-us-container {
	max-width: 1342px;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}

section.about-us {
	/* padding-bottom: 161px; */
	margin-bottom: 250px;
}

.about-title {
	margin-left: auto;
	margin-right: 240px;
}

section.about-us .page-head {
	padding-bottom: 75px;
}

.about-body .about-us-container {
	display: flex;
}

.about-image {
	max-width: 789px;
	width: 100%;
	height: 600px;
	clip-path: polygon(0 0, 100% 12%, 93% 88%, 0 100%);
	position: relative;
	padding: 10px;
	z-index: 2;
	transition: .3s ease-in-out;
}

.about-image:hover {
	transform: rotate(-5deg);
}

.about-image:hover img {
	filter: none;
}

.about-image:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--accent);
	transition: var(--transition);
	clip-path: polygon(0 0, 100% 12%, 93% 88%, 0 100%);
	z-index: -1;
	
}

.about-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: polygon(0 0, 100% 12%, 93% 88%, 0 100%);
	transition: .3s ease-in-out;
	filter: grayscale(1);
}

.about-content__box {
	max-width: 582px;
	margin-left: -72px;
	position: relative;
	margin-top: 57px;
	width: 100%;
}

.about-content__text {
	position: absolute;
	top: 0;
	padding: 80px;
	font-size: 16px;
	line-height: 27px;
	width: 100%;
	border: 1px solid #000;
	display: none;
}

.about-content__text.active {
	display: block;
}

.about-content__nav {
	position: absolute;
	top: 0;
	background: #fff;
	display: flex;
	gap: 20px;
	align-items: center;
	right: 20px;
	padding-right: 30px;
	width: 100%;
	justify-content: flex-end;
	top: -10px;
	z-index: 1;
}

.about-content__nav a {
	font-size: 16px;
	line-height: 19px;
	border-bottom: 1px solid #fff;
}

.about-content__nav a.active {
	border-bottom: 1px solid #000;
}

.about-content__nav a.active span {
	color: var(--accent);
	transition: var(--transition);
}

.members-container {
	max-width: 1530px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}

section.members h2 {
	font-size: 50px;
	font-family: dazzle-unicase, sans-serif;
	line-height: 61px;
	padding: 0 59px 40px 17px;
	margin-left: 300px;
	width: max-content;	
	clip-path: polygon(0 0, 100% 0, 100% 71%, 0 100%);
	margin-bottom: 100px;
	position: relative;
	text-transform: uppercase;
}

section.members h2 span {
	position: relative;
	z-index: 1;
}

section.members h2:after {
	content: '';
	width: 100%;
	height: 100%;
	z-index: 0;
	position: absolute;
	left: 0;
	top: 0;
	background: var(--accent);
	transition: var(--transition);
	clip-path: polygon(0 0, 100% 0, 100% 71%, 0 100%);
}

.members-list {
	display: grid;
	grid-template-columns: repeat(4, 320px);
	gap: 60px;
}

.member-list__item:hover .member-photo img {
	transform: scale(.97);
}


.member-photo {
	width: 100%;
	height: 323px;
	clip-path: polygon(0 0, 100% 5%, 93% 91%, 2% 99%);
	position: relative;
	padding: 10px;
	z-index: 2;
	margin-bottom: 15px;
}

.member-photo:hover img {
	filter: none;
}

.member-photo:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--accent);
	transition: var(--transition);
	clip-path: polygon(0 0, 100% 5%, 93% 91%, 2% 99%);
	z-index: -1;
	
}

.member-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: polygon(0 0, 100% 5%, 93% 91%, 2% 99%);
	transition: .5s ease-in-out;
	filter: grayscale(1);
}

.member-name, .member-description, .member-contacts {
	padding-left: 22px;
	padding-right: 22px;
}

.member-description {
	line-height: 16.8px;
	font-size: 14px;
	margin-bottom: 10px;
}

.member-name {
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	margin-bottom: 5px;
}

.member-contacts li {
	display: flex;
	gap: 25px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 17px;
	align-items: flex-start;
}

.member-contacts li:last-child {
	margin-bottom: 0;
}

.member-contacts li span {
	transition: var(--transition);
	color: var(--accent);
	font-weight: 600;
}

.member-contacts li a {
	border-bottom: 1px solid #fff;
}

.member-contacts li a:hover {
	border-bottom: 1px solid #000;
}

section.members {
	margin-bottom: 250px;
}

.tours-title {
	margin-left: auto;
	margin-right: 470px;
}

.tours-head {
	margin-bottom: 80px;
}

.tours-main {
	margin-bottom: 160px;
}

.tours-main .projects-container {
	padding-left: 120px ;
	display: flex;
}

.tours-description {
	max-width: 715px;
	width: 100%;
	padding-top: 50px;
	margin-left: -73px;
}

.tours-description__inner {
	width: 100%;
	padding: 80px;
	border: 1px solid #000;
	position: relative;
}

.tours-description-heading {
	position: absolute;
	top: -14px;
	background: #fff;
	font-size: 18px;
	line-height: 27px;
	font-weight: 600;
	right: 82px;
	padding-right: 25px;
	width: 100%;
	text-align: right;
}

.tours-description__inner p {
	font-size: 16px;
	line-height: 27px;
}

.tours-image {
	max-width: 722px;
	width: 100%;
	height: 525px;
	clip-path: polygon(0 13%, 100% 0, 79% 100%, 9% 90%);
	position: relative;
	padding: 10px;
	z-index: 2;
	transition: .3s ease-in-out;
}

.tours-image:hover {
	transform: rotate(6deg);
}

.tours-image:hover img {
	filter: none;
}

.tours-image:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--accent);
	transition: var(--transition);
	clip-path: polygon(0 13%, 100% 0, 79% 100%, 9% 90%);
	z-index: -1;
	
}

.tours-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: polygon(0 13%, 100% 0, 79% 100%, 9% 90%);
	transition: .3s ease-in-out;
	filter: grayscale(1);
}

.residenz-head {
	margin-bottom: 85px;
}

.residenz-title {
	margin-right: 270px;
	margin-left: auto;
}


.residenz-image {
	max-width: 700px;
	width: 100%;
	height: 500px;
	clip-path: polygon(0 0, 100% 12%, 90% 93%, 5% 100%);
	position: relative;
	padding: 10px;
	z-index: 2;
	transition: .3s ease-in-out;
}

.residenz-image:hover {
	transform: rotate(-6deg);
}

.residenz-image:hover img {
	filter: none;
}

.residenz-image:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--accent);
	transition: var(--transition);
	clip-path: polygon(0 0, 100% 12%, 90% 93%, 5% 100%);
	z-index: -1;
	
}

.residenz-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: polygon(0 0, 100% 12%, 90% 93%, 5% 100%);
	transition: .3s ease-in-out;
	filter: grayscale(1);
}

.residenz-main .projects-container {
	display: flex;
	padding-left: 130px;
}

.residenz-description {
	margin-left: -50px;
	max-width: 715px;
	width: 100%;
	padding-top: 50px;
}

.residenz-description__inner {
	padding: 80px;
	position: relative;
	border: 1px solid #000;
}

.residenz-description-heading {
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	width: 100%;
	background: #fff;
	position: absolute;
	top: -14px;
	padding-right: 40px;
	right: 80px;
	text-align: right;
}

.residenz-description__inner p {
	font-size: 16px;
	line-height: 27px;
}

.residenz-main {
	margin-bottom: 160px;
}

.project-tour__titre {
	position: absolute;
	bottom: -75px;
	left: 0;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	font-family: 'firamono';
}

.project-prod {
	top: 0px;
	transform: translateY(-50%);
}

.project-info__content img {
	max-width: 500px;
	margin-bottom: 45px;
}

.tours-info p {
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 0;
}

.tours-inner-container {
	max-width: 1550px;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}

.tours-description__title {
	z-index: 2;
	font-size: 50px;
	margin: 0 auto;
	font-family: dazzle-unicase, sans-serif;
	text-transform: uppercase;
	line-height: 61px;
	width: max-content;
}

.tours-description__title {
	position: relative;
}

.title-tours-bg {
	position: absolute;
	top: 25%;
	width: 125%;
	height: 100%;
	background: var(--accent);
	transition: var(--transition);
	left: -5%;
	z-index: -1;
	clip-path: polygon(0 0, 100% 0, 100% 63%, 0 100%);
}

.tours-description__box {
	display: flex;
	margin-top: -30px;
}

.tour-description__content {
	max-width: 800px;
	width: 100%;
	margin-right: -100px;
}

.tour-description__inner {
	width: 100%;
	padding: 80px;
	border: 1px solid #000;
}

.tour-description__inner p {
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 20px;
}

.tour-description__inner p a {
	border-bottom: 1px solid #fff;
}

.tour-description__inner p a:hover {
	border-bottom: 1px solid #000;
}


.tour-description__image {
	margin-top: 75px;
	max-width: 760px;
	width: 100%;
	height: 560px;
	clip-path: polygon(0 0, 100% 0, 96% 100%, 0 92%);
	position: relative;
	padding: 10px;
	z-index: 2;
}

.tour-description__image:hover img {
	filter: none;
}

.tour-description__image:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--accent);
	transition: var(--transition);
	clip-path: polygon(0 0, 100% 0, 96% 100%, 0 92%);
	z-index: -1;
	
}

.tour-description__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: polygon(0 0, 100% 0, 96% 100%, 0 92%);
	transition: .3s ease-in-out;
	filter: grayscale(1);
}

a.go-top {
	position: fixed;
	right: 75px;
	bottom: 100px;
	z-index: 3;
	transition: .3s ease;
	opacity: 0;
	visibility: hidden;
}

a.go-top.show {
	opacity: 1;
	visibility: visible;
}

.mobile-menu__toggler {
	display: none;
}

section.residenz {
	margin-bottom: 100px;
}

section.tours {
	margin-bottom: 100px;
}

.project-body__video-container {
	position: relative;
}

.swiper-pagination__videos.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: -50px;
}

.calendar-main {
	width: 100%;
}

.air-datepicker.-inline- {
	width: 100%;
}

.air-datepicker-nav{
	border: 0;
}

.air-datepicker-nav--title {
	/* border-bottom: 1px solid #000; */
	border-radius: 0;
	font-size: 20px;
	color: #000;
	position: relative;
}

.air-datepicker-nav--title:after {
	content: '';
	width: 100%;
	top: calc(100% + 12px);
	height: 1px;
	background: #000;
	position: absolute;
}

.air-datepicker-nav {
	justify-content: center;
	gap: 5px;
	padding-bottom: 25px;
}

.air-datepicker {
	border: 0;
	font-family: var(--userfont);
}

.air-datepicker-nav--action path {
	stroke: var(--accent);
	transition: var(--transition);
}

.air-datepicker-body--day-name {
	font-size: 10px;
	font-weight: bold;
	color: #000;

}

.air-datepicker-cell.-selected- {
	background: var(--accent);
	transition: var(--transition);
	color: #000;
	border-radius: 50%;
}

.air-datepicker-cell.-current- {
	color: var(--accent);
	transition: var(--transition);
}

.have-project {
	border: 2px solid var(--accent);
	transition: var(--transition);
	border-radius: 50%;
}

.project-dates {
	display: none;
}

.tours-inner__description {
	margin-bottom: 100px;
}

.air-datepicker-body--cells.-days- {
	gap: 2.5%;
}

.air-datepicker-cell {
	font-size: 12px;
}
.project-calendar__inner .air-datepicker-cell {
	pointer-events: none;
}

h3.home-news__slide-description {
	opacity: 0;
	transition: 3s;
}

.home-news__slide.swiper-slide-active h3.home-news__slide-description {
	opacity: 1;
}