:root {
	/* Colors */
	--agds-color-1: #808080;
	--agds-color-1-rgb: 230, 230, 230;

	--agds-color-2: #FFFF00;
	--agds-color-2-rgb: 255, 255, 0;

	--agds-white: #ffffff;
	--agds-white-rgb: 255, 255, 255;
	--agds-light: #F5F5F5;
	--agds-grey: #E6E6E6;
	--agds-grey-rgb: 230, 230, 230;
	--agds-dark: #020202;
	--agds-dark-rgb: 2, 2, 2;
	--agds-dark-70: rgb(var(--agds-dark-rgb), 70%);
	--agds-dark-2: #1B1B1B;
	--agds-dark-2-rgb: 27, 27, 27;
	--agds-black: #000000;
	--agds-black-rgb: 0, 0, 0;
}

/* MAIN */
html,
body {
	color: var(--agds-dark);
	background-color: var(--agds-light);
}

.main {
	margin-top: var(--agds-header-height);
}

.container .content-block.marg-left,
.container.container-xl {
	border-radius: calc(40px + (50 - 40) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	padding: calc(30px + (60 - 30) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport)))) calc(16px + (60 - 16) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	background-repeat: no-repeat;
	background-position: 0 -30px;
	background-image: url('../img/bg-content.webp');
}

.container.container-xl {
	--agds-container: 1680px;
}

._decor-line-yellow,
._overlay,
._hover-overlay {
	position: relative;
}

._overlay::after,
._hover-overlay::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	background-color: rgb(var(--agds-black-rgb), 40%);
	-webkit-transition: var(--agds-transition);
	-o-transition: var(--agds-transition);
	transition: var(--agds-transition);
	z-index: 1;
}

._overlay::after {
	opacity: 1;
	visibility: visible;
}

._play._overlay::after {
	opacity: 0;
	visibility: hidden;
}

._hover-overlay:hover::after {
	opacity: 1;
	visibility: visible;
}

._decor-line-yellow::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	width: 130px;
	height: 8px;
	pointer-events: none;
	background: center / cover no-repeat url('../img/decor-line-yellow.svg');
}

._decor-line-yellow--2::after {
	background: center / cover no-repeat url('../img/decor-line-yellow-2.svg');
}

._hover-icon::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0.3);
	-ms-transform: translate(-50%, -50%) scale(0.3);
	transform: translate(-50%, -50%) scale(0.3);
	width: 40px;
	height: 40px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 2;
	-webkit-transition: var(--agds-transition);
	-o-transition: var(--agds-transition);
	transition: var(--agds-transition);
}

._hover-icon:hover::before {
	opacity: 0.95;
	visibility: visible;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}

._hover-icon--zoom::before {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiIgY2xhc3M9ImJpIGJpLXpvb20taW4iIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi41IDEyYTUuNSA1LjUgMCAxIDAgMC0xMSA1LjUgNS41IDAgMCAwIDAgMTFNMTMgNi41YTYuNSA2LjUgMCAxIDEtMTMgMCA2LjUgNi41IDAgMCAxIDEzIDAiLz4KICA8cGF0aCBkPSJNMTAuMzQ0IDExLjc0MnEuMDQ0LjA2LjA5OC4xMTVsMy44NSAzLjg1YTEgMSAwIDAgMCAxLjQxNS0xLjQxNGwtMy44NS0zLjg1YTEgMSAwIDAgMC0uMTE1LS4xIDYuNSA2LjUgMCAwIDEtMS4zOTggMS40eiIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNSAzYS41LjUgMCAwIDEgLjUuNVY2aDIuNWEuNS41IDAgMCAxIDAgMUg3djIuNWEuNS41IDAgMCAxLTEgMFY3SDMuNWEuNS41IDAgMCAxIDAtMUg2VjMuNWEuNS41IDAgMCAxIC41LS41Ii8+Cjwvc3ZnPg==');
}

