@charset "UTF-8";

/*  #bar  */
#bar {position: relative;height: 44px;line-height: 44px;background: #121317;color: #e1e1e2;z-index: 100;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;/* -webkit-transform: translateZ(0); */top: 0;left: 0;width: 100%;}
#bar:after {content: ""; display: table; clear: both; }

#bar * {-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}

#bar > .m {position:relative;z-index: 5;height: 44px;line-height: 44px;white-space: nowrap;display: flex;flex-wrap: nowrap;padding: 0 10px;padding-left: 20px;margin: 0 auto;/* max-width: 992px; */max-width: 1340px;}

#bar a {color: inherit; text-decoration: none;}

#bar .left {flex-shrink: 0;overflow: hidden;padding-right: 20px;}
#bar .middle {padding: 0 20px 0 0;flex-grow: 1;display: none;}
#bar .right {text-align: right;font-size: 12px;flex-grow: 1;display: flex;flex-flow: row;flex-wrap: nowrap;justify-content: flex-end;flex-shrink: 0;}

#bar .logo {display: inline-block;background: url(../../i/profile/common.svg?v=2) -19px -12px no-repeat;width: 130px;height: 44px;vertical-align: top;text-align: center;}


#bar .item {display: inline-block;text-align: center;min-width: 46px;position: relative;vertical-align: top;display: inline-flex;justify-content: center;align-items: center;height: 44px;}

#bar .item .b {display: inline-block;min-width: 34px;height: 34px;line-height: 34px;border-radius: 10px;cursor: pointer;position: relative;font-size: 14px;opacity: .8;transition: opacity .25s ease;}
#bar .item.opened b {opacity: 1;}

#bar .item .b i {display: inline-block;width: 34px;height: 34px;background-image: url(../../i/profile/bar.svg);background-position: -1px -1px;background-repeat: no-repeat;}
#bar .item .b span {display: inline-block;/* vertical-align: middle; */}


/* dropdown schortcut rounded corners */
#bar .item > s {display: none;position: absolute;left: 0;right: 0;height: 6px;background: #fff;content: "";bottom: 0;z-index: 300;pointer-events: none;}
#bar .item.opened > s {display: block;}

#bar .item > s:before,
#bar .item > s:after {content: "";display: block;position: absolute;bottom: 0;width: 14px;height: 15px;background: url(../../i/profile/corners.svg) 0px 1px no-repeat;}

#bar .item > s:before {right: 100%;}
#bar .item > s:after {left: 100%;background-position: -16px 1px;}
/**/



#bar .item em {display: block;position: absolute;right: 3px;top: 1px;font-style: normal;background: #D93025;color: #fff;min-width: 14px;height: 14px;line-height: 13px;font-weight: 400;font-size: 11px;border-radius: 10px;box-shadow: 0 0 0 1px #121317;text-align: center;padding: 1px 3px 0;opacity: 1;}


#bar .item .dropdown {display: none;top: 100%;margin-top: 0;/* left: 50%; *//* margin-left: -125px; */right: 0;padding: 14px 20px 14px;position: absolute;z-index: 200;background: #fff;border-radius: 14px 0 14px 14px;min-width: 130px;max-width: 100vh;text-align: center;box-shadow: 0px 15px 25px -5px rgb(29 43 39 / 25%);color: #000;line-height: normal;white-space: normal;max-height: calc(100vh - 44px);overflow-y: auto;}
#bar .item.opened .dropdown {display: block;}
#bar .item.has_dropdown.opened {background: #fff;border-radius: 14px 14px 0 0;z-index: 200;}


/* dropdown schortcut rounded corners */
#bar .item > hr {display: none;position: absolute;left: 0;right: 0;height: 6px;background: #fff;content: "";bottom: 0;z-index: 300;pointer-events: none;border: none;margin: 0 auto;outline: none;overflow: visible;}
#bar .item.opened > hr {display: block;}

