/* ------------------------------------------------------------------------------

  1. Global
		1.1 General
		1.2 Typography
		1.3 Utils
		1.4 Buttons
		1.5 Fields
		1.6 Heading
		1.7 Menu toggle button
		1.8 Navigation
		1.9 Logo
		1.10 Social
		1.11 More
		1.12 Play button
		1.13 Filter
		1.14 Overlay
		1.15 Preloader
		1.16 Webpage
		1.17 Language switcher

	2. Header
		2.1 Mobile menu
		2.2 Header

	3. Footer
		3.1 Footer

	4. Main
		4.1 Timer
		4.2 Error 404
		4.3 Coming soon
		4.4 Link with arrow
		4.5 Tab rev slider
		4.6 Statistics block
		4.7 Review card
		4.8 News preview card
		4.9 About us block
		4.10 Hero block
		4.11 Services block
		4.12 Statistics block
		4.12 Latest projects carousel block
		4.13 Partners block
		4.14 Partners block
		4.15 Latest news block
		4.16 Latest news block
		4.17 Latest news block
		4.18 Featured projects block
		4.19 Project detail blocks
		4.20 Services section
		4.21 Home Grid page blocks
		4.22 Team list block
		4.23 News blocks
		4.24 Blocks for services pages
		4.25 Feedback block
		4.26 Contact block
		4.27 Block in About page
		4.28 Map block
		4.29 Video section in homepage
		4.30 Main slider
		4.31 Article
		4.32 Home parallax

-------------------------------------------------------------------------------*/
@import url(aos.css);
@import url(swiper-bundle.css);
@import url(animsition.min.css);
@import url(jquery.pagepiling.css);
@import url(jquery.fancybox.css);
/*-------------------------------------------------------------------------------
  1. Global
-------------------------------------------------------------------------------*/
/* 1.1 General */

:root {
	/* --main-accent-color: #e6e349; */
	--main-accent-color: #ffe02d;
	--main-accent-color-glow: #fbff00;
	--black: #000;
	--white: #fff;
	--main-bg-color: #272727;
	--secondary-bg-color:#020202;
}

.whitened {
	filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(146deg) brightness(99%) contrast(103%);
}

/*
.news-listing.row{
  max-height: 51em;
  overflow-y: auto;
} */

html,
body {
	overflow: visible;
}

html {
	box-sizing: border-box;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}


/* ===== Scrollbar CSS ===== */
  /* Firefox */
  /* * {
    scrollbar-width: auto;
    scrollbar-color: #058c42 #0d2818;
  } */
*
  {
    scrollbar-width: auto;
    scrollbar-color: var(--main-accent-color) var(--main-accent-color);
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 8px;
  }

  *::-webkit-scrollbar-track {
    background: #2b2b2b;
  }

  *::-webkit-scrollbar-thumb {
    background-color: var(--main-accent-color);
    border-radius: 15px;
    border: 2px solid #020202;
  }

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-webkit-locale: auto;
	white-space: normal;
	display: flex;
	flex-direction: column;
	min-width: 320px;
	min-height: 100vh;
	margin: 0;
	padding: 0;
	font-family: 'Gilroy', serif;
	font-size: 16px;
	line-height: 1.625;
	color: #787878;
	font-weight: 400;
	-webkit-locale: auto;
	white-space: normal;
}

main {
	position: relative;
	z-index: 1;
	flex-grow: 1;
	border-bottom: solid 1px transparent;
	background-color: #ffffff;
}

a {
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: none;
}

@keyframes text-rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(-360deg);
	}
}

@keyframes link-arrow-hover {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(3px);
	}
	100% {
		transform: translateX(0);
	}
}

.label-subs {
	position: relative;
}

.label-subs > button[type='submit'] {
	width: auto;
	padding: 0;
	position: absolute;
	left: 50%;
	bottom: -30px;
	transform: translateX(-50%);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	cursor: pointer;
	border: none;
	background-color: #ffffff;
	transition: color 0.3s ease;
}

@media (min-width: 576px) {
	.label-subs > button[type='submit'] {
		left: unset;
		bottom: unset;
		right: 0;
		top: 17px;
		transform: none;
	}
}

.label-subs label {
	width: 100%;
	display: block;
	position: relative;
	padding: 15px 25px 15px 45px;
	border-bottom: 1px solid #000000;
	box-sizing: border-box;
}

@media (min-width: 576px) {
	.label-subs label {
		padding: 15px 100px 15px 45px;
	}
}

.label-subs label::before {
	content: '';
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3e%3cpath d='M58.7 10.7H5.3C2.4 10.7 0 13.1 0 16v32c0 2.9 2.4 5.3 5.3 5.3h53.3c2.9 0 5.3-2.4 5.3-5.3V16c.1-2.9-2.3-5.3-5.2-5.3zm0 35.7L40.5 29.3l18.1-10.9v28zM28.3 32.3c1.1.8 2.4 1.1 3.7 1.1 1.3 0 2.7-.3 3.7-1.1L52.5 48H10.7l17.1-16 .5.3zm24-16.3L33.1 27.7c-.5.3-1.3.3-1.9 0L11.7 16h40.6zM23.2 29.1L5.3 45.9V18.4l17.9 10.7z'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 24px auto;
}

