:root {
	--333333: #333;
	--211f26: #211f26;
	--b788b6: #b788b6;
	--823c80: #823c80;
	--d430a7: #d430a7;
	--b26cb1: #b26cb1;
	--19181d: #19181d;
	--2f2c34: #2f2c34;
	--b330d4: #b330d4;
	--2f2a3d: #2f2a3d;
	--282630: #282630;
	--color-white:#fff;
	
	/* Шрифты */
	--font-family: "Montserrat", sans-serif;
	--second-family: "Geologica", sans-serif;
	--third-family: "Inter", sans-serif;
	
	/* Доп параметры */
	--margin-top:clamp(40px, 30.29px + 2.59vw, 80px);
	--padding:clamp(40px, 30.29px + 2.59vw, 80px);
}

* {
	box-sizing:border-box;
}

body {
	background-color:var(--211f26);
	color:var(--color-white);
	font-family:var(--font-family);
	font-size:16px;
	margin:0;
}

h1 {
	font-size:clamp(32px, 20.35px + 3.11vw, 80px);
	transition:font-size 0.3s ease;
	padding:0;
	margin:0;
}

h2 {
	font-size:clamp(22px, 12.78px + 2.46vw, 60px);
	transition:font-size 0.3s ease;
	padding:0;
	margin:0;
}

h3 {
	font-size:clamp(18px, 15.09px + 0.78vw, 30px);
	transition:font-size 0.3s ease;
	padding:0;
	margin:0;
}

h4 {
	font-size:clamp(16px, 14.06px + 0.52vw, 24px);
	transition:font-size 0.3s ease;
	padding:0;
	margin:0;
}

a {
	text-decoration:none;
	font-family: var(--second-family);
	font-weight: 300;
	color: var(--color-white);
	transition:all 0.5s;
}

a:hover {
	color: var(--b330d4);
}

.link-two {
	font-family: var(--second-family);
	font-weight: 300;
	color: var(--d430a7);
	transition:all 0.5s;	
}

.link-two:hover {
	color: var(--b330d4);
}

.button-style {
	border-radius: 10px;
	padding: 18px 26px;
	background: var(--d430a7);
	border: 1px solid var(--d430a7);
	font-family: var(--second-family);
	font-weight: 400;
	font-size: clamp(16px, 15.51px + 0.13vw, 18px);
	transition:all 0.5s;
	display:inline-block;	
}

.button-style:hover {
	background: var(--b330d4);
	color:var(--color-white);
}

.button-style-two {
	border: 1px solid var(--d430a7);
	border-radius: 10px;
	padding: 18px 26px;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: clamp(16px, 15.51px + 0.13vw, 18px);
	color: var(--d430a7);
	transition:all 0.5s;
	display:inline-block;
}

.button-style-two:hover {
	border: 1px solid var(--b330d4);
	color: var(--b330d4);
}

.arrow-prev {
	width:34px;
	height:34px;
	display:block;
	background-image:url('data:image/svg+xml,<svg width="26" height="48" viewBox="0 0 26 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.7487 0.707107C24.3582 0.316582 23.725 0.316583 23.3345 0.707107L0.707103 23.3345C0.316579 23.725 0.316578 24.3582 0.707103 24.7487L23.3345 47.3762C23.725 47.7667 24.3582 47.7667 24.7487 47.3762C25.1393 46.9856 25.1393 46.3525 24.7487 45.9619L2.82842 24.0416L24.7487 2.12132C25.1393 1.7308 25.1393 1.09763 24.7487 0.707107Z" fill="%23D430A7" /></svg>');
	background-size:34px 34px;
	background-position:center;
	transition:all 0.5s;
}

.arrow-next {
	width:34px;
	height:34px;
	display:block;
	background-image:url('data:image/svg+xml,<svg width="26" height="48" viewBox="0 0 26 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.7487 0.707107C24.3582 0.316582 23.725 0.316583 23.3345 0.707107L0.707103 23.3345C0.316579 23.725 0.316578 24.3582 0.707103 24.7487L23.3345 47.3762C23.725 47.7667 24.3582 47.7667 24.7487 47.3762C25.1393 46.9856 25.1393 46.3525 24.7487 45.9619L2.82842 24.0416L24.7487 2.12132C25.1393 1.7308 25.1393 1.09763 24.7487 0.707107Z" fill="%23D430A7" /></svg>');
	background-size:34px 34px;
	background-position:center;
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
	transform: scale(-1, -1);
	transition:all 0.5s;
}