._hover-icon--link::before {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiIgY2xhc3M9ImJpIGJpLWJveC1hcnJvdy11cC1yaWdodCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjYzNiAzLjVhLjUuNSAwIDAgMC0uNS0uNUgxLjVBMS41IDEuNSAwIDAgMCAwIDQuNXYxMEExLjUgMS41IDAgMCAwIDEuNSAxNmgxMGExLjUgMS41IDAgMCAwIDEuNS0xLjVWNy44NjRhLjUuNSAwIDAgMC0xIDBWMTQuNWEuNS41IDAgMCAxLS41LjVoLTEwYS41LjUgMCAwIDEtLjUtLjV2LTEwYS41LjUgMCAwIDEgLjUtLjVoNi42MzZhLjUuNSAwIDAgMCAuNS0uNSIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE2IC41YS41LjUgMCAwIDAtLjUtLjVoLTVhLjUuNSAwIDAgMCAwIDFoMy43OTNMNi4xNDYgOS4xNDZhLjUuNSAwIDEgMCAuNzA4LjcwOEwxNSAxLjcwN1Y1LjVhLjUuNSAwIDAgMCAxIDB6Ii8+Cjwvc3ZnPg==');
}

@media screen and (max-width: 1500px) {
	.container.container-xl {
		padding-left: 80px;
		padding-right: 80px;
	}
}

@media screen and (max-width: 1400px) {
	.container.container-xl {
		padding-left: 45px;
		padding-right: 45px;
	}
}

@media screen and (max-width: 991px) {
	.container-lg-full-width {
		max-width: 100%;
		padding: 0;
	}
}