/*#bar .item > hr:after,*/
#bar .item > hr:before {content: "";display: block;position: absolute;bottom: 0;width: 14px;height: 15px;background: url(../../i/publication/corners.svg) 0px 1px no-repeat;outline: 1px dashed #fff;}

#bar .item > hr:before {right: 100%;}
/*#bar .item > hr:after {left: 100%;background-position: -16px 1px;display: none;}*/


#bar .dropdown .ul {text-align: left;margin: 0 -20px;}
#bar .dropdown .ul .li {display: block; position: relative; }
#bar .dropdown .ul .li > a {display: block;padding: 8px 20px;font-size: 14px;line-height: 17px;}
#bar .dropdown .ul .li > a:hover {background: #f1f3f4;}

#bar .dropdown .ul .divider {height: 1px;background: #dbdbdb;margin: 11px auto 11px;overflow: hidden;}


#bar .item.profile .avatar,
#bar .item.profile_menu .avatar
{display: block;width: 24px;height: 24px;line-height: 24px;position: absolute;top: 50%;margin-top: -12px;left: 50%;margin-left: -12px;}

#bar .avatar .img {border-color: #9FAAA5;}
#bar .avatar.verified .img {border-color: #2FB200;}


#bar .item.cabinet i {background-position: -95px -14px;}
.guest #bar .item.cabinet i {background-position: -491px -38px;}

#bar .item.logout i {background-position: -604px -38px;}

/*
#bar .item.projects i {background-position: -196px -35px;}
#bar .item.projects.opened i {background-position: -196px -86px;}

#bar .item.projects .li > a {padding-left: 51px;}
#bar .item.projects .li > a:before {content: "";display: block;position: absolute;top: 50%;left: 17px;width: 18px;height: 18px;margin-top: -9px;background: url(../../i/profile/bar.svg) -724px -40px no-repeat;}
*/

#bar .item.section_toggle {margin-right: 12px;}
#bar .item.section_toggle > b {height: 30px;line-height: 16px;padding: 5px 20px 7px;border: 1px solid rgba(255,255,255,.5);border-radius: 10px;opacity: 1;color: #fff; transition: border-color .25s ease;}
#bar .item.section_toggle > b:hover {border-color: #fff; background: none;}

#bar .item.info i {background-position: -55px -14px;}
#bar .item.info.opened i {background: url(../../i/profile/common.svg?v=2) -238px -16px no-repeat;}


#bar .menu_toggle i {background-position: -247px -35px;}
#bar .item.search i {background-position: -16px -14px;}


#bar .login .b i {background-position: -136px -14px;}

#bar .language .b i {background-position: -15px -180px;}
#bar .language > s:after {content: none;}
#bar .item.language .li > a {padding-left: 51px;}
#bar .item.language .li > a:before {content: "";display: block;position: absolute;top: 50%;left: 16px;width: 22px;height: 24px;margin-top: -13px;background: url(../../i/profile/bar.svg) -21px -225px no-repeat;text-align: center;font-size: 10px;line-height: 18px;}


#bar .language.uk i {background-position: -720px -228px;}

#bar .language.en i {background-position-x: -94px;}
#bar .language .li > a[data-value="en-US"]:before {background-position-x: -100px;}

#bar .language.be i {background-position-x: -134px;}
#bar .language .li > a[data-value="be-BY"]:before {background-position-x: -140px;}

#bar .language.pl i {background-position-x: -54px;}
#bar .language .li > a[data-value="pl-PL"]:before {background-position-x: -60px;}

#bar .language.ru i {background-position-x: -174px;}
#bar .language .li > a[data-value="ru-RU"]:before {background-position-x: -180px;}

#bar .language.opened i {background-position-y: -220px;}



