@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-ExtraLight.eot');
		src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
		url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
		url('../fonts/Montserrat-ExtraLight.woff') format('woff'),
		url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
		font-weight: 200;
		font-style: normal;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-MediumItalic.eot');
		src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
		url('../fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-MediumItalic.woff2') format('woff2'),
		url('../fonts/Montserrat-MediumItalic.woff') format('woff'),
		url('../fonts/Montserrat-MediumItalic.ttf') format('truetype');
		font-weight: 500;
		font-style: italic;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-Italic.eot');
		src: local('Montserrat Italic'), local('Montserrat-Italic'),
		url('../fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Italic.woff2') format('woff2'),
		url('../fonts/Montserrat-Italic.woff') format('woff'),
		url('../fonts/Montserrat-Italic.ttf') format('truetype');
		font-weight: normal;
		font-style: italic;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-Regular.eot');
		src: local('Montserrat Regular'), local('Montserrat-Regular'),
		url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Regular.woff2') format('woff2'),
		url('../fonts/Montserrat-Regular.woff') format('woff'),
		url('../fonts/Montserrat-Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-ThinItalic.eot');
		src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'),
		url('../fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-ThinItalic.woff2') format('woff2'),
		url('../fonts/Montserrat-ThinItalic.woff') format('woff'),
		url('../fonts/Montserrat-ThinItalic.ttf') format('truetype');
		font-weight: 100;
		font-style: italic;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-Bold.eot');
		src: local('Montserrat Bold'), local('Montserrat-Bold'),
		url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Bold.woff2') format('woff2'),
		url('../fonts/Montserrat-Bold.woff') format('woff'),
		url('../fonts/Montserrat-Bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-Light.eot');
		src: local('Montserrat Light'), local('Montserrat-Light'),
		url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Light.woff2') format('woff2'),
		url('../fonts/Montserrat-Light.woff') format('woff'),
		url('../fonts/Montserrat-Light.ttf') format('truetype');
		font-weight: 300;
		font-style: normal;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-Black.eot');
		src: local('Montserrat Black'), local('Montserrat-Black'),
		url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Black.woff2') format('woff2'),
		url('../fonts/Montserrat-Black.woff') format('woff'),
		url('../fonts/Montserrat-Black.ttf') format('truetype');
		font-weight: 900;
		font-style: normal;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-Medium.eot');
		src: local('Montserrat Medium'), local('Montserrat-Medium'),
		url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Medium.woff2') format('woff2'),
		url('../fonts/Montserrat-Medium.woff') format('woff'),
		url('../fonts/Montserrat-Medium.ttf') format('truetype');
		font-weight: 500;
		font-style: normal;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-ExtraLightItalic.eot');
		src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'),
		url('../fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
		url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff'),
		url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
		font-weight: 200;
		font-style: italic;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-BlackItalic.eot');
		src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'),
		url('../fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-BlackItalic.woff2') format('woff2'),
		url('../fonts/Montserrat-BlackItalic.woff') format('woff'),
		url('../fonts/Montserrat-BlackItalic.ttf') format('truetype');
		font-weight: 900;
		font-style: italic;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-ExtraBoldItalic.eot');
		src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'),
		url('../fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
		url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff'),
		url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
		font-weight: 800;
		font-style: italic;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-SemiBoldItalic.eot');
		src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),
		url('../fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
		url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff'),
		url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
		font-weight: 600;
		font-style: italic;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-ExtraBold.eot');
		src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
		url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
		url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
		url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
		font-weight: 800;
		font-style: normal;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-BoldItalic.eot');
		src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
		url('../fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),
		url('../fonts/Montserrat-BoldItalic.woff') format('woff'),
		url('../fonts/Montserrat-BoldItalic.ttf') format('truetype');
		font-weight: bold;
		font-style: italic;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-LightItalic.eot');
		src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
		url('../fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-LightItalic.woff2') format('woff2'),
		url('../fonts/Montserrat-LightItalic.woff') format('woff'),
		url('../fonts/Montserrat-LightItalic.ttf') format('truetype');
		font-weight: 300;
		font-style: italic;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-SemiBold.eot');
		src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
		url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
		url('../fonts/Montserrat-SemiBold.woff') format('woff'),
		url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
		font-weight: 600;
		font-style: normal;
}

@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/Montserrat-Thin.eot');
		src: local('Montserrat Thin'), local('Montserrat-Thin'),
		url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Thin.woff2') format('woff2'),
		url('../fonts/Montserrat-Thin.woff') format('woff'),
		url('../fonts/Montserrat-Thin.ttf') format('truetype');
		font-weight: 100;
		font-style: normal;
}

:root {
		--link-hover: #666784;
}

.row {
		--bs-gutter-x: 2.7rem;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		--bs-gutter-x: 2.7rem;
}

body {
		font-family: 'Montserrat', sans-serif;
		font-size: 1.6rem;
		color: #1b1b1b;
}

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

a {
		transition: 0.3s;
		text-decoration: none;
}

a:hover {
		text-decoration: none;
}

:focus {
		outline: none;
}
img {
		max-width: 100%;
}

button:focus {
		outline: none;
}
fieldset {
		position: relative;
}
fieldset label {
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 120%;
		position: absolute;
		top: 1.2rem;
		left: 1.5rem;
		color: #1b1b1b;
}
input {
		box-shadow: none;
		border-radius: 0;
		border: 0.1rem solid #efefef;
		background: #fff;
		padding: 3.6rem 1.5rem 1.2rem;
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 120%;
		display: block;
		width: 100%;
}

.header {
		padding-top: 1.4rem;
		border-bottom: 0.1rem solid #efefef;
		padding-bottom: 1.6rem;
}
.header-city {
		display: flex;
		align-items: center;
}
.header-city svg {
		margin-right: 0.7rem;
}
.header-city p {
		font-size: 1.2rem;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
		margin: 0;
}
.header hr {
		border-top: 0.1rem solid #efefef;
		opacity: 1;
		margin: 1.4rem 0;
}
.header-top-menu {
		display: flex;
		align-items: center;
}
.header-top-menu li {
		margin-right: 2rem;
}
.header-top-menu li a {
		color: #1b1b1b;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 120%;
}
.header-top-menu li a:hover {
		color: var(--link-hover);
}
.messenger-list {
		display: flex;
		align-items: center;
		margin-left: 2rem;
}
.messenger-list li a {
		display: flex;
		align-items: center;

		color: #1b1b1b;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 120%;
}
.messenger-list li {
		margin-right: 2rem;
}
.messenger-list li a svg {
		margin-right: 0.6rem;
}
.messenger-list li a:hover {
		color: var(--link-hover);
}
.header-email {
		color: #1b1b1b;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 120%;
		margin-left: 1rem;
}
.header-email:hover {
		color: var(--link-hover);
}
.header-phone {
		color: #1b1b1b;
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 120%;
		letter-spacing: 0.64px;
		text-transform: uppercase;
		display: flex;
		align-items: center;
		margin-left: 1rem;
}
.header-phone:hover {
		color: var(--link-hover);
}
.header-phone svg {
		margin-right: 0.8rem;
}
.btn-gk-metal {
		padding: 0 2.3rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: #666784;
		color: #fff;
		text-align: center;
		font-size: 1rem;
		font-weight: 600;
		line-height: 120%;
		letter-spacing: 0.048rem;
		text-transform: uppercase;
		height: 5.8rem;
		border: 0.1rem solid #666784;
}
.btn-gk-metal:hover {
		background: #70718e;
}
.btn-gk-metal-empty {
		background: #f4f6fb;
		border-color: #f4f6fb;
		color: #1b1b1b;
}
.btn-gk-metal-empty:hover {
		background: #eaecf1;
}
.header .btn-gk-metal {
		margin-left: 1rem;
}
.header .btn-gk-metal:first-child {
		margin-left: 0;
}
.header-logo {
		display: block;
}
.header-logo img {
		width: 100%;
}
.header-down-menu {
		display: flex;
		justify-content: space-between;
}
.header-down-menu li {
		margin-right: 1.8rem;
}
.header-down-menu li a {
		color: #1b1b1b;
		font-size: 1.2rem;
		font-weight: 700;
		line-height: 120%;
		letter-spacing: 0.48px;
		text-transform: uppercase;
		display: block;
		position: relative;
		padding-left: 1.4rem;
}
.header-down-menu li a:hover {
		color: var(--link-hover);
}
.header-down-menu li a:before {
		content: '';
		display: block;
		margin-right: 1rem;
		background: url("../img/icon-menu.svg") center top no-repeat;
		background-size: contain;
		width: 0.4rem;
		height: 1.6rem;
		position: absolute;
		left: 0;
		top: 0.6rem;
}
.utf-section-slide {
		color: #fff;
		height: 56rem;
		display: flex;
		align-items: center;
}
.utf-section-slide:before{
		content: '';
		display: block;
		width: 100%;
		opacity: 0.6;
		background: #051325;
		height: 100%;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;
}
.utf-section-slide-triangle{
		position: absolute;
		left: -21rem;
		bottom: 0;
		z-index: -1;
}
.utf-section-slide__title {
		font-size: 4.6rem;
		font-weight: 800;
		line-height: 110%;
		text-transform: uppercase;
		margin: 0;
}
.utf-section-slide__text {
		margin-top: 4rem;
		font-size: 2.2rem;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 2.5rem;
}
.btn-gk-metal-border {
		background: none;
}
.btn-gk-metal-border svg {
		margin-left: 2rem;
}
.utf-section-slide .btn-gk-metal {
		margin-right: 1rem;
}
.utf-section-slide__advantage {
		position: relative;
		padding-left: 5rem;
}
.utf-section-slide__advantage:first-child {
		margin-right: 5rem;
}
.utf-section-slide__advantage h5 {
		font-size: 3rem;
		font-weight: 800;
		line-height: 120%;
		margin: 0;
		color: #fff;
}
.utf-section-slide__advantage p {
		color: #fff;
		font-size: 2rem;
		font-weight: 500;
		line-height: 120%;
		margin-top: 1rem;
}
.utf-section-slide__advantage:before {
		content: '';
		background: url("../img/icon-advanyage.svg") center top no-repeat;
		background-size: contain;
		display: block;
		width: 3rem;
		height: 9rem;
		position: absolute;
		left: 0;
}
.swiper-pagination-bullet {
		border: 0.1rem solid #fff;
		border-radius: 0;
		width: 1rem;
		height: 1rem;
		background: none;
		opacity: 1;
		transition: 0.3s;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: #fff;
}
.services {
		margin-top: 13rem;
}
.title-section {
		font-size: 3.4rem;
		font-weight: 800;
		line-height: 110%;
		text-transform: uppercase;
		margin-bottom: 1.5rem;
}
.services-item {
		display: block;
		margin-top: 3rem;
}
.services-item__img {
		clip-path: polygon(84% 0, 100% 24%, 100% 100%, 0% 100%, 0 50%, 0% 0%);
		display: block;
		width: 100%; /* Ширина блока */
		height: 24rem;
		object-fit: cover;
}
.services-item-down {
		display: flex;
		color: #fff;
		align-items: center;
		justify-content: space-between;
		background: #666784;
		width: 43.5rem;
		height: 8.4rem;
		padding: 1.8rem 2.4rem 1.8rem 6rem;
		margin-top: -5rem;
		position: relative;
		z-index: 9;
		transition: 0.3s;
		clip-path: polygon(84% 0, 100% 0, 100% 100%, 13% 100%, 0 64%, 0% 0%);
}
.services-item-down p {
		font-size: 2rem;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0.08rem;
		text-transform: uppercase;
		margin: 0;
		width: 80%;
}
.services-item:hover .services-item-down {
		background: #70718e;
}

.why-people-contact-us {
		margin-top: 13rem;
}
.sub-title {
		color: #9da3b5;
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 500;
		line-height: 140%;
}
.why-people-contact-us-wrap {
		display: flex;
}
.why-people-contact-us-item {
		display: flex;
		align-items: center;
		margin-top: 6rem;
		margin-right: 6rem;
}
.why-people-contact-us-item:last-child {
		margin-right: 0;
}
.why-people-contact-us-item img {
		width: 8.6rem;
		margin-right: 1.5rem;
}
.why-people-contact-us-item h5 {
		font-size: 2rem;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0.08rem;
		text-transform: uppercase;
		margin-bottom: 2rem;
}
.why-people-contact-us-item p {
		font-size: 1.8rem;
		font-weight: 500;
		line-height: 140%;
		letter-spacing: -0.054rem;
		margin: 0;
}
.our-projects {
		margin-top: 13rem;
}
.our-projects-item {
		margin-top: 4rem;
		display: block;
		position: relative;
}
.our-projects-item-down {
		display: flex;
		justify-content: space-between;
}
.btn-border-black {
		border: 0.1rem solid #666784;

		color: #1b1b1b;
		text-align: center;
		font-size: 1.2rem;
		font-weight: 600;
		line-height: 120%;
		letter-spacing: 0.048rem;
		text-transform: uppercase;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 6.8rem;
		padding: 0 2.4rem;
}
.btn-border-black:hover {
		background: #666784;
		color: #fff;
}
.our-projects-item:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 2;
		background: linear-gradient(191deg, rgba(2, 20, 42, 0.00) 53.22%, rgba(2, 20, 42, 0.80) 75.97%);
}
.our-projects-item__img {
		width: 100%;
		height: 43rem;
		object-fit: cover;
		clip-path: polygon(78% 0, 100% 13%, 100% 100%, 0 100%, 0 64%, 0% 0%);
}
.our-projects-item-down {
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 4;
		padding: 3rem 3.5rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
}
.our-projects-item-down h4 {
		color: #fff;
		font-size: 1.6rem;
		font-style: normal;
		font-weight: 800;
		line-height: 120%; /* 19.2px */
		letter-spacing: 0.64px;
		text-transform: uppercase;
}
.our-projects-item-down-arrow {
		width: 6rem;
		height: 6rem;
		background: #666784;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: 0.3s;
}
.our-projects-item-down div:first-child {
		width: 27rem;
}
.our-projects-item-down p {
		color: #666784;
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 120%;
		margin-top: 1.3rem;
}
.our-projects-item:hover .our-projects-item-down-arrow {
		background: #70718e;
}
.own-production {
		padding-top: 18rem;
}
.own-production-bg {
		position: absolute;
		bottom: 0;
		right: 1.3rem;
		width: 95rem;
		max-width: initial;
		z-index: -1;
}
.own-production-img {
		width: 100%;
		position: relative;
		z-index: 2;
		margin-bottom: 9rem;
}
.own-production .utf-section-slide__advantage {
		margin-bottom: 8rem;
}
.own-production .utf-section-slide__advantage:before {
		background: url('../img/icon-advanyage2.svg') center top no-repeat;
		background-size: contain;
}
.own-production__text {
		font-size: 2.2rem;
		font-weight: 400;
		line-height: 140%;
		margin-top: 4rem;
		margin-bottom: 0;
}
.own-production__text2 {
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 140%;
		margin-top: 3rem;
		margin-bottom: 3.5rem;
}
.certificates-and-licenses {
		padding: 12rem 0;

		position: relative;
}
.certificates-swiper {
		margin-top: 3rem;
}
.swiper-button-next:after, .swiper-button-prev:after {
		content: none;
}
.swiper-button-next, .swiper-button-prev {
		width: 5.4rem;
		height: 5.4rem;
		background: #f4f6fb;
}
.swiper-button-next {
		right: -5rem;
}
.swiper-button-prev {
		left: -5rem;
}
.swiper-button-next svg, .swiper-button-prev svg {
		width: 2.2rem;
		height: 2.2rem;
}
.certificates-swiper img {
		cursor: pointer;
}
.own-production .utf-section-slide__advantage h5 {
		font-size: 2.8rem;
}
.own-production .utf-section-slide__advantage p {
		font-size: 1.8rem;
}
.swiper-pagination {
		bottom: 3rem !important;
}
.certificates-swiper .swiper-slide img {
		width: 100%;
}
.footer {
		background: #f4f6fb;
		padding-top: 10rem;
		padding-bottom: 2.8rem;
		position: relative;
}
.footer-title {
		color: #1b1b1b;
		font-size: 1.6rem;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0.064rem;
		text-transform: uppercase;
		margin-bottom: 3rem;
}
.footer-menu {
		margin-top: 3.5rem;
}
.footer-menu li a {
		color: #1b1b1b;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 120%;
}
.footer-menu li a:hover {
		color: #666784;
}
.footer-contact-item {
		margin-top: 3.5rem;
		margin-bottom: 3rem;
}
.footer-contact-item__text {
		color: #9da3b5;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 120%;
		margin-bottom: 0.5rem;
}
.footer-contact-item a {
		color: #1b1b1b;
		font-size: 1.6rem;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0.08rem;
		text-transform: uppercase;
}
.footer-wrap {
		display: flex;
		justify-content: space-between;
}
.social-list {
		display: flex;
}
.social-list li {
		margin-left: 1rem;
}
.social-list li a {
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 5.8rem;
		height: 5.8rem;
}
.social-list li a:hover {
		background: #eaecf1;
}
.footer .btn-border-black {
		height: 5.8rem;
		margin-right: 1rem;
}
.footer-menu li {
		margin-bottom: 1.4rem;
}
.footer:before {
		content: '';
		display: block;
		width: 100%;
		position: absolute;
		right: 0;
		left: 0;
		top: 16rem;
		background: #e3e6ed;
		height: 0.1rem;
		z-index: 0;
}
.footer svg {
		position: relative;
		z-index: 2;
}
.footer-down {
		margin-top: 9rem;
}
.footer-down-text {
		color: #9da3b5;
		font-size: 1rem;
		font-weight: 500;
		line-height: 120%;
		display: flex;
		align-items: center;
		margin: 0 2.4rem 0 0;
}
.footer-down-text svg {
		margin-left: 0.6rem;
}
.calculate-the-cost {
		background: url("../img/calculate-the-cost-bg.jpg") center top no-repeat;
		background-size: cover;
		padding: 12rem 0;
		color: #fff;
		margin-top: 14rem;
}
.calculate-the-cost .title-section {
		margin-bottom: 3rem;
		font-size: 4.6rem;
}
.calculate-the-cost-sub-title {
		color: #fff;
		font-size: 2.2rem;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 3rem;
}
button[type="submit"] {
		width: 100%;
		transition: 0.3s;
}
.calculate-the-cost input {
		margin-bottom: 5rem;
}
.custom-checkbox label {
		color: #fff;
		font-size: 1rem;
		font-weight: 500;
		line-height: 120%;
		position: relative;
		padding-left: 3rem;
		cursor: pointer;
}
.custom-checkbox label:before {
		content: '';
		display: block;
		width: 1.6rem;
		height: 1.6rem;
		border-radius: 0.2rem;
		border: 0.1rem solid #fff;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -0.8rem;
}
.custom-checkbox label:after {
		content: '';
		width: 1.2rem;
		height: 1.2rem;
		position: absolute;
		left: 0.2rem;
		top: 50%;
		margin-top: -0.6rem;
		background: url("../img/check.svg") center center no-repeat;
		background-size: contain;
		display: none;
}
.custom-checkbox input:checked + label:after {
		display: block;
}
.custom-checkbox input {
		display: none;
}
.custom-checkbox label a {
		text-decoration-line: underline;
		color: #fff;
}
.calculate-the-cost .custom-checkbox {
		width: 21rem;
		margin-left: 2.5rem;
}
.custom-file input {
		display: none;
}
.custom-file-label {
		border: 0.1rem dotted #666784;
		height: 5.8rem;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 2rem;
		cursor: pointer;
}
.custom-file-label span {
		color: #fff;
		text-align: center;
		font-size: 1.2rem;
		font-weight: 600;
		line-height: 120%;
		letter-spacing: 0.048rem;
		text-transform: uppercase;
}
.custom-file-label svg {
		margin-left: 2rem;
}
.thank-you-letters {
		background: #f4f6fb;
		padding: 13rem 0;
}
.thank-you-letters .title-section {
		margin-bottom: 3.5rem;
}
.thank-you-letters-wrap {
		display: flex;
		flex-wrap: wrap;
		color: #1b1b1b;
}
.thank-you-letters-wrap p{
		font-size: 1.4rem;
		margin-top: 1rem;
		margin-bottom: 0;
		text-align: center;
}
.thank-you-letters-item {
		background: #fff;
		width: 31%;
		margin-right: 1rem;
		display: flex;
		align-items: center;
		justify-content: center;
		/*height: 19rem;*/
		margin-bottom: 1rem;
		padding: 3rem;
		flex-direction: column;
		color: #1b1b1b;
}
.thank-you-letters-item img{
		height: 80%;
		object-fit: contain;
}
.thank-you-letters iframe {
		height: 71rem;
}
.loader-img {
		width: 2rem;
		margin-right: 1rem;
		display: none;
}
.loading .loader-img {
		display: block;
}
.calculate-the-cost .btn-gk-metal {
		padding: 0 1.5rem;
}
.modal-dialog {
		max-width: 74rem;
}
.modal-content {
		border: 0;
		border-radius: 0;
		padding: 3.6rem;
}
.modal-title {
		font-size: 2.8rem;
		font-weight: 800;
		line-height: 110%;
		text-transform: uppercase;
		margin-bottom: 3rem;
}
.modal-subtitle {
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 1.5rem;
}
.modal .custom-checkbox label {
		color: #1b1b1b;
		top: 0;
		margin-bottom: 1rem;
}
.modal .custom-checkbox label a {
		color: #1b1b1b;
}

