:root {
	--color0: transparent;
	--color1: #2F302B;
	--color1-70: rgba(47, 48, 43, .7);
	--color1-50: rgba(47, 48, 43, .5);
	--color2: #AD8952;
	--color2-70: rgba(173, 137, 82, .7);
	--color2-50: rgba(173, 137, 82, .5);
	--color3: #FDFDFD;
	--color3-50: rgba(253, 253, 253, .5);
	--color4: #FFFCF9;
	--color5: #5C0900;
	--color6: #3F403A;
	--gradient1: linear-gradient(90deg, #AD802E 0%, #DCBE6A 14.5%, #F4DE88 21.5%, #FCF2AE 33.5%, #F4DE88 40%, #DCBE6A 50.5%, #F4DE88 61%, #FCF2AE 68%, #F4DE88 76.5%, #AD802E 100%);
	--gradient2: linear-gradient(180deg, rgba(23, 23, 21, 0) 0%, #171715 100%);
	--gradient3: linear-gradient(180deg, rgba(47, 48, 43, 0) 1.3%, #2F302B 8.48%);
	--font-family1: "PF Display";
	--font-family2:  "PassionsConflictRUS";
	--font-family3:  "Cir";
}

html,
body {
	color: var(--color1);
	font-style: normal;
	font-family: var(--font-family3);
}

.heading1 {
	font-size: 55px;
	font-weight: 400;
	font-family: var(--font-family1);
	line-height: 100%;
	text-align: center;
	position: relative;
	padding-top: 17px;
}

.heading1::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100px;
	height: 1px;
	background-color: var(--color2);
}

.heading2 {
	font-family: var(--font-family2);
	line-height: 48px;
	font-size: 145px;
	text-align: center;
	color: var(--color2-50);
}

.heading3 {
	font-size: 32px;
	font-family: var(--font-family1);
	line-height: 100%;
}

.heading4 {
	font-size: 28px;
	font-family: var(--font-family1);
	line-height: 100%;
}

.text1 {
	font-size: 20px;
	line-height: 24px;
}

.text2 {
	font-size: 16px;
	line-height: 100%;
}

.menu1 {
	font-size: 20px;
	line-height: 100%;
}

.tel1 {
	font-size: 22px;
	line-height: 100%;
}

.btn1 {
	font-size: 18px;
	line-height: 100%;
	color: var(--color2);
	font-family: var(--font-family3);
}

@supports ((background-clip: text) or (-webkit-background-clip: text)) {

	.btn1:hover {
		color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
		background-image: var(--gradient1);
	}

}

.btn2 {
	font-size: 18px;
	line-height: 43px;
	background-color: var(--color2);
	color: var(--color3);
	width: 100%;
	text-align: center;
	transition: background-color .3s;
	display: block;
}

.btn2:hover {
	background-color: var(--color2-70);
}

.disable-scrolling,
.disable-scrolling body {
	overflow: hidden !important;
}

@media (max-width: 1399px) {

	.heading1 {
		font-size: 48px;
		padding-top: 15px;
	}

	.heading1::before {
		width: 80px;
	}

	.heading2 {
		font-size: 115px;
	}

	.heading3 {
		font-size: 26px;
	}

	.heading4 {
		font-size: 22px;
	}

	.text1,
	.menu1 {
		font-size: 18px;
	}

	.tel1 {
		font-size: 20px;
	}

	.btn1 {
		font-size: 16px;
	}

	.btn2 {
		font-size: 16px;
		line-height: 35px;
	}

}

@media (max-width: 1023px) {

	.heading1 {
		font-size: 32px;
		padding-top: 8px;
	}

	.heading1::before {
		width: 60px;
	}

	.heading2 {
		line-height: 40px;
		font-size: 75px;
	}

	.heading3 {
		font-size: 24px;
		line-height: 22px;
	}

	.heading4 {
		font-size: 20px;
	}

	.text1 {
		font-size: 16px;
		line-height: 22px;
	}

	.text2 {
		font-size: 14px;
		line-height: 18px;
	}

	.tel1 {
		font-size: 18px;
	}

	.btn1,
	.btn2 {
		font-size: 14px;
	}

}

@media (max-width: 767px) {

	.heading1 {
		font-size: 28px;
		padding-top: 7px;
	}

	.heading1::before {
		width: 40px;
	}

	.heading2 {
		font-size: 48px;
		line-height: 30px;
	}

	.heading3 {
		font-size: 20px;
		line-height: 22px;
	}

	.text1 {
		line-height: 20px;
	}


}