#bar .profile_menu > s:after {content: none;}
#bar .item.profile_menu .li > a {/* display: inline-block; */vertical-align: top;position: relative;padding-left: 66px;max-width: 100%;white-space: nowrap;}
#bar .item.profile_menu .li.profile a:before {content: none; background-position: -777px -37px;}
#bar .item.profile_menu .li .avatar {left: 23px;margin-left: 0;}

#bar .item.profile_menu .li a:before {content: "";display: block;position: absolute;top: 50%;left: 23px;width: 24px;height: 24px;margin-top: -12px;background: url(../../i/profile/bar.svg) -181px -59px no-repeat;}
#bar .item.profile_menu b > i {display: none;}


#bar .item.profile_menu.opened b > .avatar {display: none;}
#bar .item.profile_menu.opened b > i {display: inline-block;background: url(../../i/profile/common.svg?v=2) -238px -16px no-repeat;}


@media only screen and (min-width: 721px) {
	
	.mbl {display: none;}

	#bar .item .b:hover {background-color: rgba(255, 255, 255, 0.15);opacity: 1;}
	
	#bar .item .dropdown {max-width: 200px;}
	
	#bar .item.menu_toggle,
	#bar .item.search_toggle {display: none;}
	
	#bar .item.info > s:after {content: none;}
	
	
	#bar .divider {position: relative;width: 18px;display: inline-flex;}	
	#bar .divider:before {content: "";display: block;position: absolute;top: 50%;margin-top: -10px;height: 20px;left: 50%;width: 1px;background: rgba(255, 255, 255, 0.25);}
}


@media only screen and (max-width: 720px) {
	
	#bar .middle {/* display: none; */}
	
	#bar .divider {display: none;}

	#bar .item {min-width: 44px;}
	
	#bar .section_toggle,
	#bar .item.search, #bar .item.cabinet, #bar .item.notice {display: none;}
	
	/*
	#bar .right .item.projects {display: inline-block;display: inline-flex;}
	#bar .right .item.projects s:after {content: none;}
	*/

	#bar .right .item.info s:after {content: none;}
}
	