.modal .custom-checkbox label:before {
		border-color: #1b1b1b;
}
.modal .custom-checkbox label:after {
		background: url("../img/chack-black.svg") center center no-repeat;
		background-size: contain;
}
.btn-close {
		background: #f4f6fb;
		width: 3.6rem;
		height: 3.6rem;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		right: 0;
		top: 0;
		opacity: 1;
}
.modal fieldset {
		margin-bottom: 1.5rem;
}
.modal .custom-file-label span {
		color: #1b1b1b;
}
.modal .custom-file-label svg path {
		fill: #1b1b1b;
}
.burger-menu {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		background: #fff;
		z-index: 999;
		padding: 2rem 0 3rem;
		display: none;
}
.burger-menu h5{
		font-size: 1.8rem;
		margin-bottom: 2rem;
		font-weight: 600;
}
.breadcrumbs-list {
		display: flex;
/* 		flex-wrap: wrap; */
		white-space: nowrap;
		overflow: auto;
}
.breadcrumbs-list li {
		margin-right: 0.9rem;
		display: flex;
		align-items: center;
}
.breadcrumbs-list li:before {
		content: '';
		background: url("../img/arrow-right.svg") center center no-repeat;
		background-size: contain;
		display: inline-block;
		width: 1rem;
		height: 1rem;
		margin-right: 0.9rem;
		position: relative;

}
.breadcrumbs-list li:first-child:before {
		content: none;
}
.breadcrumbs-list li a, .breadcrumbs-list li p {
		color: #d1d1d1;
		font-size: 1rem;
		font-weight: 500;
		line-height: 120%;
		margin: 0;
}
.breadcrumbs {
		padding: 2rem 0;
}
.breadcrumbs-list li a:hover {
		color: var(--link-hover);
}
.breadcrumbs + .certificates-and-licenses {
		padding: 0;
}

