html {
	height: 100%;
}

body {
	height: 100%;
	padding: 0 0.25em !important;
	font: 1em/150% "Arial";
}

table {
	border-width: 0;
	border-style: none;
	border-spacing: 0;
	font-size: inherit;
}

table thead, table tbody, table tfoot {
	vertical-align: top;
}

table td {
	border-width: 0;
	border-style: none;
	padding: 0;
}

fieldset {
    padding-top: 1em;
    padding-bottom: 1em;
	border-style: solid;
	border-radius: 6px;
	border-color: #cfcfcf;
}

legend {
    font-size: 125%;
    font-weight: bold;
	padding-inline-start: 0.25em;
    padding-inline-end: 0.25em;
}

table.main_wrap {
	/*width:100%;*/
	height: 100%;
}

h3 {
	margin: 1em 0;
}

/*td.header {
	border-bottom: 5px solid #DEE6EC;
}*/

.hat {
	padding: 0 0.5em;
	/*padding: 0 0 0 2px !important;*/
	border-radius: 6px;
	/*border: 1px solid #eaf1f6;*/
}

.logotype {
	border-radius: 6px;
	text-align: center;
	/*background: url(../../../images/9may.png) left bottom no-repeat;*/
}

div.logotype img {
	max-width: 292px;
	padding: 0.25em;
	vertical-align: middle;
}

td.last {
	border-bottom: 5px solid #F0F0F0;
}

div.fullversionlink {
	float: left;
	padding: 0.2em 0.5em;
	/*padding: 4px 10px;
	text-align: left;
	font-weight: bold;*/
}

div.fullversionlink img {
	width: 36px;
	height: 36px;
	vertical-align: text-top;
}

div.fastlinks {
	padding: 4px 10px;
	text-align: right;
	font-weight: bold;
}

div.social {
	padding: 10px 0;
}

div.social div.like {
	padding: 0 10px;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}

div.popular_queries {
	/*height: 14px;*/
	/*padding-left: 10px;*/
	/*padding-right: 91px;*/
	text-align: center;
	font-weight: bold;
}

div.popular_queries span a {
	color: black;
}

form {
	/* line-height: 2em;	 */
}

/* form label { */
	/* margin-right: 0.5em; */
/* } */

form div span {
	vertical-align: middle;
}

/* form div label { */
	/* display: flex; */
    /* align-items: center; */
/* } */

form.search {
	padding: 0.5em 0;
	width: 100%;
}

form.search div.input {
	padding-right:10px;
	display: table-cell;
	width:100%;
	vertical-align: middle;
}

form.search div.input input {
	height: 36px;
	font-size: 1.2em;
}

form.search div.submit {
	display: table-cell;
	vertical-align: middle;
}