.arrow-next:hover, .arrow-prev:hover {
	background-image:url('data:image/svg+xml,<svg width="26" height="48" viewBox="0 0 26 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.7487 0.707107C24.3582 0.316582 23.725 0.316583 23.3345 0.707107L0.707103 23.3345C0.316579 23.725 0.316578 24.3582 0.707103 24.7487L23.3345 47.3762C23.725 47.7667 24.3582 47.7667 24.7487 47.3762C25.1393 46.9856 25.1393 46.3525 24.7487 45.9619L2.82842 24.0416L24.7487 2.12132C25.1393 1.7308 25.1393 1.09763 24.7487 0.707107Z" fill="%23B330D4" /></svg>');	
}

.wrap {
	max-width:1560px;
	width:100%;
	padding:0 10px;
	margin:0 auto;
}

.color-text {
	color: var(--d430a7);
}

.break-text {
	display:block;
}

.d-flex {
	display:flex;
}

.d-flex-jc {
	justify-content:space-between;
}

.d-flex-jc-center {
	justify-content:center;
}

.d-flex-at {
	align-items:center;
}

.d-flex-wrap {
	flex-wrap:wrap;
}

.d-flex-direction {
	flex-direction:column;
}

.margin-80-40 {
	margin-top:var(--margin-top);
}

.uppercase-title {
  text-transform: uppercase;
}

.bread-crumbs-site {
	padding-top:clamp(20px, 15.15px + 1.29vw, 40px);
	padding-bottom:clamp(20px, 15.15px + 1.29vw, 40px);
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 16px;
	color: #fff;
	text-align:left;
}

#breadcrumbs span > span a {
	color:var(--d430a7);
}

/* Меню */

#primary-menu {	
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	gap:clamp(22px, 9.00px + 1.35vw, 35px);
	position:relative;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: clamp(12px, 8.00px + 0.42vw, 16px);
}

#primary-menu .sub-menu {
	display:none;
	position:absolute;
	list-style:none;
	padding:0;
	margin:0;
	max-width:300px;
	width:100%;
	padding:20px;
	background: var(--19181d);
	border-radius:10px;
	font-size: clamp(12px, 8.00px + 0.42vw, 16px);
}

#primary-menu li:hover > .sub-menu {
	display:flex;
	flex-direction:column;
	gap:15px;
}

#primary-menu li.menu-item-has-children > a::after {
	content:"";
	display:inline-block;
	transition: transform 0.3s;	
	width:9px;
	height:9px;
	margin-left:5px;
	background-size:9px 9px;
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0209 0.292902C11.6303 -0.0976227 10.9972 -0.0976228 10.6067 0.292901L6.36401 4.53554L2.12137 0.292901C1.73085 -0.0976228 1.09768 -0.0976227 0.70716 0.292902C0.316635 0.683426 0.316635 1.31659 0.707159 1.70712L5.65691 6.65686C6.04743 7.04739 6.6806 7.04739 7.07112 6.65686L12.0209 1.70712C12.4114 1.31659 12.4114 0.683426 12.0209 0.292902Z' fill='%23D430A7' /%3E%3C/svg%3E");
}

#primary-menu li.menu-item-has-children:hover > a::after {
	transform: rotate(180deg);
	transition: transform 0.3s;	
}

/* Мобильное меню  */

.mobile-menu-btn {
	/* padding-left:57px; */
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	border:none;
	cursor:pointer;
	background:transparent;
	padding:15px 30px 15px 57px;
	position:relative;
	display:none;
}