.partial-questions {
		padding: 12rem 0;
}
.partial-questions .title-section {
		margin-bottom: 3rem;
}
.partial-questions-item {
		border: 0.1rem solid #f4f4f4;
		padding: 1.2rem 1.5rem;
}
.partial-questions-item__head {
		display: flex;
		align-items: center;
		justify-content: space-between;
}
.partial-questions-item__head h5 {
		color: #1b1b1b;
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 120%;
		margin: 0;
}
.partial-questions-item__head svg {
		transition: 0.3s;
}
.partial-questions-item__body {
		margin-top: 1.8rem;
		display: none;
}
.partial-questions-item__body p {
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 140%;
}
.partial-questions-item {
		margin-top: 2rem;
}
.partial-questions-item.open {
		background: #f4f6fb;
		border-color: #f4f6fb;
}
.partial-questions-item.open h5 {
		color: #666784;
}
.partial-questions-item.open svg {
		transform: rotate(180deg);
}
.partial-questions-item .partial-questions-item__head {
		cursor: pointer;
}

.breadcrumbs + .thank-you-letters {
		background: #fff;
		padding: 0;
}
.breadcrumbs + .thank-you-letters .thank-you-letters-item {
		border: 0.1rem solid #eaecf1;
}

.our-projects-page .btn-border-black {
		width: 100%;
		margin-top: 3rem;
}
.news-item {
		margin-top: 5rem;
		color: #1b1b1b;
		display: block;
}
.news-item:hover {
		color: var(--link-hover);
}
.news-item img {
		width: 100%;
		height: 16rem;
		object-fit: cover;
		clip-path: polygon(84% 0px, 100% 24%, 100% 100%, 0% 100%, 0px 50%, 0% 0%);
}
.news-head {
		display: flex;
		color: #9da3b5;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 140%;
		margin-top: 1.2rem;
}
.news-item h4 {
		font-size: 1.8rem;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0.072rem;
		text-transform: uppercase;
}
.news-section {
		padding-bottom: 14rem;
}
.news-section .btn-border-black {
		margin-top: 5rem;
}
.news-head-date {
		margin-left: 0.5rem;
}
.news-page-img {
		clip-path: polygon(84% 0px, 100% 24%, 100% 100%, 0% 100%, 0px 50%, 0% 0%);
		max-height: 33rem;
		width: 100%;
		object-fit: contain;
		display: block;
		margin-bottom: 2rem;
}
.news-page-title {
		font-size: 3.4rem;
		font-weight: 800;
		line-height: 110%;
		text-transform: uppercase;
		margin-bottom: 4rem;
}
.news-page-content p {
		font-size: 1.6rem;
		margin: 2rem 0;
}
.news-page-content h5 {
		font-size: 2.2rem;
		font-weight: 800;
		line-height: 110%;
		text-transform: uppercase;
		margin-top: 4rem;
		margin-bottom: 2rem;
}
.social-list-news {
		margin-bottom: 14rem;
}
.social-list-news li a {
		background: #f4f6fb;
}
.news-page-right {
		position: relative;
}
.news-page-right::before {
		content: '';
		display: block;
		background: #f4f6fb;
		width: 80rem;
		height: 100%;
		position: absolute;
		left: -10rem;
		top: 0;
}
.news-page {
		overflow: hidden
}

