/*   
Theme Name: wood
Theme URI: daryatolkien.com
Description: Изготовление мебели из дерева на заказ
Author: веб-разработчик darya.web
Author URI: https://darya-web.ru/
*/

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;1,700&display=swap');

/*@font-face {
	font-family: jost;
	src: url('https://bazilevs.group/wp-content/themes/wood/uploads/Jost-Regular.ttf');
}*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,300;0,400;0,500;1,400&display=swap');

html,
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	font-family: 'Jost', sans-serif !important;
	font-size: 100%;
}


.phone_circle .elementor-icon {
	animation: pulse 2s infinite ease-in-out;
}

.phone_circle .elementor-icon {
	animation: pulse2 2s infinite ease-in-out;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(220, 191, 139, 0.6);
		box-shadow: 0 0 0 0 rgba(220, 191, 139, 0.6);
	}

	70% {
		-webkit-box-shadow: 0 0 0 35px rgba(220, 191, 139, 0);
		box-shadow: 0 0 0 35px rgba(220, 191, 139, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(220, 191, 139, 0);
		box-shadow: 0 0 0 0 rgba(220, 191, 139, 0);
	}
}

@keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(220, 191, 139, 0.6);
		box-shadow: 0 0 0 0 rgba(220, 191, 139, 0.6);
	}

	70% {
		-webkit-box-shadow: 0 0 0 35px rgba(220, 191, 139, 0);
		box-shadow: 0 0 0 35px rgba(220, 191, 139, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(220, 191, 139, 0);
		box-shadow: 0 0 0 0 rgba(220, 191, 139, 0);
	}
}

@-webkit-keyframes pulse2 {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(220, 191, 139, 0.4);
		box-shadow: 0 0 0 0 rgba(220, 191, 139, 0.4);
	}

	70% {
		-webkit-box-shadow: 0 0 0 25px rgba(220, 191, 139, 0);
		box-shadow: 0 0 0 25px rgba(220, 191, 139, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(220, 191, 139, 0);
		box-shadow: 0 0 0 0 rgba(220, 191, 139, 0);
	}
}

@keyframes pulse2 {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(220, 191, 139, 0.4);
		box-shadow: 0 0 0 0 rgba(220, 191, 139, 0.4);
	}

	70% {
		-webkit-box-shadow: 0 0 0 25px rgba(220, 191, 139, 0);
		box-shadow: 0 0 0 25px rgba(220, 191, 139, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(220, 191, 139, 0);
		box-shadow: 0 0 0 0 rgba(220, 191, 139, 0);
	}
}

@media screen and (min-width: 769px) {
	::-webkit-scrollbar {
		width: 8px;
	}

	::-webkit-scrollbar-button {
		background-image: url(autoptimize_20c0c9b….css);
		background-repeat: no-repeat;
		width: 6px;
		height: 0;
	}

	::-webkit-scrollbar-thumb {
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-color: #eac17e;
		background-image: url(https://yraaa.ru/_pu/24/59610063.png);
		background-position: center;
		background-repeat: no-repeat;
	}

	::-webkit-scrollbar-track {
		background-color: #333;
		box-shadow: 0px 0px 3px #000 inset;
	}
}


.font {
	font-size: 16px;
}

@media screen and (min-width: 1969px) {
	.font {
		font-size: 22px;
	}

	.elementor-section.elementor-section-boxed>.elementor-container {
		max-width: 1700px !important;
		margin: auto;
	}
}

@media screen and (max-width: 1180px) {
	.font {
		font-size: 14px;
	}
}

@media screen and (max-width: 900px) {
	.font {
		font-size: 10px;
	}
}

.proiz {
	font-weight: 400 !important;
	margin-bottom: 0px !important;
}

.elementor-915 .elementor-element.elementor-element-4065ab1>.elementor-background-overlay,
.elementor-915 .elementor-element.elementor-element-37a9794>.elementor-background-overlay,
.elementor-915 .elementor-element.elementor-element-ade6a45>.elementor-background-overlay {
	background-image: linear-gradient(to top, white, transparent, white) !important;
	opacity: 1 !important;
}



/*NEW*/
.gradient-gold h1,
.gradient-gold h2,
.gradient-gold p,
.gradient-gold span,
.gradient-gold {
	background: linear-gradient(94.73deg, #D8D0A8 23.64%, #FAF2CB 37.09%, #CAC08B 53.82%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #D8D0A8;
	font-family: "Playfair Display", Sans-serif !important;
}

.hplay {
	position: relative;
	z-index: 10;
}

.hplay:before {
	position: absolute;
	content: "";
	background: url("https://bazilevs.group/wp-content/uploads/2021/06/1bd985b26c00f94fab666c6da4287b07-1-1.png");
	background-size: cover;
	width: 130px;
	height: 130px;
	top: -60px;
	left: -60px;
	z-index: 0;
}

.button_main {
	display: inline-block;
	background: url(https://bazilevs.group/wp-content/uploads/2021/06/button.jpg);
	background-size: cover;
	box-shadow: 0px 7px 0px #9C956E !important;
	border-radius: 14px;
	text-align: center;
	font-size: 0.9em;
	padding: 15px 20px;
	color: #2F2C29;
	transition-duration: 0.3s;
	cursor: pointer;

}

.button_main:hover {
	box-shadow: 0px 10px 20px #C9C29D !important;
}

.button_main2 {
	display: inline-block;
	background: url(https://bazilevs.group/wp-content/uploads/2021/06/button.jpg);
	background-size: cover;
	box-shadow: 0px 7px 0px #9C956E !important;
	border-radius: 14px;
	text-align: center;
	font-size: 0.9em;
	padding: 15px 20px;
	color: #2F2C29;
	transition-duration: 0.3s;
	cursor: pointer;

}

.button_main2:hover {
	box-shadow: 0px 10px 20px #C9C29D !important;
}

.hover_color {
	transition-duration: 0.3s;
}

.hover_color:hover {
	color: #e5deb9 !important;
}

.button_main p {
	font-family: "Playfair Display", Sans-serif !important;
	font-size: 1.3em;
	padding: 0px;
	margin: 0px;
	font-weight: 500;
}

.button_main2 p {
	font-family: "Playfair Display", Sans-serif !important;
	font-size: 1.3em;
	padding: 0px;
	margin: 0px;
	font-weight: 500;
}

.links_header {
	text-align: right;
}

.header_phone {
	font-weight: 600;
	font-size: 1.3em;
	color: white;
}

.header_call {
	color: #D8D0A8;
	display: block;
	font-weight: 600;
	font-size: 0.9em;
	position: relative;
	transition-duration: 0.3s;
	text-decoration: underline !important;
}

.header_call::hover {
	color: white !important;
}

.gall .elementor-item-active {
	background: url("https://bazilevs.group/wp-content/uploads/2021/06/frame-15.jpg") !important;
	min-width: 150px;
	text-align: middle;
	padding: 15px 10px;
	border-radius: 12px;
	color: black !important;
	text-align: center !important;
	box-shadow: 0px 4px 0px #CAC08B;
}

.gall .elementor-gallery-title {
	background: url("https://bazilevs.group/wp-content/uploads/2021/06/frame-10.jpg");
	text-align: middle;
	min-width: 150px;
	padding: 20px 20px;
	border-radius: 12px;
	color: black !important;
	text-align: center !important;
}

.shadow_gal .elementor-gallery-title {
	box-shadow: 0px 10px 20px #e0ded5;
}

.two_button div a {
	background: linear-gradient(87.26deg, #C9C29D 13.8%, #E7DEB0 40.61%, #C2BB94 67.54%);
	box-shadow: 0px 10px 13px rgba(188, 180, 140, 0.53);
}


/*Form*/
.main_form form div .elementor-field {
	background: #F3F4F9;
	box-shadow: inset 0px 4px 4px rgba(133, 139, 169, 0.16);
	border-radius: 6px;
	font-size: 1em;
	font-family: 'Jost', sans-serif !important;
}


.main_form form div .elementor-field::-webkit-input-placeholder {
	color: #2F2C29;
	opacity: 1;
}

.main_form form div .elementor-field::-moz-placeholder {
	color: #2F2C29;
	opacity: 1;
}

.main_form form div .elementor-field:-moz-placeholder {
	color: #2F2C29;
	opacity: 1;
}

.main_form form div .elementor-field:-ms-input-placeholder {
	color: #2F2C29;
	opacity: 1;
}

.main_form form div .elementor-button {
	background: linear-gradient(94.73deg, #D8D0A8 23.64%, #FAF2CB 37.09%, #CAC08B 53.82%);
	background-size: 200% 100%;
	box-shadow: 0px 10px 13px rgba(188, 180, 140, 0.53);
	moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	border-radius: 6px;
	color: #2F2C29;
	cursor: pointer !important;
}

.main_form form div .elementor-button:hover {
	background-position: 100% 0;
	moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	box-shadow: 0px 0px 23px rgba(188, 180, 140, 0.53);
}

.fabric .elementor-fit-aspect-ratio {
	border-radius: 6px;
}


/*FAQ*/
.faq .elementor-accordion-item {
	margin: 10px;
	background: white;
	border-radius: 7px;
	box-shadow: 0px 4px 29px #E8E8E8;
	position: relative;
	padding: 10px;
}

.faq .elementor-tab-title {
	border-radius: 7px;
	top: 10px;
	right: 10px;
	border: 1px solid #D5C8A9;
	bottom: 10px;
	background: none;
	left: 10px;
	z-index: 0;
}

.faq .elementor-accordion-item .elementor-tab-title {
	z-index: 120;
}

.elementor-accordion-icon {
	margin-top: -5px;
	margin-right: 20px;
}


/*Animation*/

@-webkit-keyframes slideme {
	0% {
		left: -30px;
		margin-left: 0px;
	}

	30% {
		left: 110%;
		margin-left: 80px;
	}

	100% {
		left: 110%;
		margin-left: 80px;
	}
}

@keyframes slideme {
	0% {
		left: -30px;
		margin-left: 0px;
	}

	30% {
		left: 110%;
		margin-left: 80px;
	}

	100% {
		left: 110%;
		margin-left: 80px;
	}
}


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

	.gall .elementor-item-active,
	.gall .elementor-gallery-title {
		min-width: 80px;
		padding: 10px 15px;
	}

}


@media screen and (max-width: 650px) {
	.noflex .elementor-image-box-wrapper {
		display: block !important;
	}

	.elementor-image-box-wrapper,
	.elementor-icon-box-wrapper {
		display: flex;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
	}

	.elementor-icon-box-content,
	.elementor-image-box-content {
		padding-left: 8px !important;
	}

	.hplay:before {
		width: 70px;
		top: -40px;
		left: -30px;
		height: 70px;
	}

	.gall .elementor-item-active,
	.gall .elementor-gallery-title {
		min-width: 60px;
		padding: 10px 12px;
		margin-bottom: 5px;
	}

	.elementor-widget-icon-box .elementor-icon-box-icon {
		margin-bottom: 0px !important;
	}

	.myheight .elementor-widget-wrap {
		min-height: 150px !important;
	}
}

/* ЭТАПЫ РАБОТ */
.bz-steps-section {
	padding: 80px 20px;
	position: relative;
	overflow: hidden;
}

.bz-container {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}

/* Общие правила для фона */
.bz-decor-img {
	position: absolute;
	pointer-events: none;
	user-select: none;
}

/* Настройки для Арки (Большой десктоп) */
.bz-decor-arch {
	top: -50px;
	right: -10%;
	width: 90%;
	max-width: 850px;
	z-index: 1;
	transform: rotate(-20deg);
	transform-origin: top right;
	opacity: 0.25;
}

/* Настройки для Фигуры (Большой десктоп) */
.bz-decor-statue {
	bottom: 0;
	right: 0;
	width: 38%;
	max-width: 440px;
	z-index: 2;
}

.bz-title {
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 60px;
	letter-spacing: -0.5px;
}

.bz-steps-list {
	display: flex;
	flex-direction: column;
}

.bz-step-item {
	display: flex;
	align-items: flex-start;
	padding: 32px 0;
	border-bottom: 1px solid #e5e5e5;
}

.bz-step-item:first-child {
	border-top: 1px solid #e5e5e5;
}

.bz-step-number {
	font-size: 24px;
	font-weight: 600;
	color: #b8945f;
	min-width: 80px;
	padding-top: 4px;
}

.bz-step-content {
	flex-grow: 1;
}

.bz-step-name {
	font-size: 21px;
	font-weight: 600;
	margin: 0 0 10px 0;
}

.bz-step-desc {
	font-size: 16px;
	color: #555555;
	margin: 0;
}

.bz-badge {
	display: inline-block;
	background-color: #f0f7f4;
	color: #2b7a4a;
	font-size: 13px;
	font-weight: 500;
	padding: 4px 10px;
	border-radius: 4px;
	margin-left: 10px;
	vertical-align: middle;
}

/* 1. Адаптив для ПЛАНШЕТОВ (Новый блок) */
@media (max-width: 1024px) {
	.bz-decor-arch {
		top: auto;
		/* Отвязываем от верха */
		bottom: 120px;
		/* Привязываем к низу, подстраивая под фигуру на планшете */
		right: -12%;
		width: 75%;
		max-width: 650px;
	}

	.bz-decor-statue {
		bottom: 0;
		right: -5%;
		width: 45%;
		max-width: 440px;
	}
}

/* 2. Адаптив под МОБИЛЬНЫЕ устройства */
@media (max-width: 768px) {
	.bz-steps-section {
		padding: 50px 16px;
	}

	.bz-title {
		font-size: 28px;
		margin-bottom: 40px;
		text-align: left;
	}

	.bz-step-item {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		padding: 24px 0;
	}

	.bz-step-number {
		min-width: auto;
		padding-top: 0;
		margin-bottom: 4px;
	}

	.bz-step-name {
		font-size: 19px;
		margin-bottom: 6px;
	}

	.bz-badge {
		display: block;
		width: fit-content;
		margin-left: 0;
		margin-top: 8px;
	}

	/* Скорректированная графика для мобилки */
	.bz-decor-arch {
		top: auto;
		bottom: 140px;
		right: -15%;
		width: 120%;
		max-width: 540px;
		/* Исправил опечатку с 10440px */
		transform: rotate(-20deg);
	}

	.bz-decor-statue {
		bottom: 0;
		right: -10%;
		width: 75%;
		max-width: 340px;
	}
}

@media (max-width: 1499px) {
	.bz-decor-statue {
		right: -9% !important;
	}
}

@media (max-width: 799px) {
	.bz-decor-statue {
		width: 50% !important;
	}
}