@charset "UTF-8";

/*  #bar  */
#bar {font-family: 'Roboto', Arial, sans-serif;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%;padding: 0 10px;}
#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;max-width: 1318px;padding: 0;margin: 0 auto;}

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

#bar .left {/* width: 36px; *//* flex-basis: 36px; *//* flex-shrink: 0; *//* overflow: hidden; */padding-left: 10px;}
#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;vertical-align: top;height: 44px;}
#bar .emblem {display: inline-block;background: url(../i/logo.svg) 0 50% no-repeat;min-width: 28px;width: 128px;height: 44px;vertical-align: top;}


#bar .item {display: inline-block;text-align: center;/* padding: 0 3px; *//* min-width: 46px; */position: relative;vertical-align: top;display: inline-flex;justify-content: center;align-items: center;height: 44px;/* margin-left: 6px; */}

#bar .item .b {display: inline-block;/* vertical-align: middle; */padding: 0 6px;min-width: 34px;height: 34px;line-height: 34px;border-radius: 17px;cursor: pointer;position: relative;font-size: 14px;opacity: .8;transition: opacity .25s ease;font-weight: 400;display: inline-flex;align-items: center;justify-content: center;}
#bar .item .b i {display: inline-block;width: 22px;height: 22px;background-image: url(../i/bar.svg?v=5);background-position: -10px -19px;background-repeat: no-repeat;}
#bar .item .b span {display: inline-block;/* vertical-align: middle; */}

#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;}


/* 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/publication/corners.svg) 0px 1px no-repeat;}

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


#bar .item .dropdown {display: none;top: 100%;margin-top: -5px;/* left: 50%; *//* transform: translateX(-50%); *//* margin-left: -125px; */right: 0;padding: 11px 10px 11px;position: absolute;z-index: 200;background: #fff;border-radius: 14px;min-width: 130px;max-width: 100vh;text-align: center;box-shadow: 0 4px 25px 0 rgba(29, 43, 39, .25);color: #000;line-height: normal;white-space: normal;max-height: calc(100vh - 44px);overflow-y: auto;}
#bar .item.opened > .b {background-color: rgba(255, 255, 255, 0.15);opacity: 1;}
#bar .item.opened .dropdown {display: block;}

#bar .item.has_dropdown.opened {z-index: 200;}

#bar .item.has_dropdown > .b:after {content: "";display: inline-block;width: 6px;height: 6px;background: url(../i/bar.svg?v=5) -99px -27px no-repeat;margin-left: 7px;margin-right: 1px;transition: transform .1s ease;}
#bar .item.has_dropdown.opened > .b:after {transform: rotate(-180deg);}


#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: 7px 10px;font-size: 14px;line-height: 16px;border-radius: 8px;}
#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: 22px;height: 22px;line-height: 22px;/* position: absolute; */top: 50%;/* margin-top: -12px; */left: 50%;/* margin-left: -12px; */}

#bar .avatar .img {/* border-width: 1px; */border-color: #9FAAA5;}

/**/
#bar .item.notice {}
#bar .item.notice i {background-position: -367px -34px;}
#bar .item.notice.new i {}

#bar .item.notice em {display: none;}
#bar .item.notice.new em {display: inline-block;}
#bar .item.notice.opened i {background-position: -656px -32px;}
#bar .item.notice .dropdown {max-width: calc(100vh - 64px);width: 300px;border-radius: 14px 0 14px 14px;min-height: 100px;padding: 18px 0 18px;max-height: 80vh;overflow-y: auto;}

#bar .notice .ul {margin: 0;}
#bar .notice .li {text-align: left;padding: 10px 15px 10px 15px;font-size: 14px;line-height: 16px;}
#bar .notice .li + .li {border-top: 1px solid #eee;}

#bar .notice .li .preview {width: 60px;height: 60px;position: absolute;top: 10px;left: 15px;display: flex;align-items: center;justify-content: center;background: #eee;border-radius: 8px;flex-shrink: 0;}
#bar .notice .li .preview img {max-width: 100%; max-height: 100%;}

#bar .notice .li .preview + .body {padding-left: 70px;min-height: 65px;}

#bar .notice .li .header {font-weight: bold; font-size: 14px; margin-bottom: 5px;}
#bar .notice .li .footer {font-size: 12px; color: #ccc; margin-bottom: 5px;}
/**/

#bar .item.cabinet {margin-left: 6px;}
#bar .item.cabinet i {background-position: -291px -20px;width: 21px;height: 21px;}

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

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