input, /*select,*/ textarea, button {
	font-size: 1.2em;
	border-style: solid;
	border-radius: 6px;
	border-color: #cfcfcf;
	border-width: 3px;
	min-height: 36px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

input[type="search"], input[type="email"], input[type="tel"], input[type="text"], input[type="url"] {
	padding: 0.25em 0.5em;
}

input[type="checkbox"] {
	transform: scale(1.5);
}

input[type="submit"]:focus {
	box-shadow: 0px 0px 10px orange;
	outline-color: orange;
}

input[type="submit"]:active {
	box-shadow: 0px 0px 25px orange;
	outline-color: orange;
}

form.search div.submit input {
	min-width: 72px;
	height: 36px;
	font-size: 1.2em;
}

form.search input[type="search"] {
	width: 100%;
}

div.slogan {
	text-align: center;
	font-weight: 900;
	text-transform: uppercase;
	color: red;
}

main.loginpage {
	text-align: center;
}

main section, main article {
	margin: 1em 0;
	/*padding: 0 0.5em;*/
}

main.loginpage section div {
	display: inline-block;
}

div.panel {
	border-radius: 6px;
}

div.subpanel {
	display: block;
	padding: 0.5em 1em;
}

div.errorpanel {
	padding: 1em;
	background-color: #ffddcc;
	font-style: italic;
}

div.noticepanel {
	padding: 1em;
	background-color: #e0ffcc;
	font-style: italic;
}

div.dialogpanel {
	padding: 1em;
	background-color: #eaf1f6;
}

div.dialogpanel span {
	display: inline-block;
	padding: 0.5em;
}

div.controlpanel {
	padding: 1em;
	background-color: #fcee69;
}

div.infopanel {
	white-space: nowrap;
}

div.infopanel img, div.editpanel img {
	width: 36px;
	height: 36px;
}

div.infopanel img.state {
	float: left;
	margin-right: 1em;
}

div.editpanel a.delete {
	margin-left: 10em;
}

div.itempanel {
	background-color: #eaf1f6;
}

div.imagepanel {
	padding: 1em;
	z-index: 0;
}

div.descpanel {
	padding: 1em;
}

/* select {
	padding: 1px 0px;
} */

div.listingpanel {
	padding: 0.5em;
	background-color: #fdfdfd;
}

div.listingrow0 {
	background-color: #f0f0f0;
}

div.listingrow1 {
	background-color: #ffffff;
}

main.messagepage section {
	margin: 1em 0; padding: 0 0.5em;
}

main.messagepage section.message  img.icon {
	float: left;
	margin-right: 1em;
}

main.messagepage section.message div.text {
}

main.messagepage section.ad {
	text-align: center;
	width: 90%;
}

div.messagepanel {
	padding: 1em;
}

div.citylist {
	margin-top: 6px;
}

div.citylist span.favcity {
	margin-right: 12px;
	font-weight: bold;
}

div.citylist span.cityselect {
	display: block;
}

nav.top {
	margin: 0.5em 0;
	padding: 0;
	/*height: 36px;*/
	background-color: #ffffff;
}

nav.top ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: Arial;
	font-weight: bold;
}

nav.top ul li {
	/*float: right;*/
	position: relative;
	/*z-index: 1;*/
	margin: 0 0.5em;
	display: inline-block;
}

nav.top ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	border-radius: 6px;
}

nav.top ul li img {
	width: 36px;
	height: 36px;
	vertical-align: top;
}

nav.top ul li a img {
}

nav.top ul li ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
	position: absolute;
	right: 0;
	white-space: nowrap;
}
nav.top ul li ul li {
	float: none;
	display: list-item;
	margin: 0;
	padding: 8px 0em;
	text-align: left;
	background: #fafafa;
	border-radius: 8px;
}

nav.top ul li ul li a {
	padding: 0 1em;
}

nav.top ul li a span {
	text-transform: uppercase;
	line-height: 36px;
	font-size: 0.75em;
	vertical-align: top;
	padding: 0 0.5em;
}

nav.top ul li:hover ul {
	display:block;  
}
nav.top ul li ul li:hover {
	background:#f1f1f1;
}

nav.path {
	display: block;
	margin: 1em 0;
	padding: 0 12px;
	font: 1.2em/1.5em "Tahoma", "Arial";
}

nav.path a {
	/* display: block; */
	margin-bottom: 0.5em;
	text-decoration: initial;
}

nav.path a:hover {
	text-decoration: underline;
}

nav.path span.separator {
	/* display: none; */
}

nav.local ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: Arial;
	font-weight: bold;
}

nav.local ul li {
	margin: 0 0.5em;
	padding: 0.5em 0;
}

nav.local ul li a {
	display: inline-block;
	color: #445964;
	text-decoration: none;
	border-radius: 4px;
}

nav.local ul li img {
	width: 36px;
	height: 36px;
	vertical-align: top;
}

nav.local ul li a span {
	text-transform: uppercase;
	line-height: 36px;
	font-size: 0.75em;
	vertical-align: top;
	padding: 0 0.5em;
}

h1 {
	display: block !important;
	margin: 0.5em 0 1em !important;
	padding: 0 12px !important;
	font: bold 1.3em/1.5em "Tahoma", "Arial" !important;
	text-transform: uppercase;
}

div.infoline {
	vertical-align: top;
	background-color: #eaf1f6;
	padding: 8px 10px;
	margin-bottom: 8px;
}

div.infoline div.leftblock, div.infoline div.rightblock {
	/*display: inline-block;*/
	/*width: 50%;*/
	vertical-align: top;
}