.label-subs label input {
	width: 100%;
	padding: 0;
}

.label-subs label input::placeholder {
	opacity: 0.5;
	color: #000000;
}

.label-subs label input:focus::placeholder {
	opacity: 0;
}

.custom-input {
	width: 100%;
	height: 46px;
	padding: 16px 20px;
	border: 1px solid #d4d4d4;
	background-color: #ffffff;
	box-sizing: border-box;
	transition: border-color 0.3s ease;
}

.custom-input::placeholder {
	font-size: 16px;
	opacity: 0.5;
}

.custom-input:focus {
	border-color: #000000;
}

.custom-input:focus::placeholder {
	opacity: 0;
}

input[type='search'] {
	width: 100%;
	padding: 16px 50px 16px 25px;
	border: 1px solid #c9c9c9;
	background: #ffffff
		url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3e%3cpath d='M62.9 56.5l-17-13.8c7.2-9.9 6.1-23.7-2.7-32.5C38.4 5.3 32 2.7 25.3 2.7s-13 2.6-17.8 7.4S0 21.3 0 28s2.7 13.1 7.5 17.9c5.1 5.1 11.5 7.5 17.9 7.5 6.1 0 12.3-2.1 17.1-6.7l17.3 14.1c.5.5 1.1.5 1.6.5.8 0 1.6-.3 2.1-1.1.8-1 .8-2.6-.6-3.7zM25.3 48c-5.3 0-10.4-2.1-14.1-5.9-3.7-3.7-5.9-8.8-5.9-14.1s2.1-10.4 5.9-14.1S20 8 25.3 8s10.4 2.1 14.1 5.9 5.9 8.8 5.9 14.1-2.1 10.4-5.9 14.1c-3.7 3.8-8.7 5.9-14.1 5.9z'/%3e%3c/svg%3e ")
		no-repeat calc(100% - 30px) center;
	background-size: 13px;
	box-sizing: border-box;
	outline: none;
	transition: border-color 0.3s ease;
}

input[type='search']:hover,
input[type='search']:focus {
	border-color: #000000;
}

input[type='search']::placeholder {
	font-family: 'Poppins', 'Arial', sans-serif;
	font-size: 16px;
	color: #767676;
	opacity: 1;
}

input[type='search']:focus::placeholder {
	opacity: 0;
}

textarea.custom-input {
	height: 150px;
	resize: none;
}

.slide-counter {
	font-size: 24px;
	line-height: 24px;
}

@media (min-width: 992px) {
	.slide-counter {
		font-size: 30px;
		line-height: 30px;
	}
}

.arrow-square {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	position: absolute;
	z-index: 1;
	outline: none;
	padding: 0;
	transition: all 0.3s ease;
}

@media (min-width: 1200px) {
	.arrow-square {
		width: 60px;
		height: 60px;
	}
}

@media (min-width: 992px) {
	.arrow-square:hover {
		background-color: transparent;
	}
	.arrow-square:hover svg {
		fill: #ffffff;
	}
}

.arrow-square svg {
	width: 50%;
	height: 50%;
	fill: #000000;
	transition: fill 0.3s ease;
}

.arrow-square--prev svg {
	transform: rotate(180deg);
}

#pp-nav {
	display: none;
	right: 64px !important;
	top: 47%;
}

@media (min-width: 1560px) {
	#pp-nav {
		display: block;
	}
}

#pp-nav ul li {
	width: 11px;
	height: 11px;
	margin: 0;
}

#pp-nav ul li:hover a span {
	margin: 0;
	background-color: var(--main-accent-color-glow);
}

#pp-nav ul li + li {
	margin-top: 23px;
}

#pp-nav ul li a span {
	width: 11px;
	height: 11px;
	background-color: #ffffff;
	left: unset;
	right: 0;
	border: none;
	transition: background-color 0.3s ease;
}

#pp-nav ul li a.active span {
	background-color: var(--main-accent-color-glow);
	transition: background-color 0.3s ease;
}

/* 1.2  Typography */

/* @font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Regular.woff2') format('woff2'), url('../fonts/Inter-Regular.woff2') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Medium.woff2') format('woff2'), url('../fonts/Inter-Medium.woff2') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-SemiBold.woff2') format('woff2'), url('../fonts/Inter-SemiBold.woff2') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Bold.woff2') format('woff2'), url('../fonts/Inter-Bold.woff2') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
} */