@media only screen and (max-width: 990px) {
	
	#bar > .m {max-width: 100%;}
	
	
	#mobile_bar {display: block;position: fixed;bottom: 0;opacity: 1;z-index: 150;left: 0;right: 0;background: rgba(0,0,0,.75);height: 62px;padding: 0 10px;white-space: nowrap;min-width: 320px;max-width: 100%;border-radius: 14px 14px 0 0;transition: opacity .18s linear, bottom .2s linear;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;backdrop-filter: blur(4px);}
	#mobile_bar > .m {display: flex;flex-flow: row;/* max-width: 380px; */max-width: 600px;margin: 0 auto 0;}
	
	#mobile_bar .item {width: 20%;text-align: center;flex-grow: 1;padding: 0 0;}
	
	#mobile_bar .item .b {display: block;position: relative;width: 42px;height: 42px;background: #fff;border-radius: 8px;margin: 10px auto;cursor: pointer;}
	#mobile_bar .item .b:hover:after,
	#mobile_bar .item.toggled .b:after {display: block;content: "";width: 100%;position: absolute;bottom: -10px;height: 3px;border-radius: 3px;background: #4BC27C;}
	
	#mobile_bar .item em {display: inline-block;font-style: normal;font-size: 12px;border-radius: 10px;min-width: 20px;text-align: center;height: 18px;line-height: 18px;background: #9F7F1E;color: #fff;white-space: nowrap;padding: 0 5px;}
	#mobile_bar .item .b em {position: absolute;top: -6px;right: 6px;transform: translateX(50%);}
	
	
	#mobile_bar .item i {display: block;position: absolute;width: 34px;height: 34px;top: 50%;margin-top: -17px;left: 50%;margin-left: -17px;background: url(../../i/profile/bar_m.svg) -117px -20px no-repeat;}

	#mobile_bar .dropdown .ul {text-align: left;margin: 0 -20px;}
	#mobile_bar .li {display: block; position: relative; }
	#mobile_bar .li a {display: block;padding: 8px 20px;font-size: 14px;line-height: 18px;text-decoration: none;color: rgba(255, 255, 255, .8);position: relative;}
	#mobile_bar .li a:hover {background: rgba(255, 255, 255, 0.1);color: #fff;}
	#mobile_bar .li a:hover:before, #mobile_bar .li a:hover em {opacity: 1;}
	
	#mobile_bar .li em {margin-left: 7px;height: 16px;line-height: 16px;min-width: 16px;border-radius: 8px;padding: 0 4px;opacity: .8;}
	
	#mobile_bar .item .dropdown {display: none;bottom: 67px;left: 5px;right: 5px;padding: 16px 20px 20px;position: absolute;z-index: 200;background: rgba(0,0,0,.8);border-radius: 14px;color: #fff;line-height: normal;white-space: normal;max-height: calc(100vh - 72px);overflow-y: auto;}
	#mobile_bar .item.opened .dropdown {display: block;}
	#mobile_bar .item.has_dropdown.opened {}
	
	#mobile_bar .add_item .b { background: linear-gradient(180deg, #4DC57E 0%, #218E4E 100%);}

	#mobile_bar .search i {background-position: -67px -20px;}
	#mobile_bar .directory i {background-position: -18px -20px;}
	#mobile_bar .directory.w_region .b:before {content: "";display: block;position: absolute;width: 16px;height: 20px;background: url(../../i/profile/bar.svg) -206px -234px no-repeat;top: -7px;right: -1px;z-index: 2;}

	#mobile_bar .cabinet i {background-position: -217px -20px;}
	#mobile_bar .user_selections i {background-position: -168px -19px;}
	#mobile_bar .howto_buy i {background-position: -317px -19px;}
	#mobile_bar .howto_sell i {background-position: -267px -19px;}

	#mobile_bar .user_selections.opened .b:before {content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 5px 10px 0 10px;border-color: rgba(0,0,0,.8) transparent transparent transparent;position: absolute;top: -15px;left: 50%;margin-left: -10px;}
	#mobile_bar .user_selections .li a {padding-left: 56px;}
	#mobile_bar .user_selections .li a:before {content: "";display: block;position: absolute;top: 50%;left: 18px;width: 24px;height: 24px;margin-top: -12px;background: url(../../i/profile/bar_m.svg) -506px -25px no-repeat;opacity: .8;}

	#mobile_bar .li.favorite em {background: #0052C1;}
	#mobile_bar .li.favorite a:before {background-position: -465px -25px;}
	
	#mobile_bar .li.follow em {background: #257B5C;}
	#mobile_bar .li.follow a:before {background-position: -506px -25px;}
	
	#mobile_bar .li.keyword em {background: #9D2C14;}
	#mobile_bar .li.keyword a:before {background-position: -544px -25px;}

	#mobile_bar .li.bookmark em {background: #812C8F;}
	#mobile_bar .li.bookmark a:before {background-image: url(../../i/common.svg?v=3);background-position: -1148px -471px;}

	/* костыль под новое оформление мобильного меню - чтобы сохранить сплошной фон вокруг скруглённых углов */
	.main_menu_mode #mobile_bar {border-radius: 0;background: rgba(70,70,70,.75);backdrop-filter: blur(3px);}
	.main_menu_mode #mobile_bar:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;backdrop-filter: none;/* background: rgba(0,0,0,.75); */background: rgba(0,0,0,.55);border-radius: 14px 14px 0 0;/* backdrop-filter: blur(4px); */}
	.main_menu_mode .main_menu_toggle {position: relative;}
	
	/**
	.main_menu_mode .main_menu_toggle:before {content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 5px 10px 0 10px;border-color: #fff transparent transparent transparent;position: absolute;top: 0;left: 50%;margin-left: -10px;}
	/**/

	#up_button {bottom: 69px;}
}

@media only screen and (max-width: 520px) {
	
	
}

