.cd-nav-overflow{ overflow:hidden;}

.cd-main-header {
	position: relative;
	z-index: 10000000;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	background: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.cd-main-header a {
	text-decoration: none
}
.cd-main-header::before {
	display: none;
	content: 'mobile'
}
.cd-nav-trigger {
	position: relative;
	display: block;
	padding: 40px!important;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	cursor: pointer;
}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
	position: absolute;
	height: 3px;
	width: 24px;
	background: #fff;
}
.cd-nav-trigger span {
	transition: background .2s;
	position: absolute!important;
	top: 50%!important;
	left: 50%!important;
	-ms-transform: translate(-50%, -50%)!important;
	-webkit-transform: translate(-50%, -50%)!important;
	transform: translate(-50%, -50%)!important;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
	content: '';
	right: 0;
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s
}
.cd-nav-trigger span::before {
	top: -6px
}
.cd-nav-trigger span::after {
	top: 6px
}
@media (min-width: 1000px) {
.cd-nav-trigger {
display:none
}
}

.cd-side-nav {
	width: 100%;
	background-color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: .2s;
	opacity: 0;
	top: 0;
}
.cd-side-nav a {
	text-decoration: none
}
@media (min-width: 1000px) {
.cd-side-nav {visibility:visible;opacity:1;box-shadow:none;transition:none;width: 100%;}
}
.cd-side-nav--is-visible {
	opacity: 1;
	visibility: visible
}
#primary-menu li.menu-item, .cd-nav__item {
	font-size: 0.875em;
	position: relative
}
#primary-menu li.menu-item a, .cd-nav__item a {
	position: relative;
	display: block;
	padding: 0.75em 1.25em;
	padding: var(--space-sm) var(--space-md);
	color: #fff;
}
#primary-menu li.menu-item>a, .cd-nav__item>a {
	border-bottom: 1px solid hsl(210, 10%, 22.95%);
border-bottom:1px solid hsl(var(--cd-color-1-h), var(--cd-color-1-s), calc(var(--cd-color-1-l)*0.85));
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media (min-width: 1000px) {
#primary-menu li.menu-item {
font-size:0.65em
}
#primary-menu li.menu-item a {
padding-left:0.75em;
padding-left:var(--space-sm)
}
#primary-menu li.menu-item>a {
border-bottom:none
}
#primary-menu li.menu-item:hover>a {
background-color:hsla(0, 0%, 100%, 0.05);
background-color:hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.05)
}
}
#primary-menu li.menu-item--overview>a::before {
	background-position: -64px 0
}
#primary-menu li.menu-item--notifications>a::before {
	background-position: -80px 0
}
#primary-menu li.menu-item--comments>a::before {
	background-position: -48px 0
}
#primary-menu li.menu-item--bookmarks>a::before {
	background-position: -32px 0
}
#primary-menu li.menu-item--images>a::before {
	background-position: 0 0
}
#primary-menu li.menu-item--users>a::before {
	background-position: -16px 0
}
#primary-menu li.menu-item--has-children>a::after, .cd-nav__item--has-children>a::after {
	content: '';
	position: absolute;
	top: calc(50% - 8px);
	height: 16px;
	width: 16px;
	right: 1.25em;
	right: var(--space-md);
	background: url("../img/cd-arrow.svg")
}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
	position: absolute;
	height: 3px;
	width: 24px;
	background: #fff;
}

.cd-nav-trigger--nav-is-visible span::before {
    transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger--nav-is-visible span::after {
    transform: translateX(4px) translateY(2px) rotate(-45deg);
}
.cd-nav-trigger--nav-is-visible span {
    background: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0) ;
}