/* @font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy-bold.woff2') format('woff2'), url('../fonts/gilroy-bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy-regular.woff2') format('woff2'), url('../fonts/gilroy-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy-regularitalic.woff2') format('woff2'),
		url('../fonts/gilroy-regularitalic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Swansea';
	src: url('../fonts/swansea.woff2') format('woff2'), url('../fonts/swansea.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Swansea';
	src: url('../fonts/swansea-bold.woff2') format('woff2'), url('../fonts/swansea-bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy-semibold.woff2') format('woff2'), url('../fonts/gilroy-semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy-semibolditalic.woff2') format('woff2'),
		url('../fonts/gilroy-semibolditalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins-regular.woff2') format('woff2'), url('../fonts/poppins-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins-medium.woff2') format('woff2'), url('../fonts/poppins-medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins-semibold.woff2') format('woff2'), url('../fonts/poppins-semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins-bold.woff2') format('woff2'), url('../fonts/poppins-bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
} */

/* 
.webpage--parallax-dark .navigation__dropdown-item a {
	color: black;
}

.navigation__dropdown-item a {
	color: white;
}
.navigation__dropdown-item a:hover {
	color: var(--main-accent-color);
}
.webpage--parallax-dark .navigation__dropdown-item a:hover {
	color: var(--main-accent-color);
}

.navigation__dropdown-item a {
	color: black;
}

.navigation__dropdown-item a {
	color: white;
}
.navigation__dropdown-item a:hover {
	color: var(--main-accent-color);
}
.navigation__dropdown-item a:hover {
	color: var(--main-accent-color);
}

@media (min-width: 992px) {
	.navigation__dropdown {
		position: relative;
		z-index: 1;
		height: 0px;
		color: white;
		left: unset;
		bottom: 0px;
		transform: translateY(0%) !important;
		min-width: unset;
		padding: unset;
		padding-top: 0px !important;
		background-color: unset !important;
		opacity: 0;
		background-color: unset;
		pointer-events: none;
		transition: opacity 0.3s ease;
	}
}

@media (min-width: 768px) {
	header.header.header--white.header--bg {
	}
}

.slider-parallax__title {
	margin-bottom: 0;
}

.slider-parallax__subtitle {
	margin-bottom: 0;
}

@media (min-width: 992px) {
	.slider-parallax__text {
		margin-bottom: 20px;
	}
}
.button-like {
	border: 1px solid white;
	color: white;
	transition: all 0.2s;
}

.button-like:hover {
	background-color: white;
	color: black;
	border: 1px solid black;
}

.about-block__text.about-block__text--lettered {
	margin-bottom: 10px;
}

@media (min-width: 1200px) {
	.article__about-hero {
		max-width: 1830px;
		margin-top: 100px;
		margin-bottom: 3.5vw;
	}
}

@media (min-width: 1200px) {
	.about-block__header {
		max-width: 220px;
		margin-right: 64px;
		margin-bottom: 20px;
		flex-shrink: 0;
	}
	header.about-block__header.aos-init.aos-animate {
		min-width: 280px;
	}
}

.first-elem {
	margin-top: 200px;
}

@media (max-width: 992px) {
	.partners__item {
		width: 50%;
		text-align: center;
		align-self: center;
		margin-top: 50px;
	}
}

.grid-logo .logo-img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.grid-logo {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 992px) {
	.grid-logo {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		overflow: hidden;
	}
}

.logo-img:hover {
	transform: scale(1.2);
	transition: all 0.2s;
}

h2.article__heading.heading.heading--mini p {
	font-size: 24px;
	margin-top: 8px;
	margin-bottom: 0px;
	color: #333;
} */

/* TEXT STYLING 11.10.2022 */

.text-cont {
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 500;
}

.text-cont--black {
	color: black;
}

.text-header {
	font-size: 48px;
	color: #fff;
	letter-spacing: 3px;
	font-weight: 600;
}

.text-header--black {
	color: black;
	letter-spacing: 3px;
	font-weight: 600;
	font-size: 48px;
}

.text-title {
	color: #fff;
	font-size: 24px;
	margin-bottom: 2px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
}

.text-title-sm {
	font-size: 16px;
}

.text-title--black {
	color: #000000;
}

.text-title--black-sm {
	color: #000000;
	font-size: 16px !important;
	margin-bottom: 2px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 3px;
}

.fsz-16 {
	font-size: 16px !important;
}

.fsz-32 {
	font-size: 32px !important;
}

/* .navigation__phone {
	display: flex;
	justify-content: center;
	align-items: center;
} */

/* p {
	font-family: 'Gilroy';
} */

.slide-fourth__btn {
	text-transform: uppercase !important;
	width: 16rem !important;
}

.img__box-shadow {
	-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 1);
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 1);
}

.img__bor-rad {
	border-radius: 3px;
}


.tc-btn{
    padding: 0.25rem 2rem;
    border: 1px solid black;
    border-radius: 2rem;
    background-color: #fff;
}

.tc-btn:hover{
    color: #fff;
    background-color: #000;
    transition: 0.5s;
}

.display-none{
	display: none;
}

.display-block{
	display: block;
}