div.infoline div.rightblock  div.adcount{
	text-align: right;
}

.catalog {
	margin-bottom: 8px;
}

.catalog div.block {
	/*display: table-cell;
	width: 45%;*/
	vertical-align: top;
}

.catalog div.block  div.category_title {
	background-color: #ecf1f0;
	margin: 0 5px 5px 5px;
	padding: 3px 0;
	font: 110%/110% "Tahoma", "Arial";
}

.catalog div.block  div.subcategory_list {
	padding: 0 10px;
	margin-bottom: 1em;
	word-break: break-all;
}

.catalog div.block  div.category_title  span.category_name {
	padding: 0 5px;
}

.catalog div.block  div.category_title  span.category_name a {
	color: #445964 !important;
	font-weight: bold;
}

.catalog div.block .subcategory_name {
	/*white-space: nowrap;*/
	line-height: 150%;
	display: inline-block;
}

footer {
	background-color: #eaf1f6;
	border-radius: 6px;
}

div.links {
	padding: 0.5em 0;
	text-align: center;
}

div.links a {
	margin: 0 0.5em;
}

div.links a  img {
	width: 36px;
	height: 36px;
	vertical-align: middle;
	margin: 0.5em 0;
}

div.links a  span {
	margin-left: 0.5em;
	vertical-align: middle;
}

div.copyright {
	padding: 0.5em 0.25em;
	text-align: center;
	font: 0.9em/1.5em "Tahoma", "Arial";
}

div.counter {
	padding: 0.5em 0.25em;
	text-align: center;
}

div.counter img {
	border-radius: 4px;
	border-width: 1.5px;
	border-color: orange;
}

.black {
	color: #445964 !important;
}

.light {
	color: #A6B0B5 !important;
}

.red {
	color: #FF0000 !important;
}

.green {
	color: #139E24 !important;
}

.white {
	color: white !important;
}

.linecolor1 {
	background-color: #EAF1F6;
}

.linecolor2 {
}

div.itemlist {
	width: 100%;
}

div.itemlist section.itemline, div.itemlist section.itemline {
	border-bottom: 0.5em solid #F0F0F0;
}

div.itemlist section.itemline div.adpanel {
	padding: 1em;
	vertical-align: top;
}

div.itemlist section.itemline div.adbody  img.thumbnail {
	border: 1pt solid #C5C5C5;
	box-shadow: 4pt 4pt 4pt #aaa;
	padding: 4pt;
	background-color: white;
	float: left;
	margin-right: 2em;
	margin-bottom: 1em;
}

h1.adtitle {
	font-family: Tahoma, Arial;
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.25em;
	padding: 0;
	margin: 0 0 1em;
	display: block;
}

header.adtitle, h2.adtitle {
	font-family: Tahoma, Arial;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	padding: 0;
	margin: 0 0 1em;
}

header.adtitle span, h1.adtitle span , h2.adtitle span {
	vertical-align: top;
}