.mobile-menu-btn:after {
	content:"";
	position:absolute;
	left:10px;
	top:10px;
	width:42px;
	height:25px;
	background-size:cover;
	background-image: url("data:image/svg+xml,%3Csvg width='42' height='26' viewBox='0 0 42 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='42' height='3.65217' rx='1.82609' fill='white' /%3E%3Crect y='10.9565' width='42' height='3.65217' rx='1.82609' fill='white' /%3E%3Crect y='21.913' width='42' height='3.65217' rx='1.82609' fill='white' /%3E%3C/svg%3E");
}

.mobile-menu-btn.btn-change {
	background: var(--19181d);
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	color:var(--d430a7);
}

.mobile-menu-btn.btn-change:after {
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='31' viewBox='0 0 32 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.8561 0.534849C3.14296 -0.178283 1.98675 -0.178283 1.27362 0.534848C0.560487 1.24798 0.560488 2.4042 1.27362 3.11733L13.5405 15.3842L1.15082 27.7739C0.437684 28.487 0.437684 29.6432 1.15082 30.3564C1.86395 31.0695 3.02016 31.0695 3.73329 30.3564L16.123 17.9667L28.3896 30.2333C29.1028 30.9465 30.259 30.9465 30.9721 30.2333C31.6852 29.5202 31.6852 28.364 30.9721 27.6509L18.7055 15.3842L30.8493 3.24035C31.5624 2.52722 31.5624 1.37101 30.8493 0.657877C30.1362 -0.0552549 28.98 -0.0552536 28.2668 0.657878L16.123 12.8017L3.8561 0.534849Z' fill='%23D430A7' /%3E%3C/svg%3E");
	width: 32px;
	height: 31px;
	left:10px;
	top:10px;
}

.mobile-container-menu {
	max-width:300px;
	width:100%;
	padding:20px;
	background: var(--19181d);
	border-radius:10px;
	display:none;
	position:absolute;
	top:74px;
	left:0;
	z-index:999;
}

.mobile-container-menu.mobile-active {
	display: block;
}

#primary-mobile-menu {
	list-style:none;
	padding:0;
	margin:0;
}

#primary-mobile-menu li {
	margin-bottom:35px;
}

#primary-mobile-menu li:last-child {
	margin-bottom:0px;
}

#primary-mobile-menu .sub-menu {
	margin-top:15px;
	list-style:none;
	padding:0px 0px 0px 15px;
	display:none;
}

#primary-mobile-menu .sub-menu.visible {
	display: block;
}

#primary-mobile-menu .sub-menu li {
	margin-bottom:15px;
	position:relative;
	padding-left:10px;
}

#primary-mobile-menu .sub-menu li:after {
	content:"";
	transition: transform 0.3s;
	position:absolute;
	left:0;
	top:8px;
	width:4px;
	height:4px;
	border-radius:50%;
	background-size:cover;
	background-image: url("data:image/svg+xml,%3Csvg width='4' height='5' viewBox='0 0 4 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2.5' r='2' fill='%23D430A7' /%3E%3C/svg%3E");
}

#primary-mobile-menu li.menu-item-has-children.open > a::after {
	transform: rotate(180deg);
	transition: transform 0.3s;
}

#primary-mobile-menu li.menu-item-has-children > a::after {
	content:"";
	display:inline-block;
	width:9px;
	height:9px;
	margin-left:5px;
	background-size:9px 9px;
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0209 0.792902C11.6303 0.402377 10.9972 0.402377 10.6067 0.792901L6.36401 5.03554L2.12137 0.792901C1.73085 0.402377 1.09768 0.402377 0.70716 0.792902C0.316635 1.18343 0.316635 1.81659 0.707159 2.20712L5.65691 7.15686C6.04743 7.54739 6.6806 7.54739 7.07112 7.15686L12.0209 2.20712C12.4114 1.81659 12.4114 1.18343 12.0209 0.792902Z' fill='%23D430A7' /%3E%3C/svg%3E");
}

@media (max-width: 767px) {
	
	.mobile-menu-btn {
		display:block;
	}
	
	#primary-menu {
		display:none;
	}
	
	.page-template-main-page .header-site {
		position:sticky;
		top:0;
		width:100%;
	}
	
	.mobile-container-menu {
		max-width:100%;
	}
}