/* orange #FF6B2D · dark #2B2B2B · gray #7A7A7A · blue #2F6FE4 · purple #8B5CF6 */

.site-header,
.site-header *{
	box-sizing:border-box;
}

.site-header{
	background:#fff;
	position:relative;
	z-index:100;
}
a.site-header__contact-phone > span {
    font-size: 14px;
}
.site-header__container{
	max-width:1320px;
	margin:0 auto;
	padding:0 26px;
}

.site-header__top{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	padding:29px 0 16px
}

.site-header__logo{
	display:inline-flex;
	align-items:center;
	flex-shrink:0;
	text-decoration:none;
}

.site-header__logo-img{
	display:block;
	height:auto;
}

.site-header__logo-img--desktop{ width:340px; }
.site-header__logo-img--mobile{ display:none; width:190px; }

.site-header__logo.current_page_item,
.site-header__logo.rrl{
	color:inherit;
	text-decoration:none;
	cursor:default;
}

.main-nav__list > li > a > i.fa-home{
	display:none;
}

.site-header__contacts{
	display:flex;
	align-items:flex-start;
	gap:28px;
	margin-left:auto;
}

.site-header__contact{
	display:flex;
	flex-direction:column;
	line-height:1.4;
	align-items: end;
	gap: 4px;
}

.site-header__contact-label{
	font-size:12px;
	color:#7A7A7A;
	white-space:nowrap;
}

.site-header__contact-phone{
	font-size:16px;
	font-weight:600;
	color:#2B2B2B;
	text-decoration:none;
	white-space:nowrap;
	transition: .2s;
}

.site-header__contact-phone:hover{
	color:#2F6FE4;
}

.site-header__burger{
	display: none;
	width: 24px;
	height: 24px;
	padding: 0;
	border: none;
	background: url('../img/mobile_menu.svg') center / contain no-repeat;
	cursor: pointer;
	flex-shrink: 0;
}

.site-header__close,
.site-header__mobile-head{
	display:none;
}

.site-header__bottom{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	padding-bottom:16px;
}

.main-nav{
	min-width:0;
}

.main-nav__list{
	display:flex;
	align-items:center;
	gap:18px;
	list-style:none;
	margin:0;
	padding:0;
}

.main-nav__list > li{
	position:relative;
}

.main-nav__list > li > a{
	display:inline-flex;
	align-items:center;
	gap:4px;
	font-size:16px;
	color:#2B2B2B;
	text-decoration:none;
	padding:4px 0;
	white-space:nowrap;
	font-weight: 500;
	transition: .2s;
}
.site-header__contacts {
	flex-wrap: wrap;
	justify-content: end;
}
.main-nav__list > li.current-menu-item > a,
.main-nav__list > li.current_page_item > a,
.main-nav__list > li.current-menu-parent > a {
	color: #2B2B2B;
}
.main-nav__list > li > a:hover{
	color:#2F6FE4;
	transition: .2s;
}
.main-nav__label {
	position: relative;
	display: inline-block;
}
.main-nav__list > li.current-menu-item > a .main-nav__label::after,
.main-nav__list > li.current_page_item > a .main-nav__label::after,
.main-nav__list > li.current-menu-parent > a .main-nav__label::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -4px;
	height: 1px;
	background-color: #2F6FE4;
}
.main-nav__list li.menu-item-has-children > a::after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 4px;
	margin-left: 2px;
	vertical-align: middle;
	background-color: currentColor;
	-webkit-mask-image: url(../img/menu_vector.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: 7px 4px;
	mask-image: url(../img/menu_vector.svg);
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: 7px 4px;
	transform: rotate(0deg);
	transform-origin: 50% 50%;
	transition: transform .2s ease;
}
.sub-menu .current-menu-item a {

	color: #2F6FE4;
}
.main-nav__list li.menu-item-has-children.is-open > a::after {
	transform: rotate(180deg);
}

@media (min-width: 992px) {
	.main-nav__list li.menu-item-has-children:hover > a::after {
		transform: rotate(180deg);
	}
}

/* dropdown panel */
.sub-menu{
	list-style:none;
	margin:0;
	padding:8px;
	position:absolute;
	top:100%;
	left:0;
	margin-top:8px;
	min-width:210px;
	background:#fff;
	border-radius:4px;
	box-shadow:0 16px 40px rgba(20,20,43,.14);
	opacity:0;
	visibility:hidden;
	transform:translateY(6px);
	transition:opacity .18s ease, transform .18s ease, visibility .18s;
	z-index:50;
}

.main-nav__list li.menu-item-has-children:hover > .sub-menu,
.main-nav__list li.menu-item-has-children.is-open > .sub-menu{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}

.sub-menu li a{
	display:block;
	padding:11px 16px;
	border-radius:4px;
	font-size:14px;
	color:#2B2B2B;
	text-decoration:none;
	white-space:nowrap;
	font-weight: 400;
	transition: .2s;
}

.sub-menu li a:hover{
	background:#F3F6FC;
	color:#2F6FE4;
}

.site-header__actions{
	display:flex;
	align-items:center;
	gap:28px;
	flex-shrink:0;
}

.main-nav__list a,
.sub-menu a,
.site-header__burger,
.site-header__close,
.btn{
	-webkit-tap-highlight-color:transparent;
}

