#header {
	position: fixed;
    top: 0;
	left: 0;
	right: 0;
    z-index: 50;
	transition: border-color var(--elements-transition), box-shadow var(--elements-transition)
}
.body {
	padding-top: 60px;
}
.header-scrolled #header {
	
}
.header-top {
	display: none;
}



@media (min-width: 992px) {
	.body {
		padding-top: 0;
	}
	#header {
		position: initial;
	}
	body:not(.template-home) #header {
		border-bottom: 1px solid var(--gray)
	}
	.header-top {
		display: block;
		padding: 0.8em 0;
		/* background-color: var(--gray); */
		box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
	}
	.header-top .row {
		display: flex;
		align-items: center;
	}
	/***/
	.header-top .ya-reviews {
		margin-left: auto;
		padding-left: 1em;
	}
	
	
	/***/
	.header-top .personal-manager {
		margin-left: auto;
		position: relative;
	}
	.header-top .personal-manager .wrap {
		background: white;
		box-shadow: var(--box-shadow);
		border-radius: var(--br-sm);
		padding: 0.625em 0.875em;
		display: flex;
		margin-bottom: -2em;
		margin-top: -0.5em;
	}
	.header-top .personal-manager .title {
		display: none;
	}
	.header-top .personal-manager .phone {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: var(--white);
		background-color: var(--red);
		border-radius: var(--br-sm);
		padding: 0.5em 1em;
		
		white-space: nowrap;
	}
	.header-top .personal-manager .socials {
		padding-right: 5px;
	}
	.header-top .personal-manager .phone span {
		display: block;
		border-bottom: 0;
		font-size: 1.125em;
		font-weight: 700;
		line-height: 1;
	}
	.header-top .personal-manager .phone:hover {
		text-decoration: none;
	}
}
@media (min-width: 1220px) {
	.header-top .personal-manager .title {
		display: block;
		font-size: 0.875em;
		margin-right: 1em;
	}
}

/***/
.header-main {
	padding: 5px 0;
	background-color: var(--gray);
	
}
@media (min-width: 992px) {
	.header-main {
		background-color: transparent;
		padding: 2em 0;
	}
}
.header-main .row {
	display: flex;
	align-items: center;
}
.site-logo {
	
}
.site-logo a {
	display: block;
	text-decoration: none;
}
.site-logo svg,
.site-logo img {
	display: block;
	width: auto;
}
.header-main .site-logo svg,
.header-main .site-logo img {
	max-height: 2.6em
}


@media (max-width: 991.98px) {
	.header-main .row {
		justify-content: space-between;
	}
	.sidemenu-visible .header-main {
		background-color: #3A4B6E
	}
	.sidemenu-visible .header-main .logo-bus {
		fill: white;
	}
	.sidemenu-toggle  .close {display: none;}
	.sidemenu-toggle  {
		margin-right: 10px;
	}
	.sidemenu-toggle  svg {
		display: block;
	}
	body.sidemenu-visible .sidemenu-toggle  .close {display: block;}
	body.sidemenu-visible .sidemenu-toggle  .bars {display: none;}
	.header-main .phone {
		
	}
	.header-main .phone a {
		width: 50px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
}
@media (min-width: 375px) and (max-width: 767.98px) {
	
}
@media (min-width: 992px) {
	.header-main .site-logo svg,
	.header-main .site-logo img {
		max-height: 3.125em
	}
	
	.header-main .phone {
		display: none;
	}
	.burger  {
		display: none;
	}
}
/***/
@media (max-width: 991.98px) {
	.burger,
	.header-main .button {
		width: 50px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.header-main .button {
	}
	.header-main .button .btn {
		font-size: 0;
		color: transparent;
		background: url(../images/icons/phone.svg) no-repeat center center;
		width: 100%;
		height: 100%;
	}
}
@media (min-width: 992px) {
	.header-main .button {
		margin-left: auto;
	}
}
/***/
@media (max-width: 991.98px) {
	.header-main .menu {
		display: none;
	}
}
@media (min-width: 992px) {
	.header-top .menu-items {
		
	}
	.header-top .menu-items {
		display: flex;
		align-items: center;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.header-top .menu-items > li > ul {display: none;}
	.header-top .menu-items > li + li {
		margin-top: 0;
	}
	.header-top .menu-items > li > a{
		display: block;
		text-decoration: none;
	}
	.header-top .menu-items > li > a {
		color: rgba(0, 0, 0, 0.50);
		text-align: center;
	}
	.header-top .menu-items > li > a:hover {
		color: rgba(0, 0, 0, 1);
	}
	.header-top .menu-items li > a.current,
	.header-top .menu-items li.current > a {
		font-weight: 500;
		color: rgba(0, 0, 0, 1);
	}
	.header-top .menu-items > li + li {
		margin-left: 1.5em;
	}
	
	/***/
	
	.header-main .menu {
		flex-grow: 1;
	}
	
	.header-main .menu-items {
		display: flex;
		align-items: center;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.header-main .menu-items {
		justify-content: center;
		padding: 0 1em;
	}
	.header-main .menu-items > li {
		padding: 0 0.8em;
	}
	
	.header-main .menu-items > li > ul {display: none;}
	.header-main .menu-items > li + li {
		margin-top: 0;
	}
	.header-main .menu-items > li > a {
		display: block;
		text-decoration: none;
	}
	.header-main .menu-items > li > a {
		color: black;
		text-align: center;
		font-size: 1em;
		line-height: 1.1;
	}
	.header-main .menu-items > li > a:hover {
		color: var(--red)
	}
	.header-main .menu-items li > a.current,
	.header-main .menu-items li.current > a {
		font-weight: 500;
	}
}
@media (min-width: 1400px) {
	.header-top .menu-items > li + li {
		
	}
}