header {
	font-family: 'Arial', 'Verdana', sans-serif;
}
header * {
    box-sizing: border-box;
}

.header-top {
	background: #003054;
	padding: 60px 0 38px;
}
.header-top-content {
    display: flex;
    /* align-items: flex-start; */
	align-items: flex-end;
    justify-content: space-between;

	color: #fefefe;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
}
.header-top .logo {
    padding: 0 10px;
	margin-right: 30px;
}
.header-top-content .slogan span {
	display: block;
	text-transform: uppercase;
}
.header-top .address {
	line-height: 22px;
	min-height: 36px;
}
.header-top-content .phone {
    display: flex;
	flex-direction: column;
	align-items: flex-end;
	min-height: 36px;
}
.header-top-content .phone,
.header-top-content .phone a {
	color: #fefefe;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 22px;
}
.header-top hr {
	background: #fefefe;
	height: 2px;
	margin: 5px 0 0;
}

.header-bottom {
	background: #fefefe;
}
.show-menu {
	display: none
}

@media screen and (max-width: 979px) {
	.header-top-content {
		flex-wrap: wrap;
		gap: 5px;
	}
	.header-top .slogan {
		width: 100%;
	}
    .show-menu {
		display: inline-flex;
        cursor: pointer;
        background: url(../i/sprite.png) -26px -16px no-repeat;
        width: 30px;
        height: 30px;
        background-color: #fff;
        margin-top: 10px;
    }
}

@media screen and (max-width: 1232px) {
	.header-top {
		padding: 60px 16px 38px;
	}
}


.withsidebar {
	display: flex;
}
.withsidebar .sidebar {
	/* width: 250px; */
	width: 286px;
	background: #dcdcdc;
	position: relative;
}
.withsidebar .sidebar:before {
    content: no-close-quote;
    background: #dcdcdc;
    width: calc((100vw / 2) - 600px);
    height: 100%;
    position: absolute;
    right: 100%;
}

@media screen and (max-width: 1232px) {
	.withsidebar .sidebar:before {
		width: 16px;
	}
}

@media screen and (min-width: 980px) {
	.withsidebar .content {
		/* width: calc(100% - 250px); */
		width: calc(100% - 286px);
		padding-left: 20px;
	}
}
@media screen and (max-width: 979px) {
	.withsidebar .sidebar { display: none }
	/* .withsidebar .content { */
		/* width: 100%; */
        /* padding: 0; */
	/* } */
}

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

}
@media screen and (max-width: 465px) {
	.header-top .address,
	.header-top-content .phone { margin: 0 auto }
}