#bar .item.info i {background-position: -131px -19px;}

#bar .item.search {margin-left: 5px;}
#bar .item.search i {background-position: -211px -19px;}


#bar .login .b i {background-position: -253px -19px;}



#bar .item.language {margin-left: 10px;}
#bar .item.language i {background-image: url(../i/lng.svg);background-position: -20px -18px;}

#bar .item.language .li > a {padding-left: 44px;white-space: nowrap;cursor: pointer;}
#bar .item.language .li > a:before {content: "";display: block;position: absolute;top: 50%;left: 11px;width: 22px;height: 24px;margin-top: -12px;background: url(../i/lng.svg) -21px -98px no-repeat;text-align: center;font-size: 10px;line-height: 18px;}

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

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

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

#mobile_bar .item.language.opened .b i {/*background-position-y: -99px;*/}


#bar .item.profile_menu .li > a {/* display: inline-block; */vertical-align: top;position: relative;padding-left: 44px;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: 10px;margin-left: 0;position: absolute;top: 50%;margin-top: -12px;}
#bar .item.profile_menu .avatar .img {/* border-width: 1px; */}
#bar .item.profile_menu .li a:before {content: "";display: block;position: absolute;top: 50%;left: 10px;width: 22px;height: 22px;margin-top: -11px;background: url(../i/bar.svg?v=5) -331px -59px no-repeat;}


#bar .item.profile_menu.opened .b > .avatar {/* display: none; */}
#bar .item.profile_menu.opened .b > i {display: inline-block;background-position: -656px -32px;}


@media only screen and (min-width: 990.02px) {
	#bar .left {flex-shrink: 0;}
}

@media only screen and (min-width: 720.02px) {
	
	.mbl {display: none;}
	
	#bar .item .b:hover {background-color: rgba(255, 255, 255, 0.15);opacity: 1;}
	
	#bar .item .dropdown {max-width: 200px;right: auto;left: 50%;transform: translateX(-50%);}
	
	#bar .item.menu_toggle,
	#bar .item.search_toggle {display: none;}

	#bar .item.profile_menu .dropdown {transform: none;left: -14px;}
	
	#bar .item.info .dropdown {left: auto;transform: none;right: -40px;}
	
	#bar .divider {position: relative;width: 27px;display: inline-block;display: inline-flex;/* align-items: center; *//* justify-content: center; */}
	#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 > .m {max-width: 100%;}
	
	#bar .divider {display: none;}
	
	#bar .section_toggle,
	#bar .item.search,
	#bar .item.cabinet,
	#bar .item.notice {display: none;}
	
	#bar .item.info {margin-left: 5px;}
	
	/**/
	#mobile_bar {display: block;position: fixed;bottom: 0;opacity: 1;z-index: 50;left: 0;right: 0;background: rgba(0,0,0,.75);height: 62px;padding: 0 10px;white-space: nowrap;min-width: 320px;max-width: 100%;transition: opacity .18s linear, bottom .2s linear;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
	#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/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 i:before {content: "";display: block;position: absolute;width: 16px;height: 22px;background: inherit;background-position: -587px -26px;top: -10px;right: -5px;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/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 a:before {background-image: url(../i/common.svg?v=4);background-position: -1148px -471px;}
	#mobile_bar .li.bookmark em {background: #812C8F;}

	#up_button {bottom: 69px;}
}



