@charset "utf-8";
/* CSS Document */


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	width: 100%;
	height: auto;
	overflow-x: hidden;
	background-color: #1e2330;
}


body,
td,
th {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-family: "Exo 2", sans-serif;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}


[data-scroll-container] {
	overflow: hidden;
	position: relative;
	will-change: transform;
}

/* Скриване на скрол лентата, но поддържане на scroll */
[data-scroll-container]::-webkit-scrollbar {
	display: none;
}

[data-scroll-container] {
	scrollbar-width: none;
	/* Firefox */
}


/*

h1 {
	font-size: calc(30px + (34 - 30) * ((100vw - 640px) / (1920 - 640)));
 font-style: normal;
 line-height: 1.4;
 text-transform: uppercase; 
}

h2 {
	font-size: calc(30px + (34 - 30) * ((100vw - 640px) / (1920 - 640)));
	font-style: normal;
	line-height: 1.4;
  text-transform: uppercase; 
}

h3 {
 	font-size: calc(30px + (36 - 30) * ((100vw - 640px) / (1920 - 640)));
	font-style: normal;
	line-height: 1.4;
}

h4 {
	font-size: calc(32px + (48 - 32) * ((100vw - 640px) / (1920 - 640)));
	font-style: normal;
	line-height: 1.3;
}

h5 {
	font-size: calc(28px + (32 - 28) * ((100vw - 640px) / (1920 - 640)));
	font-style: normal;
	line-height: 1.3;
}

h6 {
	font-size: calc(16px + (18 - 16) * ((100vw - 640px) / (1920 - 640)));
	font-style: normal;
	line-height: 1.3;
}
*/


a {
	color: #fff;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #fff;
	text-decoration: underline;
}

.but {
	position: relative;
	z-index: 2;
	padding: 6px 50px;
	font-size: calc(17px + (18 - 17) * ((100vw - 640px) / (1920 - 640)));
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s;
	border-radius: 50px;
	display: inline-block;
	letter-spacing: 1px;
	font-weight: 400
}

.but:hover {


	text-decoration: none !important;

}

.but1 {
	border: 1px solid #c7bea9;
	color: #c7bea9;
	background-color: transparent
}

.but1:hover {
	background-color: #13161F;
	color: #c7bea9;
}


.but2 {
	border: 1px solid #7f7766;
	color: #7f7766;
	background-color: transparent
}

.but2:hover {
	border: 1px solid #7f7766;
	color: #c7bea9;
	background-color: #7f7766
}

.but3 {
	border: 1px solid #fff;
	color: #fff;
	background-color: transparent
}

.but3:hover {
	border: 1px solid #7f7766;
	color: #c7bea9;
	background-color: #7f7766
}

.content {
	padding-top: 80px;
	padding-bottom: 80px;
}