header.adtitle img, h1.adtitle img , h2.adtitle img {
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

header.adtitle h3, h2.adtitle h3 {
	display: inline;
	font-size: inherit;
	font-family: inherit;
	margin: inherit;
	padding: inherit;
}

div.addescription {
	margin-bottom: 2em;
	text-align: justify;
}

div.geo {
	margin-bottom: 1em;	
}

div.itemlist section.itemline div.adbody div.adtext {
	padding: 1em 0;
}

div.itemlist section.itemline div.adbody div.adbreadcrumbs  a {
	color: inherit;
	font-size: 0.9em;
	font-family: "Tahoma", "Arial";
}

div.itemlist section.itemline div.adextra {
	/*text-align: right;*/
}

div.itemlist section.itemline div.adextra  div.addate{
	font-size: 0.9em;
	font-family: "Tahoma", "Arial";
	padding: 1em 0;
}

div.itemlist section.itemline div.adextra  div.adcity {
	font-family: Tahoma, Arial;
	font-size: 1.05em;
	font-weight: bold;
	line-height: 1.125em;
	padding: 0;
	margin: 0;
}

/* Панель Больше объявлений */
section.moreadspanel div.substrate {
	background-color: #ECF6EA;;
}

section.moreadspanel div.moread {
	padding: 1em;
}

section.moreadspanel div.moread > a {
	display: inline-flex;
	text-decoration: initial;
}

section.moreadspanel div.moread figure {
	display: inline-block;
	margin: 0;
	vertical-align: top;
}

section.moreadspanel div.moread p {
	display: inline-block;
	margin: 0;
	padding: 3px;
	vertical-align: top;
}

section.moreadspanel img.small_image {
	float: none;
	margin-bottom: 0;
}

section.moreadspanel div.substrate label.show_all {
    display: block;
    width: 100%;
    text-align: center;
    cursor: pointer;
	line-height: 2em;
}

section.moreadspanel div.substrate div > div {
    display: none;
}

section.moreadspanel div.substrate div div:nth-of-type(-n+4) {
    display: block;
}

section.moreadspanel div.substrate div input.show_all:checked ~ div {
    display: block;
}

section.moreadspanel div.substrate div input.show_all:checked ~ label.show_all {
	display: none;
}

section.moreadspanel div.substrate a.show_all {
    display: none;
    width: 100%;
    text-align: center;
    cursor: pointer;
	line-height: 2em;
	text-decoration: none;
}

section.moreadspanel div.substrate div input.show_all:checked ~ a.show_all {
    display: block;
}

label.show_all:after {
    content: " \290B";
}

section.controlpanel div.substrate {
	background-color: #FCEE69;
}

/* Подача/редактирование объявления */



/* Устарело */
td.list1 {
	vertical-align: top;
	background-color: #eaf1f6;
	padding: 9px 10px 11px 10px;
	word-break: break-all; /* Важно */
}

td.list2 {
	vertical-align: top;
	padding: 9px 10px 11px 10px;
}

img.small_image {
	border: 1px solid #c5c5c5;
	border-radius: 6px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	box-shadow: 5px 5px 5px #aaa;
	padding: 5px;
	background-color: #ffffff;
	float: left;
}

/* img.normal_image { */
	/* border: 1px solid #c5c5c5; */
	/* border-radius: 6px; */
	/* box-shadow: 5px 5px 5px #aaa; */
	/* padding: 5px; */
	/* background-color: #ffffff; */
	/* max-width: 100%; */
/* } */

.as_photo {
	display: inline-block;
	border: 1px solid #c5c5c5;
	box-shadow: 5px 5px 5px #aaa;
	background-color: #ffffff;
	border-radius: 6px;
	padding: 5px;
	/* max-width: 296px; */
    /* max-height: 296px; */
}

.as_photo img {
	display: block;
    /* width: 100%; */
	max-width: 296px;
    max-height: 296px;
}

div.pager {
	font-size: 1.4em;
}

div.user_name {
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 12px
}

div.panel_element {
	width: 124px;
	text-align: center;
	display: inline-block;
	margin-bottom: 24px;
	vertical-align: top;
	margin: 2px;
    height: 80px;
}

div.own_stat, div.moderator_stat, div.activity {
	margin-bottom: 16px;
}

div.own_stat span.title, div.moderator_stat span.title {
	font-weight: bold;
}

div.own_stat div.stat_item {
	background-color: #eaeaea;
	border-width: 1px 0;
	border-style: solid;
	border-color: white;
}

div.own_stat div.stat_item  span.name{
	font-weight: bold;
	display: inline-block;
	width: 160px;
}

div.own_stat div.stat_item  span.value {
	display: inline-block;
	width: 100px;
	text-align: right;
}

div.signals {
	text-align: right;
	margin-bottom: 6px;
	white-space: nowrap;
}

div.signals img {
	width: 24px;
	height: 24px;
	margin-left: 4px;
}

div.moderate {
	text-align: right;
	margin-bottom: 6px;
	white-space: nowrap;
}

label.moderate {
	width: 32px;
	height: 32px;
	display: inline-block;
	position: relative;
	margin-left: 6px;
}

label.moderate input[type="checkbox"] {
	opacity: 0;
}

input[type="checkbox"] + span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.15;
	cursor: pointer;
}