.news-page .news-item {
		position: relative;
		z-index: 2;
}
.news-page .news-item h4 {
		font-size: 1.6rem;
}
.news-page-social {
		margin-top: 4rem;
}
.news-page-social hr {
		border: 0;
		border-top: 0.1rem solid #efefef;
		width: 100%;
		opacity: 1;
		margin-left: 2rem;
		margin-top: 0;
}
.social-list-news li:first-child {
		margin-left: 0;
}
.out-project-page-row {
		display: flex;
		margin-bottom: 1.4rem;
}
.out-project-page-row__left {
		width: 36%;
		margin-right: 1.5rem;
}
.out-project-page-row__right {
		width: 60%;
}
.out-project-page-advantage-title {
		border-bottom: 0.1rem solid #eaecf1;
		padding-bottom: 0.5rem;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 120%;
}
.out-project-page-advantage-text {
		font-size: 1.2rem;
		font-weight: 700;
		line-height: 120%;
		border-bottom: 0.1rem solid #eaecf1;
		padding-bottom: 0.5rem;
}
.out-project-page-head p {
		color: #9da3b5;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 140%;
		margin: 0;
}
.out-project-page-head h6 {
		font-size: 1.4rem;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0.056rem;
		text-transform: uppercase;
		margin-top: 0.4rem;
}
.out-project-page-head {
		margin-bottom: 3.5rem;
}
.out-project-page-title {
		font-size: 2.2rem;
		font-weight: 800;
		line-height: 120%;
		text-transform: uppercase;
		margin-bottom: 2.5rem;
}
.out-project-page-down {
		margin-top: 6.5rem;
}
.out-project-page + .our-projects {
		padding-bottom: 4rem;
}
.out-project-page hr {
		border: 0;
		border-top: 0.1rem solid #eaecf1;
		opacity: 1;
		margin-top: 6rem;
		margin-bottom: 0;
}
.out-project-swiper {
		clip-path: polygon(88% 0px, 100% 14%, 100% 100%, 0% 100%, 0px 50%, 0% 0%);
}
.out-project-swiper .swiper-button-next {
		right: 0;
		bottom: 0;
		top: auto;
		background: #666784;
		width: 5.8rem;
		height: 5.8rem;
}
.out-project-swiper .swiper-button-prev {
		right: 5.8rem;
		bottom: 0;
		left: auto;
		top: auto;
		width: 5.8rem;
		height: 5.8rem;
}
.out-project-page-sertificate {
		width: 100%;
		cursor: pointer;
}
.out-project-swiper .swiper-slide img {
		width: 100%;
		height: 45.4rem;
		object-fit: cover;
}
.out-project-page .sub-title {
		margin-bottom: 2.8rem;
}
.out-project-page-header-line {
		position: absolute;
		top: 2.6rem;
		left: 2.6rem;
		z-index: -1;
}
.out-project-page-header-right {
		padding-top: 5rem;
}
.out-project-page-header-right a {
		margin-top: 3rem;
}
.about-us-utf {
		background: url("../img/about-us-utf.jpg") center top no-repeat;
		background-size: cover;
		color: #fff;
		padding: 9rem 0;
		position: relative;
		overflow: hidden;
}
.about-us-utf h1 {
		color: #fff;
		font-size: 4.6rem;
		font-weight: 800;
		line-height: 110%;
		text-transform: uppercase;
}
.about-us-utf-advantages {
		display: flex;
		justify-content: space-between;
		margin-top: 6rem;
}
.about-us-utf-advantages h5 {
		font-size: 4.6rem;
		text-transform: uppercase;
}
.about-us-utf-advantages .utf-section-slide__advantage:first-child {
		margin-right: 0;
}
.about-us-utf-advantages .utf-section-slide__advantage p {
		width: 23rem;
}
.about-us-utf-advantages .utf-section-slide__advantage:last-child p {
		width: 34rem;
}
.about-us-utf .breadcrumbs-list {
		position: absolute;
		top: 2rem;
}
.best-technologies {
		padding-top: 12rem;
}
.best-technologies .sub-title {
		font-size: 1.4rem;
}
.best-technologies-wrap {
		display: flex;
		justify-content: space-between;
		margin-top: 4rem;
}
.best-technologies-item {
		width: 32.3rem;
		background: url("../img/best-technologies-bg2.svg") center top no-repeat;
		background-size: 100% 100%;
		padding: 6rem 3rem 4rem;
		margin-right: 1rem;
}
.best-technologies-item:nth-child(2n) {
		background: url("../img/best-technologies-bg.svg") center top no-repeat;
		background-size: 100% 100%;
}
.best-technologies-item:last-child {
		margin-right: 0;
}
.best-technologies-item h4 {
		font-size: 2rem;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0.08rem;
		text-transform: uppercase;
		margin: 0;
}
.best-technologies-item img {
		margin-top: 2.8rem;
		width: 6.2rem;
		height: 6.2rem;
}
.best-technologies-item p {
		margin-top: 2.5rem;
		font-weight: 500;
		line-height: 140%;
		letter-spacing: -0.048rem;
		margin-bottom: 0;
}
.about-us-production{
		margin-top: 14rem;
		overflow: hidden;
}
.about-us-production-text{
		margin-top: 3rem;
		font-size: 2rem;
		font-weight: 400;
		line-height: 140%;
}
.about-us-production-text2{
		margin-top: 3rem;
}
.about-us-production-watch-video{
		display: flex;
		align-items: center;
		background: #666784;
		clip-path: polygon(84% 0, 100% 0, 100% 100%, 13% 100%, 0 64%, 0% 0%);
		width: 38rem;
		height: 8.4rem;
		padding-left: 6rem;
		padding-right: 2.4rem;
		justify-content: space-between;
		margin-left: auto;
		margin-top: -16rem;
}
.about-us-production-watch-video:hover{
		background: #70718E;
}
.about-us-production-watch-video svg{
		margin-left: 2rem;
}
.about-us-production-watch-video span{
		color: #FFF;
		font-size: 2rem;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0.08rem;
		text-transform: uppercase;
}
.about-us-production-img-bg{
		display: block;
		width: 65rem;
		height: 37.5rem;
		margin-left: -18rem;
		margin-top: 7rem;
}
.about-us-production-img{
		margin-top: -55rem;
		width: 100%;
}
.reviews-item{
		border: 0.1rem solid #EAECF1;
		padding: 4rem 5rem;
		padding-right: 25rem;
		position: relative;
		overflow: visible;
}
.reviews-item-header{
		display: flex;
		align-items: end;
}
.reviews-item-header p{
		color: #1B1B1B;
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 120%;
		margin-bottom: 1rem;
}
.reviews-item-header h5{
		color: #666784;
		font-size: 2.4rem;
		font-style: normal;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0.096rem;
		text-transform: uppercase;
		width: 25rem;
		margin: 0;
}
.reviews-item-header svg{
		margin-right: 3.6rem;
		position: relative;
		top: -0.4rem;
}
.reviews-item-text{
		margin-top: 3rem;
		font-size: 2rem;
		font-weight: 400;
		line-height: 140%;
}
.reviews-item__img{
		position: absolute;
		width: 27rem;
		height: 38rem;

		object-fit: cover;
		object-position: top;
		background: #F4F6FB;
		right: -4.8rem;
		top: 50%;
		margin-top: -19rem;
		clip-path: polygon(100% 0, 100% 73%, 56% 100%, 0 100%, 0 15%, 25% 0);
}
.reviews-swiper .swiper-slide{
		overflow: visible;
}
.our-team-consists{
		padding-top: 14rem;
		position: relative;
}
.reviews-swiper{
		margin-top: 3.5rem;
		overflow: visible;
}
.our-team-consists{
		overflow: hidden;
}
.our-team-consists .swiper-button-next, .our-team-consists .swiper-button-prev{
		position: static;
		margin: 0;
}
.our-team-consists .swiper-button-prev{
		background: #F4F6FB;
		margin-right: 1.4rem;
}
.our-team-consists .swiper-button-next{
		background: #666784;
}
.breadcrumbs-list-wrap{
		position: absolute;
		left: 0;
		top: 2rem;
		right: 0;
		z-index: 4;
}
.utf-section-metal{
		position: relative;
}
.utf-section-metal h1{
		font-size: 4.6rem;
		font-weight: 800;
		line-height: 110%;
		text-transform: uppercase;
		margin-bottom: 3rem;
}
.utf-section-metal p{
		font-size: 2.2rem;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 3rem;
}
.utf-section-metal-advantages{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 4rem;
}
.utf-section-metal-advantages-item{
		display: flex;
		align-items: center;
		margin-right: 3rem;
}
.utf-section-metal-advantages-item p{
		font-size: 1.4rem;
		font-weight: 700;
		line-height: 120%;
		letter-spacing: 0.056rem;
		text-transform: uppercase;
		margin: 0 0 0 1rem;
}
.fencing-catalog{
		padding-top: 13rem;
}
.fencing-catalog-item{
		margin-top: 3rem;
}
.fencing-catalog-item img{
		width: 100%;
		height: 16rem;
		object-fit: cover;
		clip-path: polygon(84% 0px, 100% 24%, 100% 100%, 0% 100%, 0px 50%, 0% 0%);
}
.fencing-catalog-item h4{
		font-size: 1.6rem;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0.064rem;
		text-transform: uppercase;
		margin-top: 2.5rem;
		margin-bottom: 1.5rem;
}
.fencing-catalog-item-price{
		font-size: 2.2rem;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: 0.088rem;
		margin-bottom: 0;
}
.fencing-catalog-item hr{
		opacity: 1;
		border: 0;
		border-top: 0.1rem solid #666784;
		margin-left: 4rem;
}
.fencing-catalog-item-text{
		color: #9DA3B5;
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 140%;
		margin-bottom: 2rem;
}
.calculate-fencing-black{
		background: #666784;
		margin-top: 14rem;
		color: #fff;
		overflow: hidden;
		position: relative;
}
.calculate-fencing-black:before{
		content: '';
		display: block;
		width: 106rem;
		height: 59rem;
		background: #707192;
		clip-path: polygon(51% 48%, 100% 100%, 0 100%, 0 0);
		position: absolute;
		bottom: 0;
		left: -10rem;
}
.calculate-fencing-black h3{
		font-size: 4.2rem;
		font-weight: 800;
		line-height: 110%;
		text-transform: uppercase;
		margin-bottom: 3.4rem;
		margin-top: 11rem;
		position: relative;
		z-index: 3;
}
.calculate-fencing-black p{
		font-size: 2rem;
		font-weight: 400;
		line-height: 120%;
		margin: 0;
		position: relative;
		z-index: 3;
}
.calculate-fencing-black .btn-gk-metal{
		background: #fff;
		color: #1B1B1B;
		margin-top: 4rem;
		margin-bottom: 11rem;
		position: relative;
		z-index: 3;
}
.calculate-fencing-black-img{
		height: 100%;
		object-fit: cover;
		width: 74rem;
		max-width: initial;
}
.why-people-contact-us-metal .why-people-contact-us-item p{
		font-size: 1.4rem;
}
.page404{
		padding: 5rem 0;
		padding-bottom: 15rem;
}
.page404 img{
		width: 100%;
}
.page404 h1{
		font-size: 3.4rem;
		font-weight: 800;
		line-height: 110%;
		text-transform: uppercase;
		margin-bottom: 3rem;
}
.page404 p{
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 140%;
		margin-bottom: 4rem;
}
.success-section{
		margin-top: 4rem;
		padding-bottom: 5rem;
}
.success-section h1{
		font-size: 3.4rem;
		font-weight: 800;
		line-height: 110%;
		text-transform: uppercase;
}
.success-section p{
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 140%;
		margin-top: 3rem;
		margin-bottom: 4rem;
}
.success-img{
		width: 100%;
}
.ready-parking-space-img1{
		width: 100%;
		clip-path: polygon(26% 0, 100% 0, 100% 82%, 74% 100%, 0 100%, 0% 60%, 0 20%);
}
.title-section span{
		color: #666784;
}
.all-types-canopies{
		padding-top: 12rem;
}
.all-types-canopies-item{
		margin-top: 3.5rem;
		position: relative;
		padding-top: 18.5rem;
		padding-left: 3rem;
		padding-right: 1.5rem;
}
.all-types-canopies-item:before{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1;
		background: linear-gradient(236deg, rgba(27, 27, 27, 0.00) 14.48%, rgba(27, 27, 27, 0.80) 63.14%);
}
.all-types-canopies-item__img{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
		object-fit: cover;
		width: 100%;
		height: 100%;
		clip-path: polygon(78% 0, 100% 13%, 100% 100%, 0 100%, 0 64%, 0% 0%);
}
.all-types-canopies-item h4{
		color: #fff;
		font-size: 2rem;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0.08rem;
		text-transform: uppercase;
		position: relative;
		z-index: 4;
		margin: 0;
}
.all-types-canopies-item__price{
		position: relative;
		z-index: 4;

		color: #FFF;
		font-size: 2.2rem;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: 0.088rem;
		margin-top: 1rem;
}
.all-types-canopies-item-list{
		display: flex;
		flex-wrap: wrap;
		position: relative;
		z-index: 4;
		margin-top: 1.4rem;
		margin-bottom: 2.5rem;
}
.all-types-canopies-item-list li{
		background: #FFF;
		font-size: 1rem;
		font-weight: 600;
		line-height: 120%;
		letter-spacing: 0.04rem;
		text-transform: uppercase;
		margin-right: 0.8rem;
		margin-bottom: 0.8rem;
		padding: 0.8rem;
}
.all-types-canopies-item .all-types-canopies-item__btn{
		position: relative;
		z-index: 4;
		margin-bottom: -3rem;
}
.we-guarantee-strength{
		background: #F4F6FB;
		padding-top: 10rem;
		margin-top: 12rem;
		position: relative;
}
.we-guarantee-strength-img{
		display: block;
		width: 80rem;
		margin: 6rem auto 0;
}
.we-guarantee-strength-item{
		position: absolute;
		top: 26rem;
		background: #666784;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 38rem;
		padding-left: 2rem;
		clip-path: polygon(84% 0, 100% 0, 100% 100%, 13% 100%, 0 64%, 0% 0%);
}
.we-guarantee-strength-item2{
		top: 46rem;
		left: 18rem;
}
.we-guarantee-strength-item3{
		top: 26rem;
		right: 11rem;
}
.we-guarantee-strength-item4{
		top: 46rem;
		right: 22rem;
}
.we-guarantee-strength-item p{
		font-size: 1.4rem;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0.056rem;
		text-transform: uppercase;
		margin-bottom: 2rem;
}
.we-guarantee-strength-item img{
		width: 12.4rem;
		height: 12.4rem;
		object-fit: cover;
		margin-left: 2.4rem;
}
.we-guarantee-strength + .calculate-fencing-black{
		margin-top: 0;
}
.our-projects + .thank-you-letters{
		margin-top: 14rem;
}