@media screen and (max-width: 767px) {

	.container .content-block.marg-left,
	.container-lg-full-width-content,
	.container.container-xl {
		background-image: none;
		border-radius: calc(40px + (50 - 40) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
		padding-left: var(--agds-gutter-md) !important;
		padding-right: var(--agds-gutter-md) !important;
	}
}

/* Overlay Main*/
.fancybox__backdrop,
.overlay-main {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(var(--agds-black-rgb), 70%);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transition: var(--agds-transition);
	-o-transition: var(--agds-transition);
	transition: var(--agds-transition);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	z-index: 9;
}

.fancybox__footer {
	z-index: 99;
}

html.with-fancybox .fancybox__backdrop {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

/* BUTTONS */
.btn,
.wp-block-button__link {
	display: inline-block;
	padding: 18px 60px;
	text-align: center;
	border-radius: 30px;
	font-weight: 500;
	font-size: calc(18px + (20 - 18) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	border: none;
	outline: none;
	border: 1px solid transparent;
	-webkit-transition: var(--agds-transition);
	-o-transition: var(--agds-transition);
	transition: var(--agds-transition);
}

/* Main Button */
.btn-main,
.wp-block-button__link {
	color: var(--agds-white);
	background-color: var(--agds-color-1);
}

.btn-main:hover,
.wp-block-button__link:hover {
	background-color: var(--agds-color-2);
	color: var(--agds-white);
}

/* Accent Button */
.btn-accent {
	color: var(--agds-dark);
	background-color: var(--agds-color-2);
}

.btn-accent:hover {
	border-color: var(--agds-grey);
	background-color: rgb(var(--agds-color-2-rgb), 65%);
}

/* Border Button */
.btn-border {
	color: var(--agds-dark);
	background-color: transparent;
	border-color: var(--agds-dark);
}

.btn-border:hover {
	color: var(--agds-dark);
	background-color: rgb(var(--agds-color-2-rgb), 20%);
	border-color: var(--agds-grey);
}

.btn-border--sm {
	padding: 13px 30px;
	font-size: 16px;
}

.btn-border.btn-border--sm:hover {
	color: var(--agds-dark);
	background-color: var(--agds-color-2);
	border-color: var(--agds-dark);
}

/* Has Icon Button */
.btn-has-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.btn-has-icon svg {
	--flex: 0;
	position: relative;
	fill: var(--agds-dark);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 var(--flex);
	flex: 0 0 var(--flex);
	max-width: var(--flex);
	height: 21px;
	margin-left: 0;
	opacity: 0;
}

.btn-has-icon:hover svg {
	--flex: 18px;
	margin-left: 15px;
	opacity: 1;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	fill: var(--agds-dark);
}

/* HEADER */
.header {
	position: fixed;
	right: var(--fancybox-scrollbar-compensate, 0);
	top: 0;
	left: 0;
	-webkit-transition: var(--agds-transition);
	-o-transition: var(--agds-transition);
	transition: var(--agds-transition);
	z-index: 99;
}

.header::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(var(--agds-white-rgb), 90%);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	overflow: hidden;
	border-bottom-left-radius: calc(30px + (50 - 30) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	border-bottom-right-radius: calc(30px + (50 - 30) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	-webkit-transition: var(--agds-transition);
	-o-transition: var(--agds-transition);
	transition: var(--agds-transition);
}

.header.header--transparent::after {
	background-color: var(--agds-white);
}

.header__inner {
	height: var(--agds-header-height);
}

.logo img {
	display: block;
	max-width: calc(110px + (166 - 110) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
}

nav ul.nav-list li.menu-item {
	position: relative;
}

nav ul.nav-list li.menu-item a {
	padding: 3px 0;
	font-size: 16px;
	position: relative;
	border-bottom: 3px solid transparent
}

nav ul.nav-list>li.menu-item:not(:last-child) {
	margin-right: 35px;
}

nav ul.nav-list li a._active,
nav ul.nav-list li a[aria-current="page"][href]:not([href*="#"]),
nav ul.nav-list li a:hover {
	border-color: var(--agds-color-2);
}

.menu-item-has-children__icon {
	display: none;
}

.header-right>.socials-wrap {
	margin-right: 34px;
}

/* Contacts Has Icon */
.contacts-item-has-icon svg {
	max-width: 16px;
	margin-right: 10px;
}

.contacts-item-has-icon span {
	position: relative;
	z-index: 2;
}

.header-right .phones-item__link {
	line-height: 1.1;
	border-color: currentColor;
}

@media screen and (min-width: 1200px) {
	nav ul.nav-list {
		margin-right: 135px;
	}

	.header__nav ul.nav-list .sub-menu {
		display: block;
		position: absolute;
		background-color: var(--agds-white);
		color: var(--agds-dark);
		border-radius: var(--agds-border-radius-ls);
		padding: 10px 30px 10px 15px;
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
		max-width: 250px;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		list-style: none;
		-webkit-box-shadow: 0px 0px 4px 4px rgb(var(--agds-black-rgb), 3%);
		box-shadow: 0px 0px 4px 4px rgb(var(--agds-black-rgb), 3%);
		-webkit-transition: var(--agds-transition);
		-o-transition: var(--agds-transition);
		transition: var(--agds-transition);
		z-index: 2;
	}

	.header__nav ul.nav-list>li>.sub-menu {
		max-width: 270px;
		top: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.header__nav ul.nav-list>li>.sub-menu li a {
		padding: 3px 0;
	}

	.header__nav ul.nav-list>li.menu-item-has-children {
		padding-right: 16px;
		cursor: pointer;
	}

	.header__nav ul.nav-list>li.menu-item-has-children a {
		position: relative;
	}

	.header__nav ul.nav-list>li.menu-item-has-children::after {
		content: '';
		position: absolute;
		display: block;
		top: 50%;
		right: 0px;
		width: 10px;
		height: 10px;
		background-image: url('../img/icons/i-arrow-down.svg');
		background-size: 100%;
		background-repeat: no-repeat;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: var(--agds-transition);
		-o-transition: var(--agds-transition);
		transition: var(--agds-transition);
	}

	.header__nav ul.nav-list>li.menu-item-has-children:hover::after {
		-webkit-transform: rotate(180deg) translateY(50%);
		-ms-transform: rotate(180deg) translateY(50%);
		transform: rotate(180deg) translateY(50%);
	}

	.header__nav ul.nav-list>li.menu-item-has-children .sub-menu>li .sub-menu {
		left: 100%;
		top: -10px;
	}

	.header__nav ul.nav-list>li.menu-item-has-children .sub-menu>li:hover>.sub-menu,
	.header__nav ul.nav-list>li.menu-item-has-children:hover>.sub-menu {
		pointer-events: auto;
		opacity: 1;
		visibility: visible;
	}
}

@media screen and (max-width: 1199px) {
	.header__nav {
		position: fixed;
		right: 0;
		top: var(--agds-header-height);
		width: 100%;
		bottom: 0;
		padding: 40px;
		overflow: auto;
		color: var(--agds-dark);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		will-change: auto;
		background-color: var(--agds-white);
		-webkit-transition: var(--agds-transition);
		-o-transition: var(--agds-transition);
		transition: var(--agds-transition);
	}

	.header-nav--active::after {
		border-radius: 0;
	}

	.header__nav .socials {
		margin-top: calc(30px + (100 - 30) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	}

	.burger {
		width: 25px;
		height: 16px;
		position: relative;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: var(--agds-transition);
		-o-transition: var(--agds-transition);
		transition: var(--agds-transition);
		cursor: pointer;
		margin-left: calc(15px + (150 - 15) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	}

	.burger span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background-color: var(--agds-dark);
		border-radius: 5px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: var(--agds-transition);
		-o-transition: var(--agds-transition);
		transition: var(--agds-transition);
	}

	.burger span:nth-child(1) {
		top: 0px;
	}

	.burger span:nth-child(2),
	.burger span:nth-child(3) {
		top: calc(50% - 1px);
	}

	.burger span:nth-child(4) {
		top: calc(100% - 2px);
	}

	.burger._active span:nth-child(1) {
		top: calc(50% - 1px);
		width: 0%;
		left: 50%;
	}

	.burger._active span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.burger._active span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.burger._active span:nth-child(4) {
		top: calc(50% - 1px);
		width: 0%;
		left: 50%;
	}

	.header__nav ul.nav-list {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		max-width: 100%;
	}

	.header__nav::-webkit-scrollbar {
		display: none;
	}

	.header__nav ul.nav-list li.menu-item:not(:last-child) {
		margin-right: 0;
		margin-bottom: 25px;
	}

	.header__nav ul.nav-list li.menu-item.menu-item-has-children {
		display: inline-block;
	}

	.menu-item-has-children__icon {
		position: absolute;
		display: block;
		left: -30px;
		top: 8px;
		width: 20px;
		height: 20px;
		cursor: pointer;
		fill: var(--agds-white);
		-webkit-transition: var(--agds-transition);
		-o-transition: var(--agds-transition);
		transition: var(--agds-transition);
	}

	.menu-item-has-children__icon svg {
		padding: 4px;
		pointer-events: none;
	}

	.header__nav ul.nav-list>li.menu-item-has-children .sub-menu {
		padding: 16px 10px;
	}

	.header__nav ul.nav-list li.menu-item-has-children .sub-menu>li:not(:last-child) {
		margin-bottom: 5px;
	}

	.header__nav ul.nav-list li.menu-item-has-children .sub-menu>li a {
		font-size: 18px;
	}

	.header__nav ul.nav-list>li.menu-item-has-children .sub-menu[hidden] {
		display: none;
	}

	.menu-item-has-children._active>.menu-item-has-children__icon {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

@media screen and (max-width: 767px) {
	.header__nav {
		padding: var(--agds-gutter-md);
	}

	.header-right .phones-item__link {
		line-height: 1.1;
		display: none;
	}
}

/* FOOTER */
/* Socials */
.socials {
	gap: 15px;
}

.socials-link {
	width: 28px;
	height: 28px;
	border: 1px solid;
	border-radius: 50%;
	background-color: transparent;
}

.socials-link:hover {
	background-color: var(--agds-color-2);
}

.socials-link__icon {
	max-width: 60%;
	fill: var(--agds-dark);
}

.footer .contacts-item-has-icon svg,
.footer .socials-link__icon {
	fill: var(--agds-white);
	max-width: 18px;
	max-height: 18px;
}

.contacts-item-has-icon svg {
	max-width: 18px;
	max-height: 19px;
}

.contacts-item-has-icon svg.icon-i-envelope {
	max-width: 20px;
	max-height: 19px;
	margin-right: 8px;
}

.footer .socials-link:hover .socials-link__icon {
	fill: var(--agds-dark);
}

.footer-bottom {
	border-top: 1px solid var(--agds-grey);
}

/* Dev */
.footer-dev {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 5px;
}

.footer-dev__icon {
	max-width: 18px;
	max-height: 16px;
	-webkit-transition: var(--agds-transition);
	-o-transition: var(--agds-transition);
	transition: var(--agds-transition);
	fill: currentColor;
}

.footer-dev:hover .footer-dev__icon {
	-webkit-animation: heartbeat 1.4s infinite;
	animation: heartbeat 1.4s infinite;
	fill: var(--agds-color-2);
}

@-webkit-keyframes heartbeat {
	0% {
		opacity: 1
	}

	20% {
		opacity: .6
	}

	100% {
		opacity: 1
	}
}

@keyframes heartbeat {
	0% {
		opacity: 1
	}

	20% {
		opacity: .6
	}

	100% {
		opacity: 1
	}
}

/* 404 */
.error-404-section {
	min-height: 60vh;
}

.error-404-section .btn {
	margin-top: var(--agds-gap);
}

/* FRONT HERO SECTION*/
.front-hero-section {
	margin-top: calc(10px + (30 - 10) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
}


.front-hero-section .container .content-block {
	padding-top: calc(40px + (150 - 40) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	padding-right: 20px;
	padding-bottom: 30px;
	background-position: 0;
	background-size: cover;
	background-image: url('../img/hero-bg.webp');
}

.front-hero-section .content-block-top .title {
	line-height: 1.4;
	font-size: 90px;
}

.front-hero-section .content-block-top .title i {
	font-style: normal;
	position: relative;
}

.front-hero-section .section-title-wrap>.image-wrap {
	position: absolute;
	top: 5%;
	right: 0;
	width: calc(83px + (195 - 83) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	height: calc(33px + (72 - 33) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	border-radius: var(--agds-border-radius-md);
}

.front-hero-section .content-block-top .title i::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	width: 105%;
	height: 8px;
	pointer-events: none;
	background: center / cover no-repeat url('../img/decor-line-yellow-2.svg');
}

.front-hero-section .content-block-top .title b {
	position: relative;
	font-weight: inherit;
}

.front-hero-section .content-block-top .title b::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate(-28%, -95%);
	-ms-transform: translate(-28%, -95%);
	transform: translate(-28%, -95%);
	width: calc(23px + (54 - 23) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	height: calc(25px + (59 - 25) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	pointer-events: none;
	background: center / contain no-repeat url('../img/decor-star-yellow.svg');
}

.front-hero-section .content-block-top .content {
	max-width: 90%;
	font-size: calc(14px + (20 - 14) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
}

.front-hero-section .caption {
	margin-top: var(--agds-gap-lg);
}

.front-hero-section .item-content-images {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(12, 1fr);
}

.front-hero-section .item-content-images>.hero-card,
.front-hero-section .item-content-images>.image-wrap {
	grid-column: span 6;
}

.front-hero-section .item-content-images>.image-wrap:first-child {
	grid-column: span 12;
}

.hero-card .icon-wrap {
	position: absolute;
	-webkit-transform: translateY(-25%) rotate(-90deg);
	-ms-transform: translateY(-25%) rotate(-90deg);
	transform: translateY(-25%) rotate(-90deg);
	border: 1px solid transparent;
	top: calc(20px + (30 - 20) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	right: calc(20px + (30 - 20) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	-webkit-transition: var(--agds-transition);
	-o-transition: var(--agds-transition);
	transition: var(--agds-transition);
}

.hero-card:hover .icon-wrap {
	border-color: var(--agds-grey);
	background-color: rgb(var(--agds-color-2-rgb), 60%);
	-webkit-transform: translateY(-25%) rotate(0deg);
	-ms-transform: translateY(-25%) rotate(0deg);
	transform: translateY(-25%) rotate(0deg);
}

.hero-card .content {
	height: 50%;
	max-width: calc(100% - 40px);
	padding: calc(20px + (30 - 20) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport)))) calc(16px + (30 - 16) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
}

.hero-card .image-wrap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 50%;
	overflow: hidden;
}

.hero-card:hover .image-wrap::after {
	visibility: visible;
	opacity: 1;
}

@media screen and (max-width: 1500px) {
	.front-hero-section .content-block-top .title {
		font-size: 71px;
		line-height: 1.3;
	}

	.front-hero-section .content-block-top .title i::after {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		width: 150%;
		height: 8px;
	}
}

@media screen and (max-width: 991px) {
	.front-hero-section .item-content-images {
		margin-top: var(--agds-gap-sm);
	}

	.front-hero-section .content-block-top .title {
		font-size: 55px;
	}

	.front-hero-section .item-content-images>.image-wrap:first-child {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.front-hero-section .content-block-top .title {
		font-size: 36px;
	}

	.front-hero-section .section-title-wrap>.image-wrap {
		top: 1%;
	}

	.front-hero-section .content-block-top .content {
		max-width: 100%;
	}

	.front-hero-section .buttons-wrap .btn:not(:last-child) {
		margin-bottom: var(--agds-gap-sm);
	}

	.front-hero-section .item-content-images>.hero-card,
	.front-hero-section .item-content-images>.image-wrap {
		grid-column: span 12;
		aspect-ratio: var(--agds-aspect-ratio-md);
	}
}

/* FRONT VIDEO SECTION*/
.clients-section,
.front-services-section {
	border-radius: calc(40px + (50 - 40) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
}

.video-container {
	border-radius: calc(20px + (50 - 20) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
}

@media screen and (min-width: 1200px) {
	.front-video-section .video-container {
		max-width: 80%;
		margin: 0 auto;
	}
}

/* FRONT PROJECTS SECTION*/
.front-projects-items {
	grid-template-columns: repeat(12, 1fr);
}

.project-card:nth-child(2) .image-link,
.project-card:first-child .image-link {
	aspect-ratio: var(--agds-aspect-ratio-wd);
}

@media screen and (min-width: 992px) {
	.project-card {
		grid-column: span 4;
	}

	.project-card:nth-child(2),
	.project-card:first-child {
		grid-column: span 6;
	}
}

@media screen and (max-width: 991px) {
	.front-projects-items {
		grid-template-columns: 1fr;
	}

	.project-card .image-link {
		aspect-ratio: var(--agds-aspect-ratio-wd) !important;
	}
}

@media screen and (max-width: 767px) {
	.project-card .image-link {
		aspect-ratio: var(--agds-aspect-ratio-md) !important;
	}
}

/* FRONT CLIENTS SECTION*/
.clients-section {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

/* Marquee */
.marquee__inner {
	white-space: nowrap;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.marquee-item {
	white-space: nowrap;
	margin-left: calc(40px + (120 - 40) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
}

.marquee-item img {
	max-width: calc(120px + (190 - 120) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	max-height: calc(55px + (70 - 55) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
}

/* SERVICES POST GRID SECTION*/
.services-items {
	display: grid;
	row-gap: calc(70px + (150 - 70) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
}

.services-items .item-content-wrap .container-xl {}

.services-item .index-num {
	color: var(--agds-color-2);
	font-weight: 800;
	line-height: 1;
	font-size: calc(48px + (64 - 48) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	-webkit-filter: drop-shadow(0px 0px 1px rgb(var(--agds-dark-2-rgb), 50%));
	filter: drop-shadow(0px 0px 1px rgb(var(--agds-dark-2-rgb), 50%));
}

.item-offers {
	grid-template-columns: repeat(3, 1fr);
	gap: var(--agds-gutter-md);
}

.offers-card {
	padding: calc(20px + (30 - 20) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport)))) calc(10px + (30 - 10) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	border: 1px solid var(--agds-grey);
}

.icon-bg-round-yellow {
	--flex: 28px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 var(--flex);
	flex: 0 0 var(--flex);
	max-width: var(--flex);
	height: var(--flex);
	width: 100%;
	background-color: var(--agds-color-2);
	border-radius: 50%;
}

.icon-bg-round-yellow--xl {
	--flex: calc(24px + (36 - 24) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
}

.icon-bg-round-yellow--sm {
	--flex: 20px;
}

.icon-bg-round-yellow svg {
	max-width: 55%;
}

.content ul.offers-card-list {
	padding-left: 70px;
	margin-top: 5px;
	color: rgb(var(--agds-dark-2-rgb), 80%);
}

@media screen and (max-width: 1500px) {
	.content ul.offers-card-list {
		padding-left: 20px;
		margin-top: 15px;
	}
}

@media screen and (max-width: 991px) {
	.item-offers {
		grid-template-columns: repeat(2, 1fr);
	}

	.services-items .item-content-wrap .container {
		background-size: 246px;
		background-position-y: -16px;
	}
}

@media screen and (max-width: 767px) {
	.services-grid-section {
		margin-top: var(--agds-gap-lg);
	}

	.item-offers {
		grid-template-columns: 1fr;
	}

	.item-content-images .col:last-child {
		display: none;
	}

	.item-content-images .image-wrap img {
		aspect-ratio: var(--agds-aspect-ratio-md);
	}
}

/* SERVICES WHY CHOOSE SECTION */
.why-choose-section .container.container-xl {
	background-position: right bottom;
	background-image: url('../img/bg-content-2.webp');
}

.why-choose-section .content-block {
	padding: calc(0px + (60 - 0) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport)))) 0;
}

.why-choose-section .content-items {
	grid-template-columns: repeat(2, 1fr);
	row-gap: calc(40px + (68 - 40) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	column-gap: 15px;
	margin: calc(32px + (60 - 32) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport)))) 0 calc(40px + (60 - 40) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
}

.why-choose-section .content-item .index-num {
	font-size: calc(64px + (100 - 64) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	font-weight: 800;
	color: rgb(var(--agds-grey-rgb), 34%);
	position: absolute;
	top: 0;
	-webkit-transform: translateY(-43%);
	-ms-transform: translateY(-43%);
	transform: translateY(-43%);
	left: 0;
}



@media screen and (max-width: 991px) {
	.why-choose-section .container.container-xl {
		background-size: 246px;
	}
}

@media screen and (max-width: 767px) {
	.why-choose-section .container.container-xl {
		background-image: none;
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.why-choose-section .image-wrap img {
		border-radius: var(--agds-border-radius-lg);
	}

	.why-choose-section .content-items {
		grid-template-columns: 1fr;
	}
}

/* SERVICES FORM SECTION */
form .wpforms-field-limit-text,
form em.wpforms-error,
form .wpforms-hidden,
form label.wpforms-error,
form .wpforms-label-hide,
form .wpforms-sublabel-hide {
	display: none !important;
}

form .wpforms-field-layout-rows {
	row-gap: 15px;
	display: grid;
}

form .wpforms-field-label {
	font-size: 16px;
	display: inline-block;
	margin-bottom: 6px;
}

form .wpforms-required-label {
	color: var(--agds-danger);
}

form textarea,
form input {
	padding: 12px 16px;
	border: 1px solid var(--agds-grey);
	background-color: var(--agds-white);
	width: 100%;
	font-size: 16px;
	color: var(--agds-dark);
	outline: none;
	border-radius: var(--agds-border-radius-lg);
	-webkit-transition: var(--agds-transition-md);
	-o-transition: var(--agds-transition-md);
	transition: var(--agds-transition-md);
}

form .wpforms-field.wpforms-field-textarea {
	margin-top: 15px;
}

form textarea {
	min-height: 120px;
	max-height: 160px;
	resize: vertical;
}

form textarea::-webkit-input-placeholder,
form input::-webkit-input-placeholder {
	color: rgb(var(--agds-dark-rgb), 60%);
}

form textarea::-moz-placeholder,
form input::-moz-placeholder {
	color: rgb(var(--agds-dark-rgb), 60%);
}

form textarea:-ms-input-placeholder,
form input:-ms-input-placeholder {
	color: rgb(var(--agds-dark-rgb), 60%);
}

form textarea::-ms-input-placeholder,
form input::-ms-input-placeholder {
	color: rgb(var(--agds-dark-rgb), 60%);
}

form textarea::placeholder,
form input::placeholder {
	color: rgb(var(--agds-dark-rgb), 60%);
}

form textarea.wpforms-error,
form input.wpforms-error {
	border-color: var(--agds-danger);
	-webkit-box-shadow: 0 0 10px 0px rgb(var(--agds-danger-rgb), 15%);
	box-shadow: 0 0 10px 0px rgb(var(--agds-danger-rgb), 15%);
}

form input[type="checkbox"] {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

form input[type="checkbox"]+label {
	margin-left: 0;
	position: relative;
	cursor: pointer;
	font-size: calc(14px + (16 - 14) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
}


form input[type="checkbox"]+label:before {
	content: '';
	top: -1px;
	-webkit-appearance: none;
	padding: 9px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 12px;
	border: 1px solid var(--agds-grey);
	border-radius: 6px;
	background-color: var(--agds-white);
}

form input[type="checkbox"].wpforms-error+label:before {
	border-color: var(--agds-danger);
}

form input[type="checkbox"]:checked+label:after {
	content: '';
	display: block;
	position: absolute;
	top: calc(3px + (5 - 3) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	left: 7px;
	width: 6px;
	height: 9px;
	border: solid var(--agds-dark);
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

form .wpforms-field-checkbox a {
	font-weight: 600;
}

form .wpforms-submit-container {
	margin-top: var(--agds-gap-md);
	position: relative;
}

form .wpforms-submit-spinner {
	position: absolute;
	bottom: 18px;
	left: 23px;
}

form .wpforms-submit-container .btn {
	width: 100%;
}

@media screen and (max-width: 767px) {

	div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row,
	div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-row {
		margin-right: 0px !important;
		margin-left: 0px !important;
		row-gap: 15px;
	}

	div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column,
	div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column {
		padding: 0 !important;
	}
}

/* CONTACTS FORM SECTION */
.contacts-form-section .contacts-content {
	padding: calc(30px + (50 - 30) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
}

.contacts-form-section .video-container video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

@media screen and (max-width: 767px) {
	.form-title .title {
		font-size: 16px;
	}
}

/* CONTACTS SPECIALISTS SECTION */
.contacts-specialists-items {
	grid-template-columns: repeat(3, 1fr);
}

.contacts-specialists-items .caption {
	-ms-flex-item-align: end;
	align-self: end;
}

.card-item {
	background-color: rgb(var(--agds-grey-rgb), 40%);
	border: 1px solid var(--agds-grey);
	padding: calc(20px + (30 - 20) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport)))) calc(12px + (20 - 12) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
}

@media screen and (max-width: 991px) {
	.contacts-specialists-items {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 25px;
	}

	.contacts-specialists-items .caption {
		align-self: initial;
		grid-column: span 2;
	}
}

@media screen and (max-width: 767px) {
	.contacts-specialists-items {
		word-break: break-all;
		grid-template-columns: 1fr;
	}

	.contacts-specialists-items .caption {
		grid-column: auto;
		margin-top: 10px;
	}
}

/* PROJECTS GRID SECTION */
.projects-items {
	display: grid;
	row-gap: calc(70px + (80 - 70) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
}

@media screen and (min-width: 992px) {
	.projects-item .swiper-wrapper {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(12, 1fr);
	}

	.projects-item .swiper-slide {
		grid-column: span 4;
		display: none;
	}

	.projects-item .swiper-slide:first-child {
		grid-column: span 12;
	}

	.projects-item .swiper-slide:first-child .image-link {
		border-radius: var(--agds-border-radius-xl);
		aspect-ratio: var(--agds-aspect-ratio-wd);
	}

	.projects-item .swiper-slide:nth-child(1),
	.projects-item .swiper-slide:nth-child(2),
	.projects-item .swiper-slide:nth-child(3),
	.projects-item .swiper-slide:nth-child(4) {
		display: block;
	}
}

@media screen and (max-width: 991px) {
	.projects-item .row {
		row-gap: 16px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.project-slider {
		--swiper-pagination-bottom: 10px;
		--swiper-pagination-bullet-width: 10px;
		--swiper-pagination-bullet-height: 10px;
		--swiper-pagination-color: var(--agds-color-2);
		--swiper-pagination-bullet-inactive-color: var(--agds-grey);
	}
}

@media screen and (max-width: 767px) {
	.projects-items {
		display: block;
	}

	.projects-item .container .content-block.marg-left {
		padding-top: 80px;
	}

	.projects-item:not(:last-child) {
		margin-bottom: calc(70px + (80 - 70) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport))));
	}

	.project-slider {
		margin-bottom: -70px;
	}
}