input[type="checkbox"]:checked + span {
	opacity: 1;
}

input[type="checkbox"] + span.clone {
	background: url(../../../images/button_clone.png) no-repeat;
}

input[type="checkbox"] + span.plagiat {
	background: url(../../../images/button_plagiat.png) no-repeat;
}

input[type="checkbox"] + span.spam {
	background: url(../../../images/button_spam.png) no-repeat;
}

input[type="checkbox"] + span.error {
	background: url(../../../images/button_error.png) no-repeat;
}

input[type="checkbox"] + span.old {
	background: url(../../../images/button_old.png) no-repeat;
}

div.control {
	white-space: nowrap;
}

div.control a img{
	width: 32px;
	height: 32px;
	opacity: 0.75;
}

.small {
	font: 0.8em/1.6em "Verdana", "Arial";
	text-decoration: none;
}

.fixed  {
	background-color: #FFFF99 !important;
	color: #222222;
}

.premium {
	background-color: #CCFFCC !important;
	color: #222222;
}

.marked {
	background-color: #FFF500 !important;
}


div.title {
	font: bold 1em/1.25em "Arial" !important;
	word-break: break-all;
}

h2.title {
	font: bold 123%/123% "Arial" !important;
	padding: 0;
}

div.tags  ul {
	padding: 0;
}

div.tags ul li {
	display: block;
	padding: 2px 5px;
	background: #FFF;
	border: 1px solid #999;
	margin-right: 3px;
	margin-bottom: 3px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
}

div.ad {
	text-align: center;
	margin: 1em 0;
}

div.ad>div{
	display: inline-block;
}

section header, section h2 {
	margin: 0;
	padding: 6px 12px;
	font: bold 1.2em/1.5em "Tahoma", "Arial";
	word-break: break-all;
}

section h3 {
	font-size: 1em;
}

/* Панель управления */
section.controlpanel {
	margin: 1em 0;
}

section.controlpanel	header {
	padding-bottom: 3px;
	font: bold 1.1em/1em "Tahoma", "Arial";
	word-break: break-all;
}

/* Панель управления объявлением */
div.controlpanel {
	margin: 1em 0;
}

div.controlpanel div.panels {
	background-color: #FCEE69;
	border-radius: 5px;
}

div.controlpanel div.panels img {
	width: 36px;
	height: 36px;
}

div.controlpanel div.panels div.infopanel,
div.controlpanel div.panels div.editpanel,
div.controlpanel div.panels div.socialpanel,
div.controlpanel div.panels div.favpanel {
	padding: 0.5em;
	vertical-align: top;
}

div.controlpanel div.panels div.infopanel img.state {
	float: left;
	margin-right: 1em;
}

span.important {
	font-weight: bold;
}

div.controlpanel div.panels div.editpanel a.delete {
	margin-left: 10em;
}

/* Объявление */
article.announcement {
	background-color: #EAF1F6;
}

article.announcement div.image, article.announcement div.description {
	vertical-align: top;
	padding: 1em;
	word-break: break-word;
}

/* Дополнительные объявления и ссылки */
div.more {
	background-color: #EAF1F6;
}

div.more div.announcements, div.more div.ads {
	vertical-align: top;
	padding: 0.5em;
}

div.more div.announcements ul {
	padding-left: 1em;
}

div.more div.announcements ul  li{
	line-height: 2em;
}

.yap-picture-block img {
	margin-right: 6px;
	margin-bottom: 10px;
	box-shadow: 5px 5px 5px #aaa;
	padding: 5px;
	background-color: #FBFBFB;
}

div.ad div.trg-b-standard {
	text-align: left !important;
	background: none !important;
}

div.ad div.trg-domain {
	background: none !important;
}

div.ad img.trg-img {
	width: 90px !important;
	height: 75px !important;
	box-shadow: 5px 5px 5px #aaa;
	padding: 5px;
	border-radius: 6px;
	margin-right: -55px !important;
	background: white !important;
}

div.ad div.trg-rt {
	max-width: 60%;
}

div.ad div.trg-title-wrapper {
	font-size: 18px !important;
	font-weight: bold;
	color: rgb(0, 68, 161);
	margin-top: 8px;
	margin-bottom: 6px;
}