.calculate-the-exact{
		padding-top: 15rem;
}
.calculate-the-exact p{
		font-size: 2.2rem;
		font-weight: 400;
		line-height: 140%;
		letter-spacing: -0.066rem;
		margin: 3.5rem 0;
}
.calculate-the-exact-img1{
		width: 88rem;
		max-width: initial;
		margin-left: -24rem;
}
.calculate-the-exact-sale{
		display: flex;
		align-items: center;
		background: #F4F6FB;
		padding-left: 4rem;
		padding-right: 2rem;
		justify-content: space-between;
		margin-bottom: 4rem;
		position: relative;
}
.calculate-the-exact-sale:before{
		content: '';
		display: block;
		width: 52rem;
		height: 8rem;
		border: 2px dotted #ED3A3A;
		position: absolute;
		left: 1rem;
		top: 1rem;
}
.calculate-the-exact-sale p{
		font-size: 2rem;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0.08rem;
		text-transform: uppercase;
		margin-top: 2rem;
		margin-bottom: 1rem;
}
.calculate-the-exact .btn-gk-metal{
		font-size: 1.2rem;
}
.out-project-page-hangars{
		margin-top: 14rem;
		overflow: hidden;
}
.out-project-page-hangars h4{
		font-size: 2rem;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0.08rem;
		text-transform: uppercase;
		width: 80%;
}
.out-project-page-hangars h5{
		color: #9DA3B5;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 140%;
		margin-bottom: 2.8rem;
}
.out-project-page-hangars-item{
		margin-top: 5rem;
}
.out-project-page-hangars .btn-border-black{
		width: 100%;
		margin-top: 6rem;
}
.out-project-page-hangars + .thank-you-letters{
		margin-top: 14rem;
}
.our-products{
		margin-top: 12rem;
}
.our-products-item{
		margin-top: 4rem;
		border: 0.1rem solid #EAECF1;
}
.our-products-item-wrap{
		padding: 2rem;
}
.our-products-item__title{
		color: #1B1B1B;
		font-size: 1.6rem;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0.064rem;
		text-transform: uppercase;
}
.our-products-item__availability{
		color: #666784;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 140%;
}
.our-products-item__price{
		font-size: 2rem;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: -0.02rem;
		margin-bottom: 2rem;
}
.our-products-item-advantages{
		display: flex;
		margin-top: 1rem;
}
.our-products-item-advantages p{
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 120%;
		padding-bottom: 0.5rem;
		border-bottom: 0.1rem solid #EAECF1;
		margin: 0 1.3rem 0 0;
		width: 11rem;
}
.our-products-item-advantages h6{
		margin: 0;
		font-size: 1.2rem;
		font-weight: 700;
		line-height: 120%;
		border-bottom: 0.1rem solid #EAECF1;
		padding-bottom: 0.5rem;
		width: 100%;
}
.our-products-item-btns{
		display: flex;
		margin-top: 2rem;
}
.our-products-item-btns a{
		margin-right: 1rem;
}
.our-products-item img{
		width: 100%;
		height: 20rem;
		object-fit: cover;
}
.contacts{
		padding-bottom: 15rem;
}
.contacts-block{
		background: #F4F6FB;
		padding: 3rem;
		margin-bottom: 1.2rem;
}
.contacts-title-block{
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 1.8rem;
}
.contacts-link{
		font-size: 2rem;
		font-weight: 800;
		line-height: 110%;
		text-transform: uppercase;
		margin-bottom: 0.5rem;
		color: #1B1B1B;
}
.contacts-text{
		color: #ADADAD;
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 120%;
		margin-top: 0.5rem;
		width: 80%;
}
.contacts-block-social{
		display: flex;
		flex-wrap: wrap;
		margin-top: 1.8rem;
}
.contacts-block-social li{
		margin-right: 1rem;
}
.contacts-block-social li a{
		background: #557AD1;
		display: flex;
		align-items: center;
		justify-content: center;

		color: #FFF;

		text-align: center;
		font-size: 1rem;
		font-weight: 600;
		line-height: 120%;
		letter-spacing: 0.04rem;
		text-transform: uppercase;
		padding: 1.3rem;
}
.contacts-block-social li a span{
		margin-left: 2rem;
}
.contacts-block-social-tg{
		background: #557AD1;
}
.contacts-block-social li a.contacts-block-social-whatsapp{
		background: #4FC74B;
}
.contacts-block-social li a:hover{
		opacity: 0.7;
}
.contacts .btn-border-black svg{
		margin-left: 2rem;
}
.contacts iframe{
		width: 100%;
		height: 18.5rem;
		margin-top: -2rem;
}
.schedule{
		display: flex;
		margin-top: 2.8rem;
		flex-wrap: wrap;
}
.schedule-item{
		background: #FFF;
		width: 6.2rem;
		margin-right: 0.6rem;
		padding: 0.6rem 0.6rem 1rem;
		text-align: center;
		margin-bottom: 0.6rem;
}
.schedule-item h6{
		margin-bottom: 0.9rem;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 120%;
}
.schedule-item p{
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 120%;
		margin-bottom: 0;
}
.schedule-item hr{
		margin: 0.4rem 0;
		border: 0;
		border-top: 0.1rem solid #DBE0E8;
		opacity: 1;
}
.schedule-item-end{
		width: 8.2rem;
}
.schedule-item-end p{
		color: #A3AAB1;
}
.schedule-item-direction{
		background: #FFF;
		display: flex;
		align-items: center;
		padding: 1rem;
		color: #1B1B1B;
		margin-bottom: 0.6rem;
}
.schedule-item-direction p{
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 120%;
		width: 9rem;
		margin: 0 1.5rem 0 0;
}