/**/
.bar .li.dummy {}
.bar .li.dummy:after {content: "";position: absolute;z-index: 10;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(60deg, rgba(255,255,255,0) 40%, rgba(255,255,255,1), rgba(255, 255, 255, 0) 60%) right / 300% 100%;animation: skeleton-glare 3s linear infinite;}
.bar .li.dummy > a {background: none;pointer-events: none;}
.bar .li.dummy > a > span {display: flex;align-items: center;height: 16px;font-size: 0;position: relative;}
.bar .li.dummy > a > span:before {content: ""; height: 10px;background: #dae0e0;flex-grow: 1;border-radius: 8px;}

.bar .li.dummy > a .avatar,
.bar .li.dummy > a:before {max-width: 20px;max-height: 20px;margin-top: -10px !important;border-radius: 50%;background: #dde2e2 !important;}

.bar .li.dummy > a .avatar .img {display: none;}
/**/






.oxo #bar {background: #143823;}
.oxo #bar .item em {box-shadow: 0 0 0 1px #143823;}
.oxo #bar .logo {margin-left: -2px;}
.oxo #bar .emblem {background: url(../i/logo_oxo.svg) 0 50% no-repeat;width: 74px;}





/* custom logo styles (old): *
.violity.ukraine #bar .emblem {width: 140px;background: url(../i/logo_ukraine.svg?v=5) -10px -2px no-repeat;}

#bar .greetings {display: inline-block;vertical-align: top;height: 44px;width: 264px;background: url('../i/violity_greetings_d.gif') 0 14px no-repeat;background-size: 264px 18px;overflow: hidden;margin-left: 10px;}
.morning #bar .greetings {background-image: url('../i/violity_greetings_m.gif');}
.evening #bar .greetings {background-image: url('../i/violity_greetings_e.gif');}
.night #bar .greetings {background-image: url('../i/violity_greetings_n.gif');}

@media only screen and (max-width: 720px) {
	#bar .greetings {background: url('../i/violity_greetings_d_m.gif') 0 17px no-repeat;background-size: 192px 12px;width: 192px;}

	.morning #bar .greetings {background-image: url('../i/violity_greetings_m_m.gif');}
	.evening #bar .greetings {background-image: url('../i/violity_greetings_e_m.gif');}
	.night #bar .greetings {background-image: url('../i/violity_greetings_n_m.gif');}
}

@media only screen and (max-width: 360px) {
	#bar .greetings {background-size: 140px auto;width: 140px;margin-left: 6px;}
}
/**/


/* jubilee20 custom logo: *
.jubilee20 #bar .emblem {background: url(../i/decor/logo_jub20_ua.svg) 0 50% no-repeat;background-size: auto 44px;}
.violity_pl.jubilee20 #bar .emblem {background-image: url(../i/decor/logo_jub20_pl.svg);width: 126px;}
.violity_en.jubilee20 #bar .emblem {background-image: url(../i/decor/logo_jub20_en.svg);}
.violity_ru.jubilee20 #bar .emblem {background-image: url(../i/decor/logo_jub20_ru.svg);width: 132px;}
/**/

/* feb14 2026 logo decorations: *
.feb14.violity #bar .emblem {background-image: url(../i/decor/logo_feb14_2026.png);background-size: auto 26px;}
/**/


/* animations: */
#bar .notice.new i {
  animation: bell-ringing linear 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  /*
  -webkit-animation: bell-ringing linear 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: bell-ringing linear 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: bell-ringing linear 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: bell-ringing linear 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  /**/
}

@keyframes bell-ringing{
	0% {transform: rotate(0deg);}
	79% {transform: rotate(0deg);}
	82% {transform: rotate(-40deg);}
	87% {transform: rotate(30deg);}
	93% {transform: rotate(-30deg);}
	99% {transform: rotate(10deg);}
	100% {transform: rotate(0deg);}
}
/*
@-moz-keyframes bell-ringing{
	0% {-moz-transform: rotate(0deg);}
	79% {-moz-transform: rotate(0deg);}
	82% {-moz-transform: rotate(-40deg);}
	87% {-moz-transform: rotate(30deg);}
	93% {-moz-transform: rotate(-30deg);}
	99% {-moz-transform: rotate(10deg);}
	100% {-moz-transform: rotate(0deg);}
}

@-webkit-keyframes bell-ringing {
	0% {-webkit-transform: rotate(0deg);}
	79% {-webkit-transform: rotate(0deg);}
	82% {-webkit-transform: rotate(-40deg);}
	87% {-webkit-transform: rotate(30deg);}
	93% {-webkit-transform: rotate(-30deg);}
	99% {-webkit-transform: rotate(10deg);}
	100% {-webkit-transform: rotate(0deg);}
}

@-o-keyframes bell-ringing {
	0% {-o-transform: rotate(0deg);}
	79% {-o-transform: rotate(0deg);}
	82% {-o-transform: rotate(-40deg);}
	87% {-o-transform: rotate(30deg);}
	93% {-o-transform: rotate(-30deg);}
	99% {-o-transform: rotate(10deg);}
	100% {-o-transform: rotate(0deg);}
}

@-ms-keyframes bell-ringing {
	0% {-ms-transform: rotate(0deg);}
	79% {-ms-transform: rotate(0deg);}
	82% {-ms-transform: rotate(-40deg);}
	87% {-ms-transform: rotate(30deg);}
	93% {-ms-transform: rotate(-30deg);}
	99% {-ms-transform: rotate(10deg);}
	100% {-ms-transform: rotate(0deg);}
}
/**/