@media(max-width:991px) {
	.content {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

.padding-x {
	padding-left: 8vw;
	padding-right: 8vw;
}

@media(max-width:1367px) {
	.padding-x {
		padding-left: 5vw;
		padding-right: 5vw;
	}
}

@media(max-width:991px) {
	.padding-x {
		padding-left: 4vw;
		padding-right: 4vw;
	}
}


.mask {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.mask img,
.mask video {
	display: block;
	height: 100%;
	width: 100%;
}

.img-wrapper {
	height: 100%;
	width: 100%;
}

.img-wrapper img {
	width: 100%;
	opacity: 0;
	transform: scale(1.5) !important;
	transition: 2.5s cubic-bezier(.05, .37, .38, .9);
	transform-origin: center;
	overflow: hidden;
	object-fit: cover;
}

.img-wrapper.is-inview img {
	opacity: 1;
	transform: scale(1) !important;
	object-fit: cover;
	transform-origin: center;
}


/*text effects*/


.fade-up {
	opacity: 0;
	transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translateY(60%);
	transition-delay: 0s;
	will-change: transform;
}

.fade-up.is-inview {
	opacity: 1;
	transform: translateY(0px);
}


/*text effects*/
.perspective {
	display: inline-block;
	perspective: 800px;
	perspective-origin: center center;
	/* за правилен 3D ефект */
}

.letter {
	display: inline-block;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	/* в твоя JS ти слагаш transformOrigin и rotationY */
}


.line-wrapper {
	overflow: hidden;
	display: block;
}


.text-reveal-1 .line-wrapper,
.text-reveal-2 .line-wrapper,
.text-reveal-3 .line-wrapper {
	will-change: transform, opacity, clip-path;
}


/*text effects*/


#smooth-content {
	padding-top: 60px;
	/* същата височина като header */
}

@media(max-width:991px) {
	#smooth-content {
		padding-top: 30px;
		/* същата височина като header */
	}

}


.header {
	background-color: #1e2330;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;


}

.navigation a {
	font-size: 20px;
	color: #fff
}

.navigation a:hover {
	font-size: 20px;
	color: #fff;
	text-decoration: underline
}


.offcanvas {
	z-index: 9999;
	background-color: rgba(30, 35, 48, 0.8);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.offcanvas-header .btn-close {
	filter: brightness(0) invert(1);
	/* прави черното бяло */
	margin-top: 0.5rem;
}


.offcanvas-header {
	display: flex;
	align-items: center;
	justify-content: end;
	padding: 1rem 1rem;
}


.offcanvas-end {
	top: 0;
	right: 0;
	width: 100%;
	border-left: none;
	transform: translateX(100%);
}

.offcanvas .offcanvas-body a {
	font-size: 28px
}

/*hero*/


.hero {
	background-color: #1e2330;
	background-color: #131925;

}

.hero-2 {
	background-color: #1e2330;
	position: relative;
	width: 100%;
	height: 90vh;
	display: flex;
	align-items: center
}

@media(max-width:991px) {
	.hero-2 {
		height: 100vh;
	}
}

.hero-2 video {
	position: absolute;
	z-index: 0;
	left: 50%;
	transform: translate(-50%, 0%);
	/*max-height: 100vh;*/
}

.hero-2 .temp {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center
}

.hero h1 {
	font-size: calc(50px + (77 - 50) * ((100vw - 640px) / (1920 - 640)));
	font-style: normal;
	line-height: 1.1;
	font-weight: 700
}

.hero h2 {
	font-size: calc(26px + (38 - 26) * ((100vw - 640px) / (1920 - 640)));
	font-style: normal;
	line-height: 1.3;
	font-weight: 400
}


.hero-2 h1 {
	font-size: calc(50px + (77 - 50) * ((100vw - 640px) / (1920 - 640)));
	font-style: normal;
	line-height: 1.1;
	font-weight: 700
}

.hero-2 h2 {
	font-size: calc(26px + (38 - 26) * ((100vw - 640px) / (1920 - 640)));
	font-style: normal;
	line-height: 1.3;
	font-weight: 400
}


.eco {
	height: 100vh;
	position: relative;
	overflow: hidden;
}


.eco .bg-image {
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 102%;
	z-index: -1;
}

.eco .box {
	width: 65vw;
	text-align: center
}

.eco h3 {
	font-size: calc(35px + (59 - 35) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 600
}

.eco .right {
	position: absolute;
	bottom: 30px;
	right: -350px;
	transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.eco .right.is-inview {
	position: absolute;
	bottom: 30px;
	right: 50px;
	transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}


@media(max-width:1080px) {
	.eco {
		height: 90vh;

	}

	.eco .box {
		width: 100vw;
		text-align: center
	}

	.eco .right img {
		width: 25vw
	}

	.eco .right.is-inview {
		position: absolute;

		right: 20px
	}
}


.home-about {
	background-color: #c7bea9;
	color: #1e2330;
	font-weight: 500
}

.home-about .title-box {
	position: relative;
	display: inline-block;
}

.home-about .text-wrapper .title {
	font-weight: 600
}

.home-about h4 {
	position: relative;
	z-index: 1;
	color: #e6e0d2;
	font-size: calc(55px + (72 - 55) * ((100vw - 640px) / (1920 - 640)));
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: 800;
}

.home-about .back-title {
	position: absolute;
	top: -70px;
	left: 0;
	color: #9f9680;
	opacity: 0.3;
	font-size: calc(85px + (228 - 85) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 800;
	z-index: 0;
	pointer-events: none;
	user-select: none;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	line-height: 1;
}


@media(max-width:991px) {
	.home-about .back-title {
		display: none
	}

}

.home-about .distance {
	padding-top: 5vw;
	padding-bottom: 5vw
}

.home-about .box {
	display: flex;
	align-items: flex-start;
	gap: 2rem;

}

.home-about .box .number {
	font-size: calc(45px + (52 - 45) * ((100vw - 640px) / (1920 - 640)));
	color: #e6e0d2;
	opacity: 0.8;
	font-weight: 700;
	line-height: 1;
	width: 2ch;
}

@media(max-width:767px) {
	.home-about .box .number {
		width: 2.5ch;
	}
}

.home-about .padding {
	padding-left: 8vw;
	padding-right: 8vw;
}


@media(max-width:1367px) {
	.home-about .padding {
		padding-left: 5vw;
		padding-right: 5vw;
	}
}

@media(max-width:991px) {
	.home-about .padding {
		padding-left: 0vw;
		padding-right: 0vw;
	}
}

@media(max-width:767px) {
	.home-about .box {
		display: flex;
		align-items: flex-start;
		gap: 1rem;

	}
}

.home-about .big-text {
	font-size: calc(18px + (21 - 18) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 700
}

.home-about h5 {
	font-weight: 700;
	font-size: calc(25px + (25 - 25) * ((100vw - 640px) / (1920 - 640)));
	line-height: 1;
	text-transform: uppercase
}

.home-products {
	background-color: #a89f8a;
	color: #1e2330;
	font-weight: 500;
}

.home-products .hover-text {
	color: #e6e0d2;
	position: relative;
	font-size: calc(70px + (142 - 70) * ((100vw - 640px) / (1920 - 640)));
	line-height: 1.4;
	z-index: 2;
	text-align: center;
	white-space: nowrap;
	letter-spacing: 0.1vw;
	font-weight: bold;
}

.home-products .marquee-wrapper {
	overflow: hidden;
	width: 100%;
	position: relative;
}

.home-products .marquee {
	display: flex;
	width: max-content;
}

.home-products .marquee-item {
	flex: 0 0 auto;
	padding: 0 4rem;
	white-space: nowrap;
}

@media (max-width: 991px) {
	.home-products .marquee-item {
		padding: 0 1rem;
	}
}

.home-products .gap-3 {
	gap: 0.6rem !important;
}


.home-products .marquee {
	will-change: transform;
}

.home-products .marquee-item:nth-child(even) .hover-text {
	color: #a89f8a;
	text-shadow:
		-1px -1px 0 #e6e0d2,
		1px -1px 0 #e6e0d2,
		-1px 1px 0 #e6e0d2,
		1px 1px 0 #e6e0d2;
}


.home-products h5.title {
	font-size: calc(34px + (36 - 34) * ((100vw - 640px) / (1920 - 640)));
	white-space: normal
}


@media (max-width: 991px) {
	.home-products.content {
		padding-top: 30px;

	}
}


.why-home {
	height: 100vh;
	position: relative;
	overflow: hidden;
}


.why-home .bg-image {
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 102%;
	z-index: -1;
}

.why-home .box {
	width: 65vw;
	text-align: center
}

.why-home h1 {

	font-size: calc(88px + (140 - 88) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 600;
	line-height: 1
}

.why-home h2 {

	font-size: calc(88px + (160 - 88) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 600
}

.why-home h3 {
	font-size: calc(30px + (53 - 30) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 600
}


@media(max-width:1080px) {
	.why-home {
		height: 90vh;

	}

	.why-home .box {
		width: 100vw;
		text-align: center
	}
}


.takeaways {
	background-color: #c7bea9;
	color: #1e2330
}

.takeaways h4.title {
	font-size: calc(25px + (28 - 25) * ((100vw - 640px) / (1920 - 640)));
	color: #fff;
	font-weight: 800;
	line-height: 1.2
}


.takeaways .number {
	font-size: calc(45px + (52 - 45) * ((100vw - 640px) / (1920 - 640)));
	color: #9f9680;
	opacity: 0.8;
	font-weight: 700;
	line-height: 1;
	width: 2ch;
}

@media(max-width:767px) {
	.takeaways .number {
		width: 2.5ch;
	}
}


.feature-box {
	color: #1e2330;
	font-weight: 500;
	border-radius: .5rem;
	padding: 2rem 1.5rem;
	background: #b5ab95;
	transition: transform .18s ease, box-shadow .18s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.icon-circle {
	width: 84px;
	height: 84px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #a89f8a;
	margin-bottom: 2.5rem;
}

.feature-title {
	font-weight: 600;
	font-size: calc(25px + (28 - 25) * ((100vw - 640px) / (1920 - 640)));
	margin-bottom: .5rem;
}

.col-feature {
	display: flex;
}


@media(max-width:991px) {

	.icon-circle {
		width: 104px;
		height: 104px;

	}

	.feature-box {
		background: #b5ab95;
		border: 1px solid #b5ab95;
	}
}


.location h3.title {
	font-size: calc(35px + (45 - 35) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 600;
	line-height: 1.2
}


.market {
	background-image: url(images/mar-bkg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}


.market h3.title {
	font-size: calc(32px + (52 - 32) * ((100vw - 640px) / (1920 - 640)));
	text-wrap: balance;
}


.market .number {
	font-size: calc(55px + (85 - 55) * ((100vw - 640px) / (1920 - 640)));
	color: #c7bea9;
	font-weight: 800
}

.market .number span {
	font-size: calc(35px + (65 - 35) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 400
}

.market h4.title {
	font-size: calc(25px + (36 - 25) * ((100vw - 640px) / (1920 - 640)));
	text-wrap: balance;
	font-weight: 600
}


.partners {
	background-color: #151922
}


.partners .marquee-wrapper {
	overflow: hidden;
	width: 100%;
	position: relative;
}

.partners .marquee-2 {
	display: flex;
	width: max-content;
	white-space: nowrap;
	overflow: hidden;
	will-change: transform;
}

.partners .marquee-item {
	flex-shrink: 0;
	flex: 0 0 auto;
	padding: 0 4rem;
	white-space: nowrap;
}

@media (max-width: 991px) {
	.partners .marquee-item img {
		width: 80%
	}

	.partners .marquee-item {
		flex-shrink: 0;
		flex: 0 0 auto;
		padding: 0 0rem;
		white-space: nowrap;
	}
}


.partners .marquee-2 {
	will-change: transform;
	transform: translate3d(0, 0, 0);
}


.footer {
	background-color: #1d2029
}

.footer .link a {
	text-decoration: none;
	color: inherit;
	padding: 0.2rem 0.5rem;
	display: inline-block;
}

.sub-footer {
	background-color: #151922;
	font-size: 14px
}


.why-sic h1.title {
	font-size: calc(42px + (52 - 42) * ((100vw - 640px) / (1920 - 640)));
	text-wrap: balance;
}

.why-sic .number {
	font-size: calc(150px + (220 - 150) * ((100vw - 640px) / (1920 - 640)));
	opacity: 0.05;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	margin-left: -15px;
}


.why-sic h4.title {
	font-size: calc(30px + (42 - 30) * ((100vw - 640px) / (1920 - 640)));
	text-wrap: balance;
}

.timeline h1.title {
	font-size: calc(35px + (45 - 35) * ((100vw - 640px) / (1920 - 640)));
	text-wrap: balance;
}

.invest {
	height: 100vh;
	position: relative;
	overflow: hidden;
}


.invest .bg-image {
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 102%;
	z-index: -1;
}

.invest h2.title {
	font-size: calc(30px + (50 - 30) * ((100vw - 640px) / (1920 - 640)));


}

.invest h3.title {
	font-size: calc(50px + (90 - 50) * ((100vw - 640px) / (1920 - 640)));

	text-transform: uppercase;
	font-weight: 600;
}


.cd-container {
	width: 100%;
	margin: 0 auto;
	padding: 0 10%;
	border-radius: 2px;
}

.cd-container::after {
	content: "";
	display: table;
	clear: both;
}

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

Main components 

-------------------------------- */
#cd-timeline {
	position: relative;
	padding: 1em 0;
	margin-top: 1em;
	margin-bottom: 1em;
}

#cd-timeline::before {
	content: "";
	position: absolute;
	top: 0;
	left: 15px;
	height: 100%;
	width: 4px;
	background: #a89f8a;
}

@media (max-width: 576px) {
	#cd-timeline::before {
		left: 10px;
		width: 3px;
	}
}

@media only screen and (min-width: 1170px) {
	#cd-timeline {
		margin-top: 3em;
		margin-bottom: 3em;
	}

	#cd-timeline::before {
		left: 50%;
		margin-left: -2px;
	}
}

.cd-timeline-block {
	position: relative;
	margin: 2em 0;
}

.cd-timeline-block:after {
	content: "";
	display: table;
	clear: both;
}

.cd-timeline-block:first-child {
	margin-top: 0;
}

.cd-timeline-block:last-child {
	margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
	.cd-timeline-block {
		margin: 4em 0;
	}

	.cd-timeline-block:first-child {
		margin-top: 0;
	}

	.cd-timeline-block:last-child {
		margin-bottom: 0;
	}
}

.cd-timeline-img {
	position: absolute;
	top: 8px;
	left: 2px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	box-shadow: 0 0 0 4px #a89f8a, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

@media (max-width: 576px) {
	.cd-timeline-img {
		width: 20px;
		height: 20px;
		box-shadow: 0 0 0 3px #a89f8a, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
	}
}

.cd-timeline-img {
	background-color: #64625C;

}

@media only screen and (min-width: 1170px) {
	.cd-timeline-img {
		width: 30px;
		height: 30px;
		left: 50%;
		margin-left: -15px;
		margin-top: 15px;
		/* Force Hardware Acceleration in WebKit */
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden;
	}
}

.cd-timeline-content {
	position: relative;
	margin-left: 60px;
	margin-right: 30px;
	background-color: rgba(20, 26, 40, 0.60);
	border-radius: 1.2vmax;
	padding: 1em;
}

@media (max-width: 991px) {
	.cd-timeline-content {
		margin-right: 0px;
	}
}

@media (max-width: 576px) {
	.cd-timeline-content {
		margin-left: 45px;
	}
}

.cd-timeline-content:after {
	content: "";
	display: table;
	clear: both;
}

.cd-timeline-content h2 {
	color: rgba(255, 255, 255, 0.9);
	margin-top: 0;
	margin-bottom: 5px;
}

.cd-timeline-content .cd-date {
	color: rgba(255, 255, 255, 0.7);
	font-size: 20px;
	margin-bottom: 5px
}

.cd-timeline-content .cd-date {
	display: inline-block;
}


.cd-timeline-content::before {
	content: "";
	position: absolute;
	top: 16px;
	right: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 7px solid rgba(20, 26, 40, 0.60);
}


@media only screen and (min-width: 1170px) {
	.cd-timeline-content {
		color: white;
		margin-left: 0;
		padding: 1.6em;
		width: 36%;
		margin: 0 5%;
	}

	.cd-timeline-content::before {
		top: 24px;
		left: 100%;
		border-color: transparent;
		border-left-color: rgba(20, 26, 40, 0.60);
	}

	.cd-timeline-content .cd-date {
		position: absolute;
		width: 100%;
		left: 142%;
		top: -10px;
		font-size: 3.5rem;
		font-weight: 800;
		opacity: 0.1;
		color: #fff;
	}

	.cd-timeline-block:nth-child(even) .cd-timeline-content {
		float: right;
	}

	.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
		top: 24px;
		left: auto;
		right: 100%;
		border-color: transparent;
		border-right-color: rgba(20, 26, 40, 0.60);
	}

	.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
		float: right;
	}

	.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
		left: auto;
		right: 142%;
		text-align: right;
	}
}


.cd-timeline-content h2 {
	font-size: calc(24px + (32 - 24) * ((100vw - 640px) / (1920 - 640)));
	line-height: 1.4;
	font-weight: 700
}


.cd-timeline-content .bold-text {
	font-weight: 700
}

.cd-timeline-content ul {
	padding-left: 1rem
}

.cd-timeline-content li {
	padding-top: 5px;
	padding-bottom: 5px
}


.news {

	background-color: #a89f8a;
	color: #1e2330
}


.news .news-title {
	font-size: calc(24px + (32 - 24) * ((100vw - 640px) / (1920 - 640)));
	line-height: 1.4;
	font-weight: 700
}


.news h2.title {
	font-size: calc(45px + (55 - 45) * ((100vw - 640px) / (1920 - 640)));
	text-wrap: balance;

	font-weight: 600
}


.partners-page {
	background-color: #1d2029;
}


.partners-page h2 {
	font-size: calc(30px + (56 - 30) * ((100vw - 640px) / (1920 - 640)));
}

.partners-page .partners-title {
	font-size: 26px;
	font-weight: 500;
	padding-top: 10px;
	padding-bottom: 10px
}

.partners-page .link {
	padding-top: 25px;
	color: #c7bea9;
}

.partners-page .link a {
	color: #c7bea9;
}


.products-page {
	background-color: #1d2029;
}


.products-page .products-title {
	font-size: 36px;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 5px
}

.products-page .sub-title {
	font-size: 22px;
	font-weight: 500
}

.products-page img {
	border-radius: 35px;
}


.contacts-page {
	background-color: #1d2029;
	color: #fff;
}

.contacts-page .addres {
	font-size: calc(18px + (18 - 18) * ((100vw - 640px) / (1920 - 640)));
	line-height: 1.5
}


.contacts-page .form-control {

	color: #212529;
	background-color: #fff;
	border: 1px solid #151922;
	border-radius: 1.25rem;
	padding: .575rem .75rem;
}


.contacts-page h4 {
	font-size: calc(24px + (36 - 24) * ((100vw - 640px) / (1920 - 640)));
	font-style: normal;
	line-height: 1.3;
	padding-bottom: 5vmax
}

.team img {
	border-radius: 1.5rem
}

.team strong {
	font-weight: 700
}


#dust-canvas {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 500px;
	height: 500px;
	transform: translate(-40%, -50%);
	pointer-events: none;
	z-index: 9999;
}


/*text effects*/


.fade-up {
	opacity: 0;
	transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translateY(60%);
	transition-delay: 0s;
	will-change: transform;
}

.fade-up.is-inview {
	opacity: 1;
	transform: translateY(0px);
}

@media (min-width: 991px) {
	.fade-up-xs {

		transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translateY(60%);
		transition-delay: 0s;
		will-change: transform;
	}

	.fade-up-xs.is-inview {

		transform: translateY(0px);
	}
}

/*text effects*/

/* FORMS ERRORS */
input.error {
	border-bottom-color: #c00 !important;
}

input[type=checkbox].error {
	border-color: #c00 !important;
}

select.error {
	border-bottom-color: #c00 !important;
}

textarea.error {
	border-bottom-color: #c00 !important;
}

label.error {
	display: block;
	color: #c00;
	font-size: 0.75rem !important;
	font-weight: normal;
	padding: 0px !important;
	margin-top: 0px;
	background: none;
}

.news h2.title {
	font-size: calc(45px + (55 - 45) * ((100vw - 640px) / (1920 - 640)));
	text-wrap: balance;

	font-weight: 600
}

.news .news-title {
	font-size: calc(24px + (24 - 24) * ((100vw - 640px) / (1920 - 640)));
	line-height: 1.2;
	font-weight: 600;

}

.news a {
	color: #1e2330 !important
}

.news a:hover {
	text-decoration: none;
}

.news .news-picture {
	width: 100%;
	aspect-ratio: 16/9;
	overflow: hidden;
	position: relative;
}

.news .news-picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: all ease-in-out 0.8s;
}

.news a:hover img {
	transition: all ease-in-out 0.8s;
	transform: scale(1.2);
	filter: brightness(0.40);
}

.news .news-picture .news-icon {
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: #a89f8a;
	bottom: -100px;
	right: 0px;
	z-index: 2;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	transition: all ease-in-out 0.8s;
}

.news a:hover .news-picture .news-icon {
	bottom: 0px;
}

.news a.link {
	font-weight: 500;

}

.news a:hover.link {
	text-decoration: underline
}