.top_menu {
	display: flex;
	justify-content: space-evenly;
}
	.top_menu .separator {
		width: 14px;
		height: 15px;
		background: url("/rr_images/default/marker_1.svg") no-repeat scroll 50% 50% transparent;
		padding-top: 8px;
	}
	.top_menu a {
		font-weight: 600;
		text-transform: uppercase;
	}
		.top_menu a:hover {
			color: #A56A1D;
		}
.page-header .menu {
    margin-left: 40px;
	flex-grow: 1;
}
.menu-mobile {
	display: none;
}
.hamburger {
    padding: 5px;
	width: 30px;
	transition: margin-top .15s ease-in-out;
}
	.hamburger:after, 
	.hamburger:before, 
	.hamburger div {
		background-color: #000;
		content: '';
		display: block;
		height: 2px;
		margin: 5px 0;
		transition: all .2s ease-in-out;
	}
		.header--white .hamburger:after,
		.header--white .hamburger:before, 
		.header--white .hamburger div {
			background-color: #2b2b2b;
		}
	.menu.active .hamburger:before {transform: translateY(7px) rotate(135deg);}
	.menu.active .hamburger:after {transform: translateY(-7px) rotate(-135deg);}
	.menu.active .hamburger div {transform: scale(0);}

		
@media only screen and (max-width:1024px) {
	.top_menu .separator {
		padding-top: 5px;
	}
}

@media only screen and (max-width:960px) {
	.page-header .wrapper {
		flex-direction: row-reverse;
	}
	.page-header .menu {
		margin-left: 0;
		flex-grow: unset;
	}
	.header__logo {
		padding-right: 40px;
		margin: 0 auto;
	}
	.menu-mobile {
		display: block;
	}
	.menu-content {
		display: none;
	}
		.menu {
			position: relative;
		}
		.menu.active .menu-content {
			background-color: #fff;
			position: absolute;
			top: 63px;
			left: 8px;
			display: block;
			border-radius: 3px;
			border: 1px solid #A56A1D;
			padding: 15px 30px;
		}
			.top_menu {
				flex-direction: column;
			}
				.top_menu .separator {
					display: none;
				}
				.top_menu > div {
					margin: 15px 0;
				}
}