@media only screen and (max-width: 360px) {
	
}

/* MOBILE SCREENS 
@media only screen and (max-width: 720px) {
/*
	.bar_dropdown #bar {background: #fff; }
	#bar {position: fixed;top: auto;bottom: 0;left: 0;width: 100%;height: 48px;line-height: 48px;background: none;padding: 0;}
	#bar .m {height: 48px;line-height: 48px;padding: 0;display: block;align-content: stretch;justify-content: space-around;text-align: center;min-width: 320px;border-radius: 14px 14px 0 0;position: static;background: #121317;}
	
	#bar .left,
	#bar .middle {display: none; }
	
	#bar .right {float: none;text-align: center;display: block;justify-content: space-between;}
	
	
	
	body.bar_dropdown,
	body.menu_mode,
	body.search_mode {overflow: hidden;}
	
	
	

	#bar .item {display: inline-block;vertical-align: top;min-width: 56px;height: 46px;line-height: 44px;padding: 2px 0 0;text-align: center;cursor: pointer;width: 20%;margin: 0 auto 0 !important;}
	#bar .item.has_dropdown.opened {border-radius: 0 0 14px 14px;}
	
	#bar .item > s {bottom: auto;top: 0;}

	#bar .item > s:before,
	#bar .item > s:after {bottom: 0; top: 0;}
	
	#bar .item > s:before {background-position: 0px -21px;}
	#bar .item > s:after {background-position: -16px -21px;}

	
	#bar .item.opened:after {content: none; display: inline-block;bottom: 0; top: 0}

	#bar .item .b {position: relative;width: 44px;height: 44px;line-height: 44px;vertical-align: top;opacity: 1;border-radius: 22px;}
	#bar .item .b i {position: absolute; top: 50%; margin-top: -17px; left: 50%; margin-left:-17px;}


	#bar .item .dropdown {top: auto;border-radius: 14px 14px 0 0;position: fixed;bottom: 48px;left: 0;right: 0;width: auto;box-shadow: 0px -20px 20px 0px rgb(29 43 39 / 25%);}

	#bar .item.projects .li > a {padding-left: 71px;}
	#bar .item.projects .li > a:before {left: 26px;}

	

	#bar .menu_toggle,
	#bar .search_toggle {border-radius: 0 0 14px 14px;}

	
	.menu_mode #bar .menu_toggle,
	.search_mode #bar .item.search_toggle {background: #fff;color: #000;}
	
	.menu_mode #bar .item.menu_toggle:before,
	.search_mode #bar .item.search_toggle:before {background-position: 1px -153px;}

	
	.menu_mode #bar .menu_toggle > s,
	.search_mode #bar .item.search_toggle > s {display: block;}

	.menu_mode #bar .menu_toggle > s:before {content: none; display: none;}

	
	.menu_mode #bar .menu_toggle i,
	.search_mode #bar .search_toggle i {background-position: -661px -41px;}
	

	
	#bar .item.search,
	#bar .item.info,
	#bar .item.profile,
	#bar .item.logout {display: none;}
	
	#bar .item.profile {}

	#bar .item.profile_menu b > i {display: none;}
	

	#bar .item.profile_menu .li > a {vertical-align: top;position: relative;padding-left: 66px;max-width: 100%;}
	#bar .item.profile_menu .li.profile a {}
	#bar .item.profile_menu .li.profile a:before {display: none;}
	#bar .item.profile_menu .li .avatar {left: 23px;margin-left: 0;}
	
	#bar .item.profile_menu .li a:before {content: "";display: block;position: absolute;top: 50%;left: 23px;width: 24px;height: 24px;margin-top: -12px;background: url(../../i/profile/bar.svg) -610px -93px no-repeat;}

	
	#bar .item.profile_menu.opened b > .avatar {display: none;}
	#bar .item.profile_menu.opened b > i {display: inline-block;background-position: -661px -41px;}

}
/**/