/*
	freelance work
	style for .nav_article
*/
.page_header__burger-menu,
.f-page_header__burger-icon,
.f-page_header__fixer-button {
	display: none;
}

@media (max-width: 1024px) {
	.f-page_header-wrapp,
	.f-block_title-wrapp {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.f-block_title-wrapp {
		align-items: normal;
	}

	.f-page_header__burger-icon {
		display: none;
		padding-left: 20px;
		background: url(../images/mobile_menu.svg) no-repeat;
		background-position: left;
	}

	.burger-icon--close {
		background: url(../images/close_icons.svg) no-repeat;
	}

	.block_title-close {
		padding: 0 10px;
		background: url(../images/close_icons.svg) no-repeat;
		margin-right: -10px;
	}

	.f-page_header__burger-icon:hover {
		opacity: 0.5;
	}

	.page_header__burger-menu {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
	}

	.f-page_header__fixer-button {
		display: none;
		position: fixed;
	    z-index: 9999;
	    top: auto;
		bottom:0;
	    width: 100%;
	    left: 0;
	    right: 0;
	    height: 34px;
	    border: none;
	    outline: none;
	    background: #7cbb62;
	    font-size: 16px;
	    max-width: 425px;
	    border-bottom: 2px solid #868686;
	    font-family: "GTWalsheimProBold", sans-serif;
	}

	.f-page_header__fixer-button--show {
		display: block;
	}

	.f-nav_article {
		position: fixed!important;
		display: none;
		z-index: 9999;
		width: 100%;
		margin-left: auto;
		max-width: 425px;
		position: relative;
		padding: 10px 35px 20px 35px;
		top: auto!important;
    left: 0;
    bottom: 34px;
		background: #7cbb62;
		opacity: 0;
		-webkit-transition: opacity .2s linear;
		-moz-transition: opacity .2s linear;
		transition: opacity .2s linear;
		overflow: auto;
    max-height: calc(100vh - 34px);
	}
	
	.f-nav_article a {
		font-size: 16px;
	}

	.f-nav_article .block_title {
	    font-family: "GTWalsheimProBold", sans-serif;
		font-size: 16px;
	    line-height: 1.5;
	    letter-spacing: 4px;
	    text-transform: uppercase;
		margin-bottom:30px;
	}

	.f-nav_article ul {
		margin:0;
		padding:0;
		list-style:none;
	}

	.f-nav_article li {
	    font-family: "GTWalsheimProMedium", sans-serif;
		font-size: 14px;
		margin: 10px 0 15px;
	}

	.f-nav_article a {
		color: rgba(0, 0, 0, 0.6);
	}

	.f-nav_article a:hover,
	.f-nav_article a.active {
		color:#000000;
	}

	.f-nav_article .tabs_nav .logout {
		margin-top:45px;
	}
}