div.ad div.trg-text {
	font-size: 16px !important;
	  color: #222222 !important;
}

div.tr_ads {
	display: flex;
	margin: 1em 0;
	padding: 1em 0;
	background-color: lemonchiffon;
    border-radius: 6px;
}

/* Tryndex.Direct */
div.tr_ad {
	flex: 1;
	padding: 0 1em;
}

div.tr_ad div.tr_image {
	float: left;
}

div.tr_ad div.tr_image img.icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

div.tr_ad div.tr_image img.normal {
    width: 75px;
    /*height: 75px;*/
    margin-right: 12px;
    margin-bottom: 10px;
    padding: 5px;	
	border: 1px solid #c5c5c5;
    box-shadow: 5px 5px 5px #aaa;
    background-color: #ffffff;
    border-radius: 6px;
}

div.tr_ad div.tr_title {
	padding-bottom: 0.5em;
	font: bold 1.25em/1.2em "Arial";
	text-align: left;
}

div.tr_ad div.tr_title a {
	text-decoration: none;
}

div.tr_ad div.tr_description {
	text-align: justify;
}

div.tr_ad div.tr_description div.tr_text {
	font: 1.1em/1.3em "Arial";
	white-space: pre-line;
}

div.tr_ad div.tr_description div.tr_attention {
    font-size: 10px;
    color: gray;
	line-height: 10px;
    margin-top: 6px;
}


.nowrap {
	white-space: nowrap;
}

details.controlpanel {
	
}

details.controlpanel summary {
	padding: 6px;
}

details.controlpanel summary:focus {
	outline: none;
}

details.controlpanel summary h2 {
	display: inline-block;
    padding: 0;
    border-bottom: 1px dashed green;
    cursor: pointer;
}

/***********/
/* BEM */
/***********/

.b-page__part,
.b-page__partslot {
	margin: 1em 0;
	background-color: transparent;
}

.b-page__part_state-hidden,
.b-page__partslot_state-hidden {
	display: none;
}

.b-plaque {
	display: inline-block;
	margin: 0;
	padding: 0em 0.25em;
}

.b-plaque__sign {
	display: inline-block;
	margin: 0.25em;
	line-height: normal;
    font: bold 1em/1.5em "Tahoma", "Arial";
}

.b-plaque__sign_local-link {
	border-bottom: 1px dashed green;
	cursor: pointer;
}

.b-part__workspace {
	display: flex;
	flex-wrap: wrap;
	border-radius: 6px;
	padding: 0.25em 0;
}

.b-part__workspace_direction-v {
	flex-direction: column;
}

.b-part__workspace_surface-blue {
	background-color: #EAF1F6;	
}

.b-part__workspace_surface-yellow {
	background-color: #FCEE69;	
}

/*.b-part__workspace_inner_align-center {
	justify-content: center;
}*/

.b-box {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 0;
	padding: 0 0.25em;
	list-style-type: none;
	flex: 1;
}

.b-box_inner_align-center {
	justify-content: center;
}

.b-box_direction-v {
	flex-direction: column;
}

.b-box_parent {
	padding: 0;
}

.b-box__itemplace {
	display: initial;
	padding: 0.25em;
	flex: 1;
}

.b-box_parent > .b-box__itemplace {
	padding: 0;
}

.b-box__itemplace_aligned-left {
	flex: 0 0 auto;
}

.b-box__itemplace_aligned-right {
	flex: initial;
	margin-left: auto;
}

.b-box__itemplace_place-100prcX80vh {
	width: 100%;
	height: 80vh;
}

.b-box__itemplace_pos-centered {
	text-align: center;
}

.b-box__itemplace_grow-no {
	flex-grow: 0;
}

