/* 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; } }