.main-nav__list a:focus,
.main-nav__list a:focus-visible,
.sub-menu a:focus,
.sub-menu a:focus-visible,
.site-header__burger:focus,
.site-header__close:focus{
	outline:none;
}

.site-header__mobile-contacts{
	display:none;
}

.site-header__overlay{
	display:none;
}

@media (max-width:991px){
a.site-header__contact-phone > span {
    font-size: 14px;
}
	.site-header__container{
		padding:0 20px;
		height: 70px;
	}

	.site-header__top{
		padding: 0;
		height: 100%;
	}

	.site-header__logo-img--desktop{ display:none; }
	.site-header__logo-img--mobile{ display:block; }

	.site-header__contacts{
		display:none;
	}

	.site-header__burger{
		display:block;
	}

	.site-header__bottom{
		position:fixed;
		top:0;
		right:-100%;
		width:100%;
		height:100%;
		height:100dvh;
		background:#fff;
		flex-direction:column;
		align-items:stretch;
		justify-content:flex-start;
		padding:10px 20px 40px 20px;
		gap:0;
		box-shadow:none;
		transition:right .3s ease;
		z-index:1000;
		overflow-y:auto;
	}

	.site-header__bottom.is-open{
		right:0;
	}

	.site-header__mobile-head{
		display:flex;
		align-items:center;
		justify-content:space-between;
		margin-bottom:20px;
	}

	.site-header__close {
		display: block;
		width: 24px;
		height: 24px;
		padding: 0;
		border: none;
		background: url('../img/mobile_menu_close.svg') center / contain no-repeat;
		cursor: pointer;
	}

	.main-nav__list{
		flex-direction:column;
		align-items:stretch;
		gap:0;
		row-gap: 0 !important;
	}

	/*.main-nav__list > li{
		border-bottom:1px solid #F0F1F5;
	}*/

	.main-nav__list > li > a{
		width:100%;
		padding:12px 2px;
		justify-content:space-between;
	}

	.main-nav__list li.menu-item-has-children > a::after{
		margin-top:0;
	}

	.sub-menu{
		position:static;
		opacity:1;
		visibility:visible;
		transform:none;
		box-shadow:none;
		border-radius:0;
		padding:0 0 8px 12px;
		display:none;
		transition:none;
	}

	.main-nav__list li.menu-item-has-children.is-open > .sub-menu{
		display:block;
	}

	.sub-menu li a{
		padding:10px 8px;
		color:#5b5b5b;
	}

	.site-header__mobile-contacts{
		display:flex;
		flex-direction:column;
		gap:14px;
		margin-top:20px;
		padding-top:20px;
		align-items: flex-start;
	}
	.site-header__contact {
		align-items: start;
	}
	.site-header__actions{
		flex-direction:column;
		align-items:stretch;
		gap:20px;
		margin-top:40px;
	}

	.site-header__actions .btn{
		width:100%;
	}

	.site-header__overlay{
		display:block;
		position:fixed;
		inset:0;
		background:rgba(20,20,30,.45);
		opacity:0;
		visibility:hidden;
		transition:opacity .3s ease, visibility .3s ease;
		z-index:900;
	}

	.site-header__overlay.is-open{
		opacity:1;
		visibility:visible;
	}

	.site-header--menu-open{
		overflow:hidden;
	}
}
@media (min-width:992px) and (max-width:1257px){

	.site-header__bottom{
		flex-wrap:wrap;
		row-gap:14px;
	}

	.main-nav{
		flex:1 1 100%;
		min-width:0;
	}

	.main-nav__list{
		flex-wrap:wrap;
		gap:10px 18px;
	}

	.main-nav__list > li > a{
		font-size:14px;
	}

	.site-header__actions{
		margin-left:auto;
		gap:28px;
	}

	.site-header__actions .btn{
		padding:10px 18px;
		font-size:14px;
	}

	.site-header__logo-img--desktop{
		width:280px;
	}

	.site-header__contacts{
		gap:28px;
	}
}

.site-header__bottom{
	flex-wrap:wrap;
	row-gap:14px;
}

.main-nav{
	flex:1 1 auto;
	min-width:0;
}

.main-nav__list{
	flex-wrap:wrap;
	row-gap:10px;
}

.site-header__actions{
	margin-left:auto;
}

.site-header__status{
	display:inline-flex;
	align-items:center;
	gap:10px;
	margin-left:auto;
	font-size:14px;
	line-height:1.2;
	color:#2B2B2B;
	text-decoration:none;
	white-space:nowrap;
	transition:color .2s ease;
}

.site-header__status:hover{
	color:#FF6B2D;
}

.site-header__status-icon{
	flex-shrink:0;
	color:#FF6B2D;
}

.site-header__status--desktop + .site-header__contacts{
	margin-left:40px;
}

.site-header__status--drawer{
	display:none;
}

@media (max-width:991px){

	.site-header__status--desktop{
		display:none;
	}

	.site-header__status--drawer{
		display: inline-flex;
		margin: 20px 0 20px;
		/*padding-bottom: 16px;*/
		width: 100%;
	}
	.site-header__bottom{
		flex-wrap:nowrap;
		row-gap:0;
	}

	.site-header__actions{
		margin-left:0;
	}
}