.b-item {
	height: 100%;
	display: flex;
    flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.b-item__cover {
	margin: auto;
	padding: 0.25em 0;
	flex-grow: 0;
}

.b-item__cover_greedysize-v {
	flex-grow: 1;
}

.b-item__cover_greedysize-h {
	width: 100%;
}

.b-item__cover_aligned-left {
	margin-left: 0;
	margin-right: auto;
}

.b-item__cover_aligned-rigth {
	margin-left: auto;
	margin-right: 0;
}

.b-item__cover_linkable {
	text-decoration: none !important;
	cursor: pointer;
}

.b-item__cover_disable {
	opacity: 0.3;
	cursor: not-allowed;
}

.b-sticker {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin: 0;
	box-sizing: border-box;
}

.b-sticker_inner_align-center {
	justify-content: center;
}

/* К переносу в b-sticker-v */
.b-sticker_vertical {
	flex-direction: column;
	text-align: center;
}

.b-sticker_button {
	border-radius: 6px;
	padding: 0.5em;
	border: 2px solid;
	border-color: #D3D3D380;
	background-color: #D3D3D310;
	height: 100%;
}

.b-sticker_size-small {
	padding: 0;
}

.b-sticker_button-active {
	border-color: #228B2280;	
	background-color: #228B2210;
}

.b-sticker_button-inactive {
	border-color: #D3D3D380;
	background-color: #D3D3D3EE;
}

.b-sticker_button-alarm {
    border-color: #FF000080;
    background-color: #FF000010;
}

.b-sticker_button-attract {
    border-color: #228B2280;
    background-color: #228B22EE;
}

.b-sticker_button-transparent {
    border-color: transparent;
    background-color: transparent;
}

.b-sticker__image {
	height: 36px;
}

.b-sticker_size-small .b-sticker__image {

}

.b-sticker__text {
	white-space: normal;
	line-height: normal;
	color: #445964;
	text-transform: uppercase;
	font-size: 0.75em;
	font-weight: bold;
	margin: 0 0.25em;
}

.b-sticker__text_textwrap-no {
	white-space: nowrap;
}

.b-sticker_button .b-sticker__text {
	/* margin: 0 0.25em; */
}

.b-sticker__image + .b-sticker__text {
	margin-left: 6px;
}

.b-sticker_size-small .b-sticker__image + .b-sticker__text {
	margin-left: 4px;
}

.b-sticker_inner_align-center .b-sticker__text {
	text-align: center;
}

.b-sticker_button-inactive .b-sticker__text {
	color: white;
}

.b-sticker_button-attract .b-sticker__text {
	color: white;
}

.bem-label {
	vertical-align: middle;
	font-size: 0.75em;
    text-transform: uppercase;
    font-weight: bold;
	padding: 0.25em;
	margin: 0.25em;
	font-family: Arial;
	display: inline-block;
    box-sizing: border-box;
}

.bem-input-text,
.bem-input-email,
.bem-textarea,
.bem-input-search,
.bem-input-submit,
.bem-select {
	vertical-align: middle;
    font-size: 1.2em;
    border-radius: 6px;
    border: 2px solid #D3D3D380;
    box-sizing: border-box;
	padding: 0.25em 0.5em;
	margin: 0.25em;
	font-family: Arial;
}

.bem-summary:focus {
	outline: none;
}

/***********/

/*************/
/* TEST MODE */
/*************/
#testmodeindicator {
	position: fixed;
	max-width: 320px;
    top: 45px;
    left: 5px;
    padding: 0.25em 0.25em;
    background-color: #ffffffcc;
	text-align: left;
	pointer-events: none;
	z-index: 9999;
}

#testmodeindicator div {
	padding: 0.25em 0.25em;
    font-variant: all-petite-caps;
    font-weight: bold;
}

#testmodemessage {
    color: red;
}

#testmodetask {
    color: black;
	background-color: lightblue;	
}

#testmodecode {
    color: red;
	pointer-events: all;
}

.testmodecircle {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 8px black solid;	
	cursor: pointer;
	z-index: 9999;
}

.bggreen {
    background-color: limegreen !important;
}

.bgyellow {
    background-color: yellow !important;
}

.bgred {
    background-color: red !important;
}

.testmoderect {
    outline-offset: -8px;
}

.testmoderectout {
    padding: 16px;
}

.olblue {
	outline: 8px solid blue;
}

.blurtest {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/***********/

/* TMP */
h2.title {
	margin: 0 0 1em;
}
h2.title img {
	vertical-align: middle;
}