.header-fixed{
		position: fixed;
		top: -18rem;
		left: 0;
		right: 0;
		transition: 0.3s;
		z-index: 99;
		background: #fff;
		padding: 1rem 0;
}
.header-fixed.fixed-header{
		top: 0;
}
.pagination{
		display: flex;
		justify-content: center;
		margin-top: 4rem;
}
.pagination a, .pagination span{
		color: #1b1b1b;
		font-size: 1.4rem;
		margin: 0 1rem;
}
.pagination span{
		color: #666784;
}
.thank-you-letters-words img{
		clip-path: polygon(84% 0, 100% 24%, 100% 100%, 0% 100%, 0 50%, 0% 0%);
		width: 100%;
		height: 36rem;
		object-fit: cover;
		margin-top: 11rem;
}
.thank-you-letters-words p{
		font-size: 1.4rem;
		margin-top: 3rem;
}
.masonry-grid {
    width: 100%;
    margin: 0 auto;
    column-gap: 20px;
}
.masonry-item {
    margin-bottom: 20px;
    break-inside: avoid;
}
.masonry-item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
@media (min-width: 768px) {
    .masonry-grid {
        column-count: 3;
    }
}
@media (max-width: 767px) {
    .masonry-grid {
        column-count: 2;
    }
}
@media (max-width: 480px) {
    .masonry-grid {
        column-count: 2;
		column-gap: 10px;
    }
	.masonry-item {
		margin-bottom: 10px;
		break-inside: avoid;
	}
}