/*
Common
*/

ul, li {
list-style: none;
margin: 0;
padding: 0;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


span.station {
font-family: "hnb";
font-weight: bold;
}

span.station:before {
content: "м ";
color: #f00;
}


/*
Images block
*/

.slidesjs-control a div::before,
#imageGallery a::before,
.csPager.cSGallery a::before {
position: absolute;
left: 0;
top: 0;

display: block;
width: 100%;
height: 100%;

content: "";
}


/*
Element: icons
*/

div.icon {
display: inline-block;
width: 16px;
height: 16px;

background: url("style/icons.png");
background-repeat: no-repeat;
overflow: hidden;

vertical-align: middle;
}


div.icon.small {
width: 12px;
height: 12px;
}

div.icon.small.favorite {
background-position: 0px 0px;
}

div.icon.small.favorite:hover {
background-position: -12px 0px;
}

div.icon.small.settings {
background-position: -24px 0px;
}

div.icon.small.settings:hover {
background-position: -36px 0px;
}

div.icon.small.close {
background-position: -48px 0px;
}

div.icon.small.close:hover {
background-position: -60px 0px;
}


.like > div.icon {
width: 21px;
height: 22px;
}

.like.positive > div.icon {
background-position: 0px -29px;
}

.like.positive.active > div.icon {
background-position: -22px -29px;
}

.like.negative > div.icon {
background-position: -44px -29px;
}

.like.negative.active > div.icon {
background-position: -66px -29px;
}


div.icon.views {
width: 17px;
height: 11px;

background-position: 0px -52px;
}


/*
Temporary
*/

div#registration div.user_type {
width: 340px;
margin: 0 auto;
}

div#registration div.user_type > div {
margin-top: 10px;
}

div#registration div.user_type > div:first-child {
margin-top: 0;
}

div#registration div.user_type label {
display: inline-block;
}

div#registration div.user_type > div label:first-child {
width: 200px;
}



div#tarif div.login_notice {
margin-top: 16px;

font-size: 13px;
text-align: center;
}


div#tarif table td.text {
position: relative;
}

div#tarif table td.text > a.description {
position: absolute;
top: -10px;
right: 6px;

color: #008EC6;
font-size: 12px;
}

div#tarif table td.text > a.description:hover {
color: #f00;
}


header .logo_button {
display: inline-block;
width: 182px;
line-height: 23px;

/*background: #00aaff;*/
background: #f06b39;
color: #fff;
font-size: 14px;

text-align: center;
text-decoration: none;
}

header .logo_button:hover {
background: #fdb027;
}



div#header ul.user {
margin-top: 14px;
}

div#header ul.user > li {
float: right;
margin-right: 20px;
}

div#header ul.user > li:first-child {
margin-right: 0;
}

div#header ul.user > li.user {
padding-left: 24px;

font-size: 14px;
color: #000;

background: url("/img/header_user_icon.jpg") no-repeat;
}

div#header ul.user > li > a {
font-size: 15px;
font-weight: bold;

text-decoration: none;
border-bottom: 1px dotted;
}

div#header ul.user > li.login > a,
div#header ul.user > li.logout > a {
color: #00a2e8;
}

div#header ul.user > li.login > a:hover,
div#header ul.user > li.logout > a:hover {
color: #008ac6;
}

div#header ul.user > li.registration > a {
color: #1c8e3e;
}

div#header ul.user > li.registration > a:hover {
color: #166b30;
}

div#header ul.user > li.contacts > a {
color: #000;
}

div#header ul.user > li.contacts > a:hover {
color: #4c4c4c;
}


div#header ul.user > li.online {
width: 300px;
margin-right: 0;
padding-top: 14px;

font-size: 10px;
color: #999;
text-align: right;
}


div.form div.row ul.labels {
margin: 8px 0 15px 0;

vertical-align: top;
}

div.form div.row ul.labels > li {
margin-top: 11px;
}

div.form div.row ul.labels > li:first-child {
margin-top: 0;
}

div.form div.row ul.labels > li > span {
display: block;
margin-bottom: 6px;

font-weight: bold;
}

div.form div.row ul.labels > li > div {
float: left;
line-height: 13px;

margin: 0 3px 5px 3px;
padding: 3px 5px;

color: #333;
cursor: pointer;

border: 1px solid #aaaaaa;
-webkit-border-radius: 3px;
border-radius: 3px;

background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0 );
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);

-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);

-webkit-background-clip: padding-box;
background-clip: padding-box;
}



div.tab_container > div.tab_content {
display: none;
}

div.kabinet-content > ul.sections {
margin: 0 0 20px 0;
padding-top: 10px;
}

div.kabinet-content > ul.sections > li > a {
font-size: 15px;
}



div.item-tag {
position: relative;
}

div.item-tag > div.avito_preview {
position: absolute;
left: 18px;
bottom: 12px;

color: #f00;

-webkit-animation: blink 2.5s linear infinite;
animation: blink 2.5s linear infinite;
}

div.item-tag > div.avito_preview > b {
font-size: 14px;
}

div.item-tag > div.avito_preview > a {
color: inherit !important;
}

@-webkit-keyframes blink {
  50% {color: rgba(255,0,0,1);}
  51% {color: rgba(255,0,0,0);}
  100% {color: rgba(255,0,0,0);}
}

@keyframes blink {
  50% {color: rgba(255,0,0,1);}
  51% {color: rgba(255,0,0,0);}
  100% {color: rgba(255,0,0,0);}
}



div.tab_content.publish ul.fields > li {
margin-top: 10px;
}

div.tab_content.publish ul.fields > li:first-child {
margin-top: 0;
}

div.tab_content.publish ul.fields > li > div {
float: left;

font-weight: bold;
font-size: 17px;
}

div.tab_content.publish ul.fields > li > div.name {
width: 200px;

text-align: right;
}

div.tab_content.publish ul.fields > li > div.value {
position: relative;

margin-left: 20px;
width: 480px;
}


div.tab_content.publish ul.fields select {
width: 200px;
}

div.tab_content.publish ul.fields input[type="text"],
div.tab_content.publish ul.fields input[type="password"] {
width: 200px;
}

div.tab_content.publish ul.fields textarea {
width: 400px;
height: 80px;
}

div.tab_content.publish ul.fields input[type="submit"] {
padding: 6px 12px;

font: 12px "hnm";
background: #0178b8;
color: #fff;
}


div.tab_content.publish div.hint {
display: inline-block;
position: relative;

cursor: default;
}

div.tab_content.publish div.hint:before {
position: absolute;
top: 0;
left: 0;

width: 19px;
height: 19px;

content: "?";

background: #0178b8;
color: #fff;
text-align: center;
font: 15px "hnm";

-webkit-border-radius: 19px;
border-radius: 19px;
}

div.tab_content.publish div.hint > span {
display: none;
position: absolute;
top: 9px;
left: 36px;
z-index: 1;

width: 260px;
padding: 10px;

background: rgba(0,0,0,0.85);
color: #fff;
font: 13px "hnr";
text-align: left;
}

div.tab_content.publish div.hint > span:before {
position: absolute;
top: 0;
left: -16px;

border: 8px solid rgba(0,0,0,0.85);
border-left-color: transparent;
border-bottom-color: transparent;

content: "";
}

div.tab_content.publish div.hint:hover > span {
display: block;
}


div.tab_content.publish h3 div.hint {
position: absolute;
margin: 7px 0 0 7px;
}

div.tab_content.publish ul.fields div.hint {
position: absolute;
margin: 3px 0 0 8px;
}


/*
Element: sections
*/

ul.sections > li {
float: left;
margin-left: 13px;
}

ul.sections > li:first-child {
margin-left: 0;
}

ul.sections > li > a {
font: 13px "hnr";
color: #2b74e1;

text-decoration: none;
border-bottom: 1px dotted;
}

ul.sections > li > a:hover {
color: #f00;
}

ul.sections > li > a.active {
border-bottom: 1px solid;
}



/* 
Class: window 
*/

div.ui-dialog.window {
background: none;
border: none;
border-radius: 0;
}

div.ui-dialog.window {
overflow: visible;
}

div.ui-dialog.window .ui-dialog-titlebar {
position: absolute;
top: 0;
right: 0;


border: none;
background: none;
}

div.ui-dialog.window .ui-dialog-titlebar > span.ui-dialog-title {
display: none;
}


div.ui-dialog.window .ui-dialog-titlebar .ui-dialog-titlebar-close {
position: absolute;
z-index: 1;

display: block;
margin: 0;
padding: 0;
width: 0;
height: 0;

background: none;
border: none;
box-shadow: none;
text-shadow: none;
opacity: 1;
}

div.ui-dialog.window .ui-dialog-titlebar a.ui-dialog-titlebar-close {
top: 12px;
right: 25px;
}

div.ui-dialog.window .ui-dialog-titlebar button.ui-dialog-titlebar-close {
top: 5px;
right: 25px;
}

div.ui-dialog.window .ui-dialog-titlebar .ui-dialog-titlebar-close > span {
display: none;
}

div.ui-dialog.window .ui-dialog-titlebar .ui-dialog-titlebar-close:after {
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #999;

content: "×";
}

div.ui-dialog.window .ui-dialog-titlebar .ui-dialog-titlebar-close:hover:after {
color: #777;
}


div.ui-dialog.window .ui-dialog-content {
padding: 36px;

font: 14px "hnm";
background: #fff;

border: 1px solid #999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

div.ui-dialog.window input[type="text"],
div.ui-dialog.window textarea {
border: 1px solid #ABADB3;
color: #555;
}

div.ui-dialog.window input[type="text"] {
width: 180px;
margin-right: 5px;
padding: 3px 5px;

outline: none;
}

div.ui-dialog.window input[type="text"]:focus {
webkit-box-shadow: 0px 0px 3px 0px #0CF;
-moz-box-shadow: 0px 0px 3px 0px #0CF;
-ms-box-shadow: 0px 0px 3px 0px #0CF;
-o-box-shadow: 0px 0px 3px 0px #0CF;
box-shadow: 0px 0px 3px 0px #0CF;
}



div.ui-dialog.window .ui-dialog-content button {
height: 24px;

margin: 4px 0;
padding: 0 9px;
font-size: 11px;
background-color: #fff;
color: #575757;
border: 1px solid #a3a8ac;

vertical-align: top;

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

background-image: linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%);
background-image: -o-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%);
background-image: -moz-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(241,241,241)), color-stop(1, rgb(255,255,255)));

-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);

cursor: pointer;
}

div.ui-dialog.window .ui-dialog-content button:hover {
background: #f1f1f1;
}

div.ui-dialog.window .ui-dialog-content button:active {
background: #e6e6e6;
}


/* 
Window: loading
*/

div.ui-dialog.window > div.loading {
background-image: url("/img/loading.gif");
background-position: center center;
background-repeat: no-repeat;
}


/* 
Window: advert_phone
*/

div.ui-dialog.window > div.advert_phone > div {
width: 440px;
}


div.ui-dialog.window > div.advert_phone .is_redirect {
margin-bottom: 24px;

font-family: "hnb";
font-size: 20px;
color: #f44336;
text-align: center;
}


div.ui-dialog.window > div.advert_phone .photo {
float: left;

width: 70px;
height: 70px;
line-height: 70px;

-webkit-border-radius: 70px;
border-radius: 70px;

text-align: center;

overflow: hidden;
}

div.ui-dialog.window > div.advert_phone .photo img {
max-width: 100%;
}

div.ui-dialog.window > div.advert_phone .photo span {
display: block;
width: inherit;
height: inherit;
line-height: inherit;

font-family: "hnm";
font-size: 36px;
font-weight: bold;
color: #fff;
text-transform: uppercase;

background: #777;
}

div.ui-dialog.window > div.advert_phone .photo span[data-background="1"] {
background: #fe0184;
}

div.ui-dialog.window > div.advert_phone .photo span[data-background="2"] {
background: #024886;
}

div.ui-dialog.window > div.advert_phone .photo span[data-background="3"] {
background: #ca0404;
}

div.ui-dialog.window > div.advert_phone .photo span[data-background="4"] {
background: #f7b409;
}

div.ui-dialog.window > div.advert_phone .photo span[data-background="5"] {
background: #77ba43;
}

div.ui-dialog.window > div.advert_phone .photo span[data-background="6"] {
background: #b2704a;
}

div.ui-dialog.window > div.advert_phone .photo span[data-background="7"] {
background: #564885;
}

div.ui-dialog.window > div.advert_phone .photo span[data-background="8"] {
background: #509cee;
}

div.ui-dialog.window > div.advert_phone .photo span[data-background="9"] {
background: #fe6601;
}


div.ui-dialog.window > div.advert_phone .info {
float: left;
margin-left: 45px;

width: 325px;
}

div.ui-dialog.window > div.advert_phone .profile .phone {
position: relative;
display: block;

font-family: "hnt";
font-size: 30px;
color: #000;
}

div.ui-dialog.window > div.advert_phone .profile .phone i {
position: absolute;
top: 6px;
right: 0;

display: block;
padding-left: 23px;

background: url("style/icon_view.png") no-repeat left center;

font-family: "hnt";
font-size: 17px;
font-style: normal;
color: #868786;
}

div.ui-dialog.window > div.advert_phone .profile .name {
display: block;
margin-top: 7px;

font-family: "hnt";
font-size: 23px;
color: #8c8b8b;

white-space: nowrap;
overflow: hidden;
}

div.ui-dialog.window > div.advert_phone .profile .name u {
display: inline-block;
line-height: 20px;

text-decoration: none;
border-bottom: 1px solid;
}


div.ui-dialog.window > div.advert_phone .check {
margin-top: 22px;
}

div.ui-dialog.window > div.advert_phone .check .status_icon {
float: left;
width: 70px;
height: 70px;

background-repeat: no-repeat;
}

div.ui-dialog.window > div.advert_phone .check[data-type="checked"] .status_icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%225%205%2038%2038%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%3Ccircle%20style%3D%22fill%3A%23C8E6C9%3B%22%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2219%22%2F%3E%3Cpolygon%20style%3D%22fill%3A%234CAF50%3B%22%20points%3D%2234.585%2C14.586%2021.014%2C28.172%2015.413%2C22.584%2012.587%2C25.416%2021.019%2C33.828%2037.415%2C17.414%20%22%2F%3E%3C%2Fsvg%3E");
}

div.ui-dialog.window > div.advert_phone .check[data-type="not_checked"] .status_icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%225%205%2038%2038%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%3Ccircle%20style%3D%22fill%3A%23F44336%3B%22%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2219%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2214%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%2024%20-9.9411)%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%224%22%20height%3D%2220%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2214%22%20transform%3D%22matrix(-0.7071%200.7071%20-0.7071%20-0.7071%2057.9411%2024)%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%224%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E");
}

div.ui-dialog.window > div.advert_phone .check[data-type="not_called"] .status_icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%226%206%2036%2036%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%3Cpath%20fill%3D%22%23D50000%22%20d%3D%22M24%2C6C14.1%2C6%2C6%2C14.1%2C6%2C24s8.1%2C18%2C18%2C18s18-8.1%2C18-18S33.9%2C6%2C24%2C6z%20M24%2C10c3.1%2C0%2C6%2C1.1%2C8.4%2C2.8L12.8%2C32.4%20C11.1%2C30%2C10%2C27.1%2C10%2C24C10%2C16.3%2C16.3%2C10%2C24%2C10z%20M24%2C38c-3.1%2C0-6-1.1-8.4-2.8l19.6-19.6C36.9%2C18%2C38%2C20.9%2C38%2C24C38%2C31.7%2C31.7%2C38%2C24%2C38%20z%22%2F%3E%3C%2Fsvg%3E");
}

div.ui-dialog.window > div.advert_phone .check[data-type="archive"] .status_icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%224%204%2040%2040%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%3Ccircle%20fill%3D%22%2300ACC1%22%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2220%22%2F%3E%3Ccircle%20fill%3D%22%23EEEEEE%22%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2216%22%2F%3E%3Cg%3E%3Crect%20x%3D%2223%22%20y%3D%2211%22%20width%3D%222%22%20height%3D%2213%22%2F%3E%3Crect%20x%3D%2226.1%22%20y%3D%2222.7%22%20transform%3D%22matrix(-0.7071%200.7071%20-0.7071%20-0.7071%2065.7873%2027.25)%22%20width%3D%222.3%22%20height%3D%229.2%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3Ccircle%20fill%3D%22%2300ACC1%22%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E");
}

div.ui-dialog.window > div.advert_phone .check .status {
display: block;
margin-top: 6px;

font-family: "hnm";
font-size: 21px;
}

div.ui-dialog.window > div.advert_phone .check[data-type="checked"] .status {
color: #4caf50;
}

div.ui-dialog.window > div.advert_phone .check[data-type="not_checked"] .status {
color: #f44336;
}

div.ui-dialog.window > div.advert_phone .check[data-type="not_called"] .status {
color: #d50000;
}

div.ui-dialog.window > div.advert_phone .check[data-type="archive"] .status {
color: #00acc1;
}

div.ui-dialog.window > div.advert_phone .check .time {
display: block;
margin-top: 7px;

font-family: "hnt";
font-size: 21px;
color: #686868;
}


div.ui-dialog.window > div.advert_phone .likes {
margin-top: 35px;
}

div.ui-dialog.window > div.advert_phone .likes > span {
display: block;
float: left;
margin-right: 15px;

font-family: "hnm";
font-size: 20px;
color: #706e6e;
}

div.ui-dialog.window > div.advert_phone .likes > div {
display: block;
float: left;
margin-left: 20px;
}

div.ui-dialog.window > div.advert_phone .likes .icon {
position: relative;
margin-right: 5px;

cursor: pointer;
}

div.ui-dialog.window > div.advert_phone .likes .positive .icon {
top: -5px;
}

div.ui-dialog.window > div.advert_phone .likes .negative .icon {
top: 2px;
}

div.ui-dialog.window > div.advert_phone .likes > div span {
font-family: "hnt";
font-size: 17px;
color: #000;
}

div.ui-dialog.window > div.advert_phone .likes > div.positive.active span {
color: #43a047;
}

div.ui-dialog.window > div.advert_phone .likes > div.negative.active span {
color: #a43c3c;
}


/* 
Window: description
*/

div.ui-dialog.window > div.description {
line-height: 1.3;
text-align: justify;
}


/* 
Window: request_call
*/

div.ui-dialog.window > div.request_call > div {
width: 400px;
}

div.ui-dialog.window > div.request_call > div > span {
display: block;
margin-top: 19px;	

font-size: 14px;
color: #777;
}

div.ui-dialog.window > div.request_call > div > span > b {
font-size: 18px;
}


/* 
Window: add_subuser
*/

div.ui-dialog.window > div.add_subuser > span {
display: block;
margin-top: 19px;	

font-size: 11px;
color: #777;
}


/* 
Window: confirm_subuser
*/

div.ui-dialog.window > div.confirm_subuser > span {
display: block;
margin-top: 19px;	

font-size: 11px;
color: #777;
}


/* 
Window: subuser_limitations
*/

div.ui-dialog.window > div.subuser_limitations > form > ul > li {
float: left;
margin-left: 10px;

text-align: center;
font-size: 11px;
color: #777;
}

div.ui-dialog.window > div.subuser_limitations > form > ul > li:first-child {
margin-left: 0;
}

div.ui-dialog.window > div.subuser_limitations > form > select {
width: 50px;
height: 24px;

border: 1px solid #bbb;
}


div.ui-dialog.window > div.subuser_limitations > span {
display: block;
margin-top: 19px;	

font-size: 11px;
color: #777;
}


/* 
Window: advert
*/

div.ui-dialog.window > div.advert {
padding: 15px 20px;

font-family: "hnr";
font-size: 14px;
color: #000;

overflow: visible;
}


div.ui-dialog.window > div.advert > ul.actions {
margin: 0;
padding: 0;
list-style: none;
}

div.ui-dialog.window > div.advert > ul.actions > li {
float: left;
margin-left: 9px;
padding-left: 9px;

line-height: 12px;

border-left: 1px solid #5f48dd;

font-size: 13px;
color: #000;
}

div.ui-dialog.window > div.advert > ul.actions > li:first-child {
margin-left: 0;
padding-left: 0;

border-left: none;
}

div.ui-dialog.window > div.advert > ul.actions > li a {
color: #3f48cc;

text-decoration: none;
border-bottom: 1px dotted;
}

div.ui-dialog.window > div.advert > ul.actions > li a:hover {
color: #f00;
}



div.ui-dialog.window > div.advert > div.info {
margin-top: 21px;
}

div.ui-dialog.window > div.advert > div.info > div.left {
float: left;
width: 189px;
}

div.ui-dialog.window > div.advert > div.info > div.left > div.cost {
font-size: 24px;
}

div.ui-dialog.window > div.advert > div.info > div.left > div.cost > span {
display: inline-block;
width: 0.4em;
line-height: 5px;

font-size: 18px ;

border-bottom: 1px solid #000;
}

div.ui-dialog.window > div.advert > div.info > div.left > span.type {
display: block;
margin: 1px 0 3px 0;

font-weight: bold;
}

div.ui-dialog.window > div.advert > div.info > div.left > ul {
margin-top: 4px;
}

div.ui-dialog.window > div.advert > div.info > div.left > ul > li {
color: #7f7f7f;
font-size: 11px;
font-weight: bold;
}



div.ui-dialog.window > div.advert > div.info > div.right {
float: left;
width: 679px;
}

div.ui-dialog.window > div.advert > div.info > div.right > ul.info > li {
margin-top: 9px;
}

div.ui-dialog.window > div.advert > div.info > div.right > ul.info > li:first-child {
margin-top: 0;
}

div.ui-dialog.window > div.advert > div.info > div.right > ul.info > li.address {
font-weight: bold;
}

div.ui-dialog.window > div.advert > div.info > div.right > ul.info > li.comment textarea {
width: 677px;
height: 50px;
}

div.ui-dialog.window > div.advert > div.info > div.right > ul.info > li.comment input[type="submit"] {
float: none;
margin-left: 0;
}

div.ui-dialog.window > div.advert > div.info > div.right > ul.info > li.comment a {
font-size: 13px;
color: #3f48cc;
}

div.ui-dialog.window > div.advert > div.info > div.right > ul.info > li.comment a.comment_delete {
color: #f00;
}

div.ui-dialog.window > div.advert > div.info > div.right > ul.info > li.comment a:hover {
color: #f00;
}


div.ui-dialog.window > div.advert > div.info > div.right > ul.bottom {
margin-top: 18px;
}

div.ui-dialog.window > div.advert > div.info > div.right > ul.bottom > li {
float: left;
padding-right: 6px;
margin-right: 6px;

line-height: 13px;

border-right: 2px solid #000;

font-size: 13px;
font-weight: bold;
}

div.ui-dialog.window > div.advert > div.info > div.right > ul.bottom > li:first-child {
border-right: none;
margin-right: 40px;
}

div.ui-dialog.window > div.advert > div.info > div.right > ul.bottom > li:last-child {
padding-right: 0;
margin-right: 0;

border-right: none;
}

div.ui-dialog.window > div.advert > div.info > div.right > ul.bottom > li a {
color: #3f48cc;

text-decoration: none;
border-bottom: 1px dotted;
}

div.ui-dialog.window > div.advert > div.info > div.right > ul.bottom > li a:hover {
color: #f00;
}

div.ui-dialog.window > div.advert > div.info > div.right > ul.bottom > li a.comment_add {
text-decoration: none;
border-bottom: 1px dotted;
}

div.ui-dialog.window > div.advert > div.info > div.right > ul.bottom > li.status {
color: #3d7400;
}

div.ui-dialog.window > div.advert > div.info > div.right > ul.bottom > li.status.checked {
color: #167432;
}



div.ui-dialog.window > div.advert > ul.media {
margin-top: 8px;
}

div.ui-dialog.window > div.advert > ul.media > li {
float: left;
height: 320px;
}

div.ui-dialog.window > div.advert > ul.media > li.slider {
width: 393px;
}

div.ui-dialog.window > div.advert > ul.media > li.slider ul#imageGallery img {
width: 393px;
height: 237px;
}


div.ui-dialog.window > div.advert > ul.media > li.map {
float: right;
width: 400px;
}

div.ui-dialog.window > div.advert > ul.media > li.map.extended {
width: 868px;
}


div.ui-dialog.window > div.advert a.disabled {
color: #999 !important;
}

div.ui-dialog.window > div.advert a.disabled:hover {
color: #777 !important;
}



div.ui-dialog.window > div.navigation_button {
position: absolute;
top: 250px;

width: 50px;
height: 50px;

background: url("/img/window_navigation_button_background.png");

cursor: pointer;
}

div.ui-dialog.window > div.navigation_button.left {
left: -90px;
background-position: -50px 0px;
}

div.ui-dialog.window > div.navigation_button.left:hover {
background-position: -50px 50px;
}

div.ui-dialog.window > div.navigation_button.right {
right: -90px;
background-position: 0px 0px;
}

div.ui-dialog.window > div.navigation_button.right:hover {
background-position: 0px -50px;
}


div.ui-dialog.window > div.header {
position: absolute;
top: -30px;

width: inherit;

text-align: center;
}



/* 
Window: notice_free_phones
*/

div.ui-dialog.window > div.notice_free_phones {
line-height: 22px;
font-size: 16px;
}

div.ui-dialog.window > div.notice_free_phones > span.header {
display: block;
margin-bottom: 29px;

font-size: 26px;
font-weight: bold;
}

div.ui-dialog.window > div.notice_free_phones > span.note {
display: block;
margin-top: 29px;
line-height: normal;

font-size: 13px;
color: #777;
}


/*
Search
*/

ul.search input[type="text"] {
padding: 3px 5px 4px 5px;

border: 1px solid #a9a9a9;
}


ul.search {
height: 730px;
}

ul.search > li {
height: inherit;
}


ul.search > li.left {
width: 639px;

background: #fff;
}

ul.search > li.left > ul.sections {
margin: 3px 0 14px 0;
}

ul.search > li.left > ul.sections > li > a {
color: #c3c3c3;
}

ul.search > li.left:hover > ul.sections > li > a {
color: #2b74e1;
}

ul.search > li.left:hover > ul.sections > li > a:hover {
color: #f00;
}


ul.search > li.left > div {
display: none;
}



ul.search > li.left > div.stations {
position: relative;
padding-top: 20px;
}


ul.search > li.left > div.stations > div > ul.select {
position: absolute;
z-index: 1;
top: -6px;
right: -15px;

font: 11px "hnr";
color: #7f7f7f;
}

ul.search > li.left > div.stations > div > ul.select > li {
margin-top: 9px;
}

ul.search > li.left > div.stations > div > ul.select > li:first-child {
margin-top: 0;
}

ul.search > li.left > div.stations > div > ul.select > li > ul > li {
float: left;
margin-left: 9px;
}

ul.search > li.left > div.stations > div > ul.select > li > ul > li:first-child {
margin-left: 0;
}

ul.search > li.left > div.stations > div > ul.select a {
color: #c3c3c3;
text-decoration: none;
border-bottom: 1px dotted;
}

ul.search > li.left:hover > div.stations > div > ul.select a {
color: #2b74e1;
}

ul.search > li.left > div.stations > div > ul.select a:hover {
color: #f00;
}



ul.search > li.left > div.universal > div.info {
padding: 13px;

border: 1px solid #efefef;

font: 13px "hnr";
color: #7f7f7f;
}


ul.search > li.left > div.universal > form {
padding: 10px;
}

ul.search > li.left > div.universal > form > input[type="text"] {
width: 605px;
padding: 5px 4px;

border: 3px solid #7f7f7f;
}

.ui-menu .ui-menu-item a {
border-radius: 0;

border: 1px solid #7f7f7f;
background: #fff;

cursor: pointer;
}

.ui-menu .ui-menu-item a:hover {
top: 0;
left: 0;

background: #f0f0f0;
}


ul.search > li.left > div.universal > form > div.list {
margin: 18px 0;

font: 13px "hnr";
color: #000;
}

ul.search > li.left > div.universal > form > div.list > div {
display: inline-block;
position: relative;

margin: 3px;
padding: 1px 19px 2px 2px;

border: 1px solid #efefef;
background: #f9fafb;

cursor: pointer;
}

ul.search > li.left > div.universal > form > div.list > div:hover {
background: #efefef;
}

ul.search > li.left > div.universal > form > div.list > div:after {
position: absolute;
top: 1px;
right: 5px;

font-size: 13px;
font-family: Arial, Helvetica, sans-serif;

content: "x";
}


ul.search > li.left > div.universal > form > div.button {
display: inline-block;

width: 118px;
line-height: 28px;

border: 1px solid #efefef;
background: #f9fafb;

text-align: center;

cursor: pointer;
}

ul.search > li.left > div.universal > form > div.button.submit {
color: #22b14c;
}

ul.search > li.left > div.universal > form > div.button.clear {
color: #ed1c24;
}

ul.search > li.left > div.universal > form > div.button > span {
font: 13px "hnr";

border-bottom: 1px dotted;
}

ul.search > li.left > div.universal > form > div.button:hover > span {
border-bottom: 1px solid;
}



ul.search > li.left > div.map > ul {
display: none;
margin-bottom: 22px;
}

ul.search > li.left > div.map > ul > li {
position: relative;
float: left;
margin: 4px;
padding: 4px 26px 5px 10px;

border: 1px solid #c8c8c8;
border-radius: 2px;

cursor: pointer;
}

ul.search > li.left > div.map > ul > li > i {
display: inline-block;
position: relative;
top: 3px;
margin-right: 7px;

width: 14px;
height: 14px;

background: url("style/map_search_polygon_icon.png");
}

ul.search > li.left > div.map > ul > li > span {
font-size: 14px;
color: #000;
}

ul.search > li.left > div.map > ul > li > div.close {
display: block;
position: absolute;
right: 4px;
top: 0px;

color: #999;

cursor: pointer;
}

ul.search > li.left > div.map > ul > li > div.close:hover {
color: #777;
}

ul.search > li.left > div.map > ul > li > div.close:after {
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;

content: "×";
}


ul.search > li.left > div.map > div.wrap {
height: 600px;
}



ul.search > li.filters {
float: right;
width: 299px;

/*margin-left: 9px;*/

font: 13px "hnr";

background: url("/img/content_right_bg.png") center top;
}

ul.search > li.filters > form {
padding: 10px;
}

ul.search > li.filters > form > div {
margin-top: 10px;
padding-top: 10px;

font-size: 14px;

background: url("/img/c_r_border.png") top center repeat-x;
}

ul.search > li.filters > form > div:first-child {
margin-top: 0;
padding-top: 0;

background: none;
}

ul.search > li.filters > form > div h4 {
margin-bottom: 5px;
font: 15px/20px "hnm";
}


ul.search > li.filters > form > div.numbers input {
width: 266px;
}


ul.search > li.filters > form > div.general > div.period {
float: left;
width: 149px;
}

ul.search > li.filters > form > div.general > div.with_photos {
float: right;
width: 109px;
}


ul.search > li.filters > form > div.cost {
font: 15px "hnr";
}


ul.search > li.filters > form > div.availability > h4 {
margin-top: 11px;
}

ul.search > li.filters > form > div.availability > h4:first-child {
margin-top: 0;
}

ul.search > li.filters > form > div.availability > label {
display: block;
padding: 3px 5px;
margin: 0px;
font: 14px/20px "hnr";
vertical-align: bottom;
}

ul.search > li.filters > form > div.availability > label:hover {
background: #b7e8ef;
}

ul.search > li.filters > form > div.availability > label > input {
margin-right: 5px;
}


ul.search > li.filters > form > div.numbers > div,
ul.search > li.filters > form > div.words > div {
line-height: 22px;
}

ul.search > li.filters > form > div.numbers > div > span,
ul.search > li.filters > form > div.words > div > span {
float: left;
}

ul.search > li.filters > form > div.numbers > div > input,
ul.search > li.filters > form > div.words > div > input {
float: left;
width: 180px;
}

ul.search > li.filters > form > div.numbers > div > a,
ul.search > li.filters > form > div.words > div > a {
float: right;

font-size: 12px;
color: #2b74e1;

text-decoration: none;
border-bottom: 1px dotted;
}

ul.search > li.filters > form > div.numbers > div > a:hover,
ul.search > li.filters > form > div.words > div > a:hover {
color: #f00;
}

ul.search > li.filters > form > div.numbers > ul,
ul.search > li.filters > form > div.words > ul {
margin-top: 5px;
}

ul.search > li.filters > form > div.numbers > ul:empty,
ul.search > li.filters > form > div.words > ul:empty {
display: none;
}

ul.search > li.filters > form > div.numbers > ul > li,
ul.search > li.filters > form > div.words > ul > li {
float: left;
margin: 1px 3px;
}

ul.search > li.filters > form > div.numbers > ul > li a,
ul.search > li.filters > form > div.words > ul > li a {
margin-left: 1px;

font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
}

ul.search > li.filters > form > div.numbers > ul > li a:hover,
ul.search > li.filters > form > div.words > ul > li a:hover {
color: #f00;
}


ul.search > li.filters > form .metro_distance {
display: none;
}

ul.search > li.filters > form .metro_distance input {
width: 120px;
}


ul.search > li.filters > form > div.status > ul:first-child > li {
float: right;
width: 129px;
}

ul.search > li.filters > form > div.status > ul:first-child > li:first-child {
float: left;
}


ul.search > li.filters > form > div.details li {
margin-top: 8px;
}

ul.search > li.filters > form > div.details li:first-child {
margin-top: 0;
}


ul.search > li.filters > form > div.date > ul > li input,
ul.search > li.filters > form > div.details > ul > li input {
width: 120px;
}


ul.search > li.filters > form > div.control > ul > li {
float: right;
line-height: 30px;
}

ul.search > li.filters > form > div.control > ul > li:first-child {
float: left;
width: 86px;

text-align: center;
}

ul.search > li.filters > form > div.control > ul > li a {
color: #2b74e1;
text-decoration: none;
border-bottom: 1px dotted;
}

ul.search > li.filters > form > div.control > ul > li a:hover {
color: #f00;
}

ul.search > li.filters > form > div.control > ul > li input[type="submit"] {
padding: 6px 7px 6px 7px;

font: 15px "hnr";
color: #000;

border: 1px solid #a0a0a0;
-webkit-border-radius: 2px;
border-radius: 2px;

cursor: pointer;

background: #f6f6f6;
background: -moz-linear-gradient(top,  #f6f6f6 0%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top,  #f6f6f6 0%,#dddddd 100%);
background: -o-linear-gradient(top,  #f6f6f6 0%,#dddddd 100%);
background: -ms-linear-gradient(top,  #f6f6f6 0%,#dddddd 100%);
background: linear-gradient(to bottom,  #f6f6f6 0%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dddddd',GradientType=0 );
}

ul.search > li.filters > form > div.control > ul > li input[type="submit"]:hover {
background: #dddddd;
}



/*
Adverts free, right column
*/

ul.search > li.adverts_free {
position: relative;
float: right;

width: 74px;

margin-left: 3px;

background: #f7f7fa;
}

ul.search > li.adverts_free > div {
position: absolute;
top: 7px;
right: -8px;

padding: 2px 5px;

font-size: 13px;
color: #fff;

background: #fdb027;
background: -moz-linear-gradient(top, #fdb027 0%, #f06b39 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdb027), color-stop(100%,#f06b39));
background: -webkit-linear-gradient(top, #fdb027 0%,#f06b39 100%);
background: -o-linear-gradient(top, #fdb027 0%,#f06b39 100%);
background: -ms-linear-gradient(top, #fdb027 0%,#f06b39 100%);
background: linear-gradient(to bottom, #fdb027 0%,#f06b39 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdb027', endColorstr='#f06b39',GradientType=0);

-webkit-box-shadow: 0px 2px 5px 0px rgba(152, 100, 63, 0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(152, 100, 63, 0.75);
box-shadow: 0px 2px 5px 0px rgba(152, 100, 63, 0.75);
}

ul.search > li.adverts_free > div:after {
position: absolute;
right: 0px;
bottom: -8px;

width: 0;
height: 0;

content: " ";

border-width: 4px 4px;
border-style: solid;
border-color: #98643f transparent transparent #98643f;
}


ul.search > li.adverts_free > ul {
}

ul.search > li.adverts_free > ul > li {
margin: 9px 3px 0 3px;
padding-top: 9px;

line-height: 13px;

border-top: 1px dashed #c3c3c3;

font-size: 11px;
color: #000;
}

ul.search > li.adverts_free > ul > li:first-child {
margin-top: 37px;
padding-top: 0;

border-top: none;
}

ul.search > li.adverts_free > ul > li > span {
display: inline-block;
width: 0.4em;
line-height: 3px;

border-bottom: 1px solid #000;
}

ul.search > li.adverts_free > ul > li > a:hover {
color: #f00;
}


/*
Element: show phone
*/

a.show_phone {
position: relative;
}

a.show_phone.redirect {
color: #c00;
}


a.show_phone > span {
position: absolute;
top: 0;
right: 0;
margin-top: 2px;

width: 0px;
height: 100%;
line-height: 100%;
}

a.show_phone > span > i {
display: block;
/*width: 2em;*/
margin-left: 5px;
padding-left: 20px;

background: url("style/icon_views.png") no-repeat left center;

font-style: normal;
color: #3f48cc;
}


/*
Element: notifications
*/

body > div.notifications {
position: fixed;
z-index: 100;
pointer-events: none;

left: 15px;
bottom: 15px;

width: 350px;
height: 100%;
overflow: hidden;
}

body > div.notifications > div {
position: absolute;
pointer-events: visible;

padding: 6px;

border: 1px solid #bebebe;
background: #fff;

cursor: pointer;
}

/*body > div.notifications > div.rent {
background: #f0fff0;
}

body > div.notifications > div.hire {
background: #fff0f0;
}

body > div.notifications > div.sale {
background: #f0f0ff;
}

body > div.notifications > div.purchase {
background: #fffff0;
}*/

body > div.notifications > div.rent > div.main > div.description:before {
content: "Сдам, ";
}

body > div.notifications > div.hire > div.main > div.description:before {
content: "Сниму, ";
}

body > div.notifications > div.sale > div.main > div.description:before {
content: "Продам, ";
}

body > div.notifications > div.purchase > div.main > div.description:before {
content: "Куплю, ";
}


body > div.notifications > div > div {
float: left;
}

body > div.notifications > div > div.image {
position: relative;
width: 65px;
height: 65px;

text-align: center;
overflow: hidden;
}

body > div.notifications > div > div.image > img {
height: inherit;
}

body > div.notifications > div > div.image > span {
position: absolute;
display: block;
right: 0;
bottom: 0;

width: 18px;
line-height: 18px;

background: rgba(0,0,0,0.8);
color: #fff;
font-size: 12px;
text-align: center;
}


body > div.notifications > div > div.main {
position: relative;

margin: 0 0 0 15px;
width: 240px;

white-space: nowrap;
overflow: hidden;
}

body > div.notifications > div > div.main > div.cost {
font-size: 16px;
color: #00a4e6;
}

body > div.notifications > div > div.main > div.cost > span {
display: inline-block;
width: 0.4em;
line-height: 5px;

border-bottom: 1px solid #00a4e6;
}

body > div.notifications > div > div.main > div.description {
margin-top: 9px;

font-size: 13px;
color: #000;
}

body > div.notifications > div > div.main > div.address {
margin-top: 9px;

font-size: 14px;
color: #00a4e6;
}


body > div.notifications > div > div.main > div.controls {
position: absolute;
top: 0;
right: 0;
}

body > div.notifications > div > div.main > div.controls {
position: absolute;
top: 0;
right: 0;
}

body > div.notifications > div > div.main > div.controls > a {
margin-left: 3px;
}

body > div.notifications > div > div.main > div.controls > a:first-child {
margin-left: 0;
}


/*
Element: offer
*/

div.offer {
width: 1024px;
margin: 0px auto 8px auto;

background: #fff;
border: 1px solid #e6e6e6;

-webkit-box-shadow: 0 0 2px 1px #f4f4f4;
box-shadow: 0 0 2px 1px #f4f4f4;
}

div.offer > ul.wrap {
height: 103px;
}

div.offer > ul.wrap > li {
float: left;
}

div.offer > ul.wrap > li:last-child {
float: right;
}


div.offer > ul.wrap > li.discount {
width: 122px;
}

div.offer > ul.wrap > li.discount > div {
margin: 5px 0 0 9px;

width: 90px;
height: 90px;

background: url("style/offer_discount.png") no-repeat center center;

font: 15px "hnm";
color: #fff;
text-align: center;
overflow: hidden;
}

div.offer > ul.wrap > li.discount > div > div {
margin-top: 22px;
}

div.offer > ul.wrap > li.discount > div > div > span {
font-size: 20px;
}


div.offer > ul.wrap > li.info {
width: 614px;
}

div.offer > ul.wrap > li.info > span {
display: block;
margin-top: 10px;

font: 19px "hnr";
color: #000;
}

div.offer > ul.wrap > li.info > ul {
margin-top: 4px;
}

div.offer > ul.wrap > li.info > ul > li {
float: left;
line-height: 31px;
}

div.offer > ul.wrap > li.info > ul > li:last-child {
float: right;
}

div.offer > ul.wrap > li.info > ul > li.more a {
position: relative;

font: 15px "hnr";
color: #f33;
text-decoration: none;

border-bottom: 1px dotted;
}

div.offer > ul.wrap > li.info > ul > li.more a:hover {
border-bottom-style: dashed;
}

div.offer > ul.wrap > li.info > ul > li.more a:after {
position: absolute;
top: 4px;
right: -12px;

font-size: 10px;
content: "▼";
}

div.offer > ul.wrap > li.info > ul > li.more a.active:after {
top: 3px;
content: "▲";
}

div.offer > ul.wrap > li.info > ul > li.price {
margin-left: 25px;

font: 27px "hnr";
color: #000;
text-decoration: line-through;
}

div.offer > ul.wrap > li.info > ul > li.buy button {
width: 200px;
height: 31px;
line-height: 31px;

font: 19px "hnm";
color: #fff;
text-align: center;
background: #28d75c;

-webkit-border-radius: 2px;
border-radius: 2px;

cursor: pointer;
}

div.offer > ul.wrap > li.info > ul > li.buy button:hover {
background: #36e169;
}

div.offer > ul.wrap > li.info > ul > li.buy button:focus {
outline: 0;
}


div.offer > ul.wrap > li.timer {
margin-right: 17px;
}

div.offer > ul.wrap > li.timer > span {
display: block;
margin-top: 13px;

font: 16px "hnr";
color: #000;
text-align: center;
}

div.offer > ul.wrap > li.timer > ul {
margin-top: 10px;
}

div.offer > ul.wrap > li.timer > ul > li {
float: left;
width: 53px;

text-align: center;
}

div.offer > ul.wrap > li.timer > ul > li > div {
position: relative;
width: 37px;
height: 34px;
line-height: 34px;

margin-left: 8px;
padding-top: 0;

font-family: "hnm";
font-size: 22px;
font-weight: bold;
color: #fff;
text-align: center;

background: #000000;
background: -moz-linear-gradient(top, #000000 50%, #353535 50%);
background: -webkit-linear-gradient(top, #000000 50%,#353535 50%);
background: linear-gradient(to bottom, #000000 50%,#353535 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#353535',GradientType=0);

-webkit-border-radius: 3px;
border-radius: 3px;
}

div.offer > ul.wrap > li.timer > ul > li > span {
display: block;
margin-top: 8px;

font: 12px "hnr";
color: #9b9b9b;
}


div.offer > div.info {
display: none;
}

div.offer > div.info > div {
padding: 34px 17px 24px 17px;
line-height: 20px;

font-family: "hnr";
font-size: 14px;
color: #7f7f7f;
}

div.offer > div.info > div > div {
padding-left: 15px;
}


/*
Element: guest info
*/

div.guest_info {
position: relative;

width: 1024px;
margin: 0px auto 8px auto;

background: #fff;
border: 1px solid #e6e6e6;

-webkit-box-shadow: 0 0 2px 1px #f4f4f4;
box-shadow: 0 0 2px 1px #f4f4f4;
}

div.guest_info > div.wrap {
padding: 11px 14px;
line-height: 18px;

font-family: "hnr";
font-size: 16px;
color: #595959;
}

div.guest_info > div.wrap > span {
color: #ed1c24;
}

div.guest_info > div.wrap a.more {
position: relative;

font: 16px "hnr";
color: #008cd7;
text-decoration: none;

border-bottom: 1px dotted;
}

div.guest_info > div.wrap a.more:hover {
border-bottom-style: dashed;
}

div.guest_info > div.wrap a.more:after {
position: absolute;
top: 4px;
right: -12px;

font-size: 10px;
content: "▼";
}

div.guest_info > div.wrap a.more.active:after {
top: 3px;
content: "▲";
}


div.guest_info > div.wrap a.close {
position: absolute;
top: 3px;
right: 3px;

text-decoration: none;
}

div.guest_info > div.wrap a.close:after {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #999;
content: "×";
}



div.guest_info > div.info {
display: none;

padding: 11px 14px;
line-height: 18px;

font-family: "hnr";
font-size: 16px;
color: #595959;
}

div.guest_info > div.info span {
color: #000;
}

div.guest_info > div.info a {
font: 16px "hnr";
color: #008cd7;
text-decoration: none;

border-bottom: 1px dotted;
}

div.guest_info > div.info a:hover {
border-bottom-style: dashed;
}



/*
Element: offer limit
*/

div.offer_limit {
position: absolute;
z-index: 200;

border: 1px solid #e6e6e6;
background: #fff;
}

div.offer_limit:before,
div.offer_limit:after {
position: absolute;
top: -20px;
left: 50%;
margin-left: -10px;

border: 10px solid transparent;
border-bottom: 10px solid #e6e6e6;

content: "";
}

div.offer_limit:after {
top: -19px;

border-bottom: 10px solid #fff;
}


div.offer_limit > div.wrap {
padding: 26px;
width: 386px;
}

div.offer_limit > div.wrap > div.title {
padding-left: 65px;

font: 24px "hnm";
color: #e61610;
text-align: center;

background: url("style/offer_limit_icon.png") no-repeat left center;
}

div.offer_limit > div.wrap > div.title > a {
display: inline-block;
margin-top: 12px;

font: 16px "hnm";
text-transform: uppercase;
text-decoration: none;

border-bottom: 1px dotted;
}

div.offer_limit > div.wrap > div.title > a:hover {
border-bottom: 1px dashed;
}

div.offer_limit > div.wrap > div.info {
margin-top: 22px;
padding-top: 17px;

border-top: 1px solid #c3c3c3;

text-align: center;

font: 18px "hnm";
color: #000;
}

div.offer_limit > div.wrap > div.info > span {
display: block;
margin-top: 28px;

font-size: 16px;
color: #626262;
}


/*
Element: map search
*/

div.map_search {
position: relative;
}


div.map_search div.edge {
margin: -7px;

width: 14px;
height: 14px;

background: url("style/map_search_edge_background.png");
}

div.map_search div.edge:hover {
background-position: -14px;
}

div.map_search div.vertex {
margin: -12px;

width: 24px;
height: 24px;

background: url("style/map_search_vertex_background.png");
}

div.map_search div.vertex.first {
background: url("style/map_search_vertex_first_background.png");
}

div.map_search [class$='-editor-menu'] {
display: none;
}


div.map_search > div.panel {
position: absolute;
z-index: 11;
top: 10px;
right: 10px;

background: #fff;
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
}

div.map_search > div.panel > div.tools {
padding: 10px;
}

div.map_search > div.panel > div.tools > span {
font-size: 14px;
font-weight: bold;
color: #000;
}

div.map_search > div.panel > div.tools > ul {
margin-top: 10px;
}

div.map_search > div.panel > div.tools > ul > li {
float: left;
margin-left: 10px;
padding: 4px;

border: 1px solid transparent;
border-radius: 2px;

cursor: pointer;
}

div.map_search > div.panel > div.tools > ul > li:first-child {
margin-left: 0;
}

div.map_search > div.panel > div.tools > ul > li.active {
background-color: #b1e8fd;
border-color: #76c6fa;
}

div.map_search > div.panel > div.tools > ul > li:hover {
border-color: #aaa;
}

div.map_search > div.panel > div.tools > ul > li:after {
display: block;
content: "";

width: 40px;
height: 40px;

background: url("style/map_search_tools_background.png");
}

div.map_search > div.panel > div.tools > ul > li.polygon:after {
background-position: -40px;
}

div.map_search > div.panel > div.tools > ul > li.draw:after {
background-position: -0;
}

div.map_search > div.panel > div.tools > ul > li.circle:after {
background-position: -80px;
}


div.map_search > div.panel > div.controls {
display: none;
position: relative;

border-top: 1px solid #eaeaea;
padding: 6px 5px 6px 10px;
}

div.map_search > div.panel > div.controls > i {
display: inline-block;
position: relative;
top: 2px;
margin-right: 7px;

width: 14px;
height: 14px;

background: url("style/map_search_polygon_icon.png");
}

div.map_search > div.panel > div.controls > span {
font-size: 14px;
color: #000;
}

div.map_search > div.panel > div.controls > div.close {
display: block;
position: absolute;
right: 10px;
top: 2px;

color: #999;

cursor: pointer;
}

div.map_search > div.panel > div.controls > div.close:hover {
color: #777;
}

div.map_search > div.panel > div.controls > div.close:after {
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;

content: "×";
}


div.map_search > canvas {
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 100%;
}


/*
Element: droplist
*/

div.droplist {
position: absolute;
z-index: 200;

width: 250px;
padding: 0;

font: 13px "hnm";
background: #fff;

border: 1px solid #777;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}

div.droplist:before {
position: absolute;
top: -20px;
left: 50%;
margin-left: -10px;

border: 10px solid transparent;
border-bottom: 10px solid #777;

content: "";
}

div.droplist > div.title {
padding: 0 6px;
line-height: 34px;

background: #777;
color: #fff;
font-size: 15px;
}

div.droplist > div.title > span {
float: left;
}

div.droplist > div.title > a {
float: right;

font-size: 13px;
color: #fff;
}

div.droplist > div.title > a {
float: right;

font-size: 14px;
text-decoration: underline;

border-bottom: none;
}

div.droplist > div.title > a:hover {
text-decoration: none;
}


div.droplist > div.wrap > ul > li {
padding: 0 4px;

height: 27px;
line-height: 27px;

border-top: 1px solid #e6e6e6;
background-color: #fff;

cursor: pointer;
}

div.droplist > div.wrap > ul > li:first-child {
border-top: none;
}

div.droplist > div.wrap > ul > li:hover {
background-color: #f0f0f0;
}

div.droplist > div.wrap > ul > li.active {
cursor: default;
background: #fff;
}

div.droplist > div.wrap > ul > li > span.value {
float: left;
}

div.droplist > div.wrap > ul > li > span.status {
float: right;

font-size: 11px;
color: #999;
}

div.droplist > div.wrap > ul > li > span.status > a {
font-size: 11px;
color: #999;

text-decoration: underline;
border-bottom: none;
}

div.droplist > div.wrap > ul > li > span.status > a:hover {
text-decoration: none;
}


div.droplist.linear > div.wrap > ul > li {
float: left;

border-top: none;
border-left: 1px solid #e6e6e6;
}

div.droplist.linear > div.wrap > ul > li:first-child {
border-left: none;
}



/*
Element: droplist share
*/

div.droplist.share {
width: 238px;

border: 1px solid #e6e6e6;
}

div.droplist.share:before {
border-bottom: 10px solid #e6e6e6;
}

div.droplist.share:after {
position: absolute;
top: -19px;
left: 50%;
margin-left: -10px;

border: 10px solid transparent;
border-bottom: 10px solid #fff;

content: "";
}

div.droplist.share > div.title {
display: none;
}

div.droplist.share > div.wrap > ul {
padding: 5px;
}

div.droplist.share > div.wrap > ul > li {
margin-left: 8px;

width: 43px;
height: 34px;

border: none;
}

div.droplist.share > div.wrap > ul > li:first-child {
margin-left: 0;
}

div.droplist.share li.icon {
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}

div.droplist.share li.icon.vk {
background-color: #526e8f;
background-image: url("style/share_vk.svg");
}

div.droplist.share li.icon.vk:hover {
background-color: #647e9d;
}

div.droplist.share li.icon.ok {
background-color: #ec7c21;
background-image: url("style/share_ok.svg");
}

div.droplist.share li.icon.ok:hover {
background-color: #f48d39;
}

div.droplist.share li.icon.fb {
background-color: #425497;
background-image: url("style/share_fb.svg");
}

div.droplist.share li.icon.fb:hover {
background-color: #4f61a2;
}

div.droplist.share li.icon.twitter {
background-color: #55acee;
background-image: url("style/share_twitter.svg");
}

div.droplist.share li.icon.twitter:hover {
background-color: #6ab9f4;
}


/*
Element: droplist duplicates
*/

div.droplist.duplicates {
width: 360px;
}

div.droplist.duplicates > div.wrap > ul {
max-height: 220px;

overflow-y: scroll;
}

div.droplist.duplicates > div.wrap > ul > li {
padding: 8px;

height: auto;
line-height: normal;

font: 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.droplist.duplicates > div.wrap > ul > li .title {
display: flex;
margin-bottom: 5px;
}

div.droplist.duplicates > div.wrap > ul > li .title i {
margin-left: auto;

color: #f44336;
font-size: 12px;
font-style: normal;
text-transform: lowercase;
}


/*
Element: lightbox guest agent
*/

.lightbox .agent {
position: absolute;
z-index: 10001;
right: 12px;
bottom: 12px;

padding: 12px 9px;
line-height: normal;

background: rgba(255,255,255,0.85);
text-align: left;

-webkit-border-radius: 7px;
border-radius: 7px;
}

.lightbox .agent .photo {
float: left;

width: 55px;
height: 55px;

background: url("style/lightbox_photo.jpg") no-repeat center center;
background-size: cover;

-webkit-border-radius: 50%;
border-radius: 50%;
}

.lightbox .agent .info {
float: left;
margin-left: 5px;
}

.lightbox .agent .info:before {
display: block;
width: 80px;
height: 13px;

margin-bottom: 12px;

background: url("style/lightbox_stars.svg") no-repeat;
background-size: contain;

content: "";
}

.lightbox .agent .info span {
margin-left: 2px;

font-size: 16px;
}

.lightbox .agent .phone {
display: none;
margin-top: 17px;
line-height: 32px !important;

font: 16px "hnm";
color: #000;
text-align: center;
}

.lightbox .agent .button {
margin-top: 17px;
padding: 8px 0 8px 36px;

background: #428bca url("style/lightbox_phone.png") no-repeat 13px 50%;

font: 14px "hnr";
color: #fff;
text-transform: uppercase;

-webkit-border-radius: 4px;
border-radius: 4px;

cursor: pointer;
}

.lightbox .agent .button:hover {
background-color: #5096d3;
}


/*
Element: page
*/

div.page {
padding: 10px 0 50px 0;
margin-bottom: 20px;

font-family: "hnr";
font-size: 14px;
color: #000;

background: url("/img/c_r_border.png") repeat-x bottom center;
}


/* 
Page: item
*/

div.page.item ul.actions {
margin: 0;
padding: 0;
list-style: none;
}

div.page.item ul.actions > li {
float: left;
margin-left: 9px;
padding-left: 9px;

line-height: 12px;

border-left: 1px solid #5f48dd;

font-size: 13px;
color: #000;
}

div.page.item ul.actions > li:first-child {
margin-left: 0;
padding-left: 0;

border-left: none;
}

div.page.item ul.actions > li a {
color: #3f48cc;

text-decoration: none;
border-bottom: 1px dotted;
}

div.page.item ul.actions > li a:hover {
color: #f00;
}


div.page.item > h1 {
margin-top: 30px;
padding: 0;

font-size: 26px;
}


div.page.item > div.info {
margin-top: 18px;
}

div.page.item > div.info > div.left {
float: left;
width: 189px;
}

div.page.item > div.info > div.left > div.cost {
font-size: 24px;
}

div.page.item > div.info > div.left > div.cost > span {
display: inline-block;
width: 0.4em;
line-height: 5px;

font-size: 18px ;

border-bottom: 1px solid #000;
}

div.page.item > div.info > div.left > span.type {
display: block;
margin: 1px 0 3px 0;

font-weight: bold;
}

div.page.item > div.info > div.left > ul {
margin-top: 4px;
}

div.page.item > div.info > div.left > ul > li {
color: #7f7f7f;
font-size: 11px;
font-weight: bold;
}



div.page.item > div.info > div.right {
float: left;
width: 835px;
}

div.page.item > div.info > div.right > ul.info > li {
margin-top: 9px;
}

div.page.item > div.info > div.right > ul.info > li:first-child {
margin-top: 0;
}

div.page.item > div.info > div.right > ul.info > li.address {
font-weight: bold;
}

div.page.item > div.info > div.right > ul.info > li.comment textarea {
width: 677px;
height: 50px;
}

div.page.item > div.info > div.right > ul.info > li.comment input[type="submit"] {
float: none;
margin-left: 0;
}

div.page.item > div.info > div.right > ul.info > li.comment a {
font-size: 13px;
color: #3f48cc;
}

div.page.item > div.info > div.right > ul.info > li.comment a.comment_delete {
color: #f00;
}

div.page.item > div.info > div.right > ul.info > li.comment a:hover {
color: #f00;
}


div.page.item > div.info > div.right > ul.bottom {
margin-top: 18px;
}

div.page.item > div.info > div.right > ul.bottom > li {
float: right;
padding-left: 6px;
margin-left: 6px;

line-height: 13px;

border-left: 2px solid #000;

font-size: 15px;
font-weight: bold;
}

div.page.item > div.info > div.right > ul.bottom > li:first-child {
float: left;

font-size: 18px;
}

div.page.item > div.info > div.right > ul.bottom > li:first-child,
div.page.item > div.info > div.right > ul.bottom > li:last-child {
padding-left: 0;
margin-left: 0;

border-left: none;
}

div.page.item > div.info > div.right > ul.bottom > li a {
color: #3f48cc;

text-decoration: none;
border-bottom: 1px dotted;
}

div.page.item > div.info > div.right > ul.bottom > li a:hover {
color: #f00;
}

div.page.item > div.info > div.right > ul.bottom > li a.comment_add {
text-decoration: none;
border-bottom: 1px dotted;
}


div.page.item > div.info > div.right > ul.bottom > li.phone > a.show_guest {
position: relative;
display: block;
padding: 0 11px 0 29px;
line-height: 30px;

font-family: "hnr";
font-size: 15px;
font-weight: normal;
color: #000;

text-decoration: none;

border: 1px solid #fbfbfb;
-webkit-border-radius: 3px;
border-radius: 3px;

-webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);
}

div.page.item > div.info > div.right > ul.bottom > li.phone > a.show_guest:hover {
border: 1px solid #f0f0f0;
}

@keyframes blink {
0%{opacity: 0.25}
50%{opacity: 1;}
100%{opacity: 0.25;}
}

div.page.item > div.info > div.right > ul.bottom > li.phone > a.show_guest span {
position: absolute;
top: 0;
left: 0;

width: 30px;
height: 30px;

-webkit-animation: blink 1s infinite ease;
animation: blink 1s infinite ease;

background: url("style/icon_button_phone.png") no-repeat center center;
}

div.page.item > div.info > div.right > ul.bottom > li.phone > div {
display: none;

font-weight: normal;
line-height: normal;
}

div.page.item > div.info > div.right > ul.bottom > li.phone > div > div {
position: relative;
margin-top: 12px;
padding: 7px 11px;

font-size: 15px;

background: #eee;
-webkit-border-radius: 3px;
border-radius: 3px;
}

div.page.item > div.info > div.right > ul.bottom > li.phone > div > div:after {
position: absolute;
top: -14px;
left: 50px;
width: 0;
height: 0;

content: " ";

border-width: 7px 7px;
border-style: solid;
border-color: transparent transparent #eee transparent;
}


div.page.item > div.info > div.right > ul.bottom > li.phone.active > a {
display: none;
}

div.page.item > div.info > div.right > ul.bottom > li.phone.active > div {
display: block;
}

div.page.item > div.info > div.right > ul.bottom > li.phone.active > div > span {
display: block;
margin-top: 3px;

font-size: 12px;
}


div.page.item > div.info > div.right > ul.bottom > li.status {
color: #3d7400;
}

div.page.item > div.info > div.right > ul.bottom > li.status.checked {
color: #167432;
}



div.page.item > div.similar {
margin-top: 40px;

font-family: "hnr";
}

div.page.item > div.similar div.title {
margin-top: 32px;
line-height: 2px;

font-size: 20px;
font-weight: bold;
color: #000;

border-bottom: 1px solid #e0e0e0;
}

div.page.item > div.similar div.title span {
padding-right: 10px;

background: #fff;

white-space: nowrap;
}


div.page.item > div.similar div.slider {
position: relative;
margin-top: 46px;

overflow: hidden;
}

div.page.item > div.similar div.wrap {
margin-left: 42px;
width: 940px;

overflow: hidden;
}


div.page.item > div.similar div.list {
width: 2000px;

transition: all 1s;
transform: translate(0px, 0px);
}

div.page.item > div.similar div.list > a {
display: block;
float: left;
margin-left: 16px;

text-decoration: none;
color: #000;

border: 1px solid #c3c3c3;
}

div.page.item > div.similar div.list > a:first-child {
margin-left: 0;
}

div.page.item > div.similar div.list > a:hover {
border-color: #00a2e8;
}

div.page.item > div.similar div.list div.image {
width: 221px;
height: 143px;
line-height: 143px;

background-color: #e0e0e0;
background-size: cover;
background-position: center center;

font-size: 20px;
color: #fff;
text-align: center;
}

div.page.item > div.similar div.list div.description {
height: 95px;
margin-top: 14px;
padding-left: 14px;
}

div.page.item > div.similar div.list div.price {
font-size: 18px;
font-weight: bold;
}

div.page.item > div.similar div.list div.price span {
display: inline-block;
width: 0.4em;
line-height: 5px;

border-bottom: 1px solid #000;
}

div.page.item > div.similar div.list div.price span {
display: inline-block;
width: 0.4em;
line-height: 5px;

border-bottom: 1px solid #000;
}

div.page.item > div.similar div.list div.object_type {
margin-top: 0px;

font-size: 14px;
}

div.page.item > div.similar div.list div.station {
margin-top: 12px;

font-size: 13px;
}

div.page.item > div.similar div.list div.station i {
display: inline-block;
width: 9px;
height: 9px;

-webkit-border-radius: 9px;
border-radius: 9px;
}

div.page.item > div.similar div.list div.station span.name {
margin-left: 3px;
}

div.page.item > div.similar div.list div.station span.distance {
display: block;
margin-top: 2px;
margin-left: 15px;

color: #7a7a7a;
}


div.page.item > div.similar div.button {
position: absolute;
top: 100px;

width: 28px;
height: 47px;
line-height: 42px;

background-color: #fff;
border: 1px solid #c3c3c3;

font-family: monospace;
font-size: 30px;
font-weight: bold;
color: #afafaf;
text-align: center;

cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

div.page.item > div.similar div.button:hover {
color: #4773c4;
}

div.page.item > div.similar div.button.left {
left: 0px;
}

div.page.item > div.similar div.button.right {
right: 0px;
}

div.page.item > div.similar div.button.disabled {
color: #afafaf;

cursor: default;
}



div.page.item > div.promo {
display: table;

margin-top: 43px;
padding: 10px 0;

font-family: "hnr";
font-size: 14px;

border: 1px solid #e0e0e0;
}

div.page.item > div.promo > div {
position: relative;
display: table-cell;
width: 50%;
padding: 14px 30px 70px 30px;
}

div.page.item > div.promo > div:first-child {
border-right: 1px solid #e0e0e0;
}

div.page.item > div.promo > div > span {
display: block;

font-size: 20px;
font-weight: bold;
text-align: center;
}

div.page.item > div.promo > div > div {
margin-top: 18px;
}

div.page.item > div.promo > div.search > div > div {
display: block;
margin-top: 5px;
padding-left: 25px;

background: url("style/icon_promo_point.png") no-repeat left center;
}

div.page.item > div.promo > div.search > div > div:first-child {
margin-top: 0;
}

div.page.item > div.promo > div.extension > div {
line-height: 1.4em;

text-align: justify;
}

div.page.item > div.promo > div > a {
display: block;
position: absolute;

transform: translate(-50%, 0);
left: 50%;
bottom: 9px;

padding: 9px 18px;

font-size: 14px;
font-weight: bold;
color: #000;
text-align: center;

border: 1px solid #22b14c;
text-decoration: none;
}

div.page.item > div.promo > div > a:hover {
border-color: #00a2e8;
}



div.page.item > ul.media {
margin-top: 28px;
}

div.page.item > ul.media > li {
float: left;
height: 320px;
}

div.page.item > ul.media > li.slider {
width: 393px;
}

div.page.item > ul.media > li.slider ul#imageGallery img {
width: 393px;
height: 237px;
}


div.page.item > ul.media > li.map {
float: right;
width: 556px;
}

div.page.item > ul.media > li.map.extended {
width: 1024px;
}


div.page.item a.disabled {
color: #999 !important;
}

div.page.item a.disabled:hover {
color: #777 !important;
}



@media screen and (max-width: 800px){
    .filter_search_left_button,
	body > a.top,
	footer {
	display: none;
	}
	
	
	#header {
	position: static !important;
	
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	}
	
	body {
	margin-top: 0 !important;
	}
	
	
	header {
	width: 100%;
	}
	
	header .logo_button {
	display: none;
	}
	
	header .head-left_b {
	margin: 15px 0 0 15px;
	height: auto;
	}
	
	
	header > span {
	float: right;
	display: block;
	margin: 20px 15px 0 0;
	
	width: 30px;
	height: 30px;
	
	background: url("style/icon_menu.svg") no-repeat center center;
	background-size: contain;
	}
	
	header .menu {
	display: none;
	width: auto;
	
	border-bottom: 1px solid #e0e0e0;
	}
	
	header .menu.active {
	display: block;
	}
	
	header .menu {
	position: fixed;
	z-index: 100;
	
	top: 70px;
	left: 0;
	
	width: 100%;
	
	background: #fff;
	}
	
	header .menu > * {
	float: none;
	margin: 0 !important;
	width: auto;
	height: auto;
	}
	
	header .menu ul {
	text-align: left;
	width: auto;
	}
	
	header .menu > div > div {
	display: block;
	width: auto;
	padding: 0;
	}
	
	header .menu li.user,
	header .menu li.online {
	display: none;
	}
	
	header .menu li {
	float: none !important;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	}
	
	header .menu li a {
	display: block;
	padding: 10px 0 10px 15px;
	
	font-size: 15px;
	color: #7f7f7f !important;
	
	border: none !important;
	border-top: 1px solid #e0e0e0 !important;
	}
	
	header .menu li.navigation-active a {
	color: #0178b8 !important;
	}
	
	header .menu li a::after {
	width: 0;
	height: 0;
	}
	
	
	.main {
	width: auto;
	}
	
	div.page {
	background: none;
	}
	
	div.guest_info {
	width: 100%;
	}
	
	
	div.page.item ul.actions {
	display: none;
	}
	
	div.page.item > h1 {
	margin-top: 0;
	padding: 15px;
	}
	
	div.page.item > div.info {
	margin-top: 0;
	padding: 15px;
	}
	
	div.page.item > div.info > div {
	float: none !important;
	width: auto !important;
	}
	
	div.page.item > div.info > div.left,
	div.page.item > div.info > div.right {
	font-size: 16px;
	}
	
	div.page.item > div.info > div.left > div.cost {
	margin-bottom: 10px;
	
	font-size: 32px;
	}
	
	div.page.item > div.info > div.left > div.cost > span {
	line-height: 9px;
	font-size: 32px;
	}
	
	div.page.item > div.info > div.right {
	margin-top: 20px;
	}
	
	div.page.item > div.info > div.right > ul.bottom > li.status {
	border-left: none;
	}
	
	div.page.item > div.info > div.right > ul.bottom > li:last-child {
	margin-top: 10px;
	}
	
	
	div.page.item > ul.media > li {
	float: none !important;
	width: 100% !important;
	}
	
	div.page.item > ul.media > li.slider {
	height: auto;
	}
	
	div.page.item > ul.media .csPager {
	display: none;
	}
	
	div.page.item > ul.media > li.map {
	height: 250px;
	}
	
	
	div.page.item > div.similar div.title {
	margin-left: 15px;
	
	font-size: 16px;
	}
	
	 
	div.page.item > div.promo {
	display: none;
	}
}



/*
Element: index
*/

.page.index .counts_block {
margin-top: 40px;
}

.page.index .counts_block .title {
display: flex;
align-items: center;

font-size: 20px;
font-weight: bold;
color: #433a31;
}

.page.index .counts_block .title span {
margin-right: 30px;
}

.page.index .counts_block .title a {
padding: 8px;

border: 1px solid #e0e0e0;
border-radius: 5px 0 0 5px;

font-family: "hnr";
font-weight: normal;
font-size: 12px;
color: #000;
text-decoration: none;
}

.page.index .counts_block .title a:last-child {
border-radius: 0 5px 5px 0;
}

.page.index .counts_block .title a[data-active="1"] {
background: #e0e0e0;
}

.page.index .counts_block .types {
margin-top: 20px;
}

.page.index .counts_block .types > div {
display: none;
}

.page.index .counts_block .types > div:first-child {
display: block;
}

.page.index .counts_block .list {
display: flex;
flex-wrap: wrap;

height: 160px;

overflow: hidden;
}

.page.index .counts_block .expanded .list {
height: auto;
}


.page.index .counts_block .list a {
margin: 6px 0 0 24px;
width: 238px;

font: 14px/18px "hnr";
color: #000;
text-decoration: none;

white-space: nowrap;
overflow: hidden;
}

.page.index .counts_block .list a:nth-child(4n+1) {
margin-left: 0;
}

.page.index .counts_block .list a:nth-child(-n+4) {
margin-top: 0;
}

.page.index .counts_block .list a:hover {
text-decoration: underline;
}


.page.index .counts_block .types > div > a {
position: relative;
display: inline-block;
margin-top: 10px;

font-family: "hnm";
text-decoration: none;

border-bottom: 1px dashed;
}

.page.index .counts_block .types > div > a:hover {
border-bottom-style: solid;
}

.page.index .counts_block .types > div > a::after {
position: absolute;
top: 4px;
right: -12px;
font-size: 10px;
content: "▼";
}

.page.index .counts_block .types > div.expanded > a::after {
content: "▲";
}



/*
UNMARK banner
*/

.unmark {
	display: block;
	width: 1024px;
	margin: 0 auto;
	padding: 15px 0;
	
	text-align: center;
	text-decoration: none;
	color: #333;
	font-size: 20px;
}

.unmark > div {
	padding: 15px;

	background-color: #fff;
	border: 1px solid #e6e6e6;
	
	transition: background-color .15s;
}

.unmark .text span {
	font-size: 24px;
	font-weight: bold;
	color: #6682a7;
	vertical-align: middle;
}

.unmark .text b {
	color: #bd6446;
}

.unmark .text u {
	vertical-align: middle;
	text-decoration: none;
}

.unmark > div > span {
	display: inline-block;
	margin-top: 15px;
	padding: 12px 20px;
	
	background-color: #5cb85c;
	font-size: 17px;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	
	border-radius: 5px;
	transition: background-color .15s;
}

.unmark:hover > div {
	background-color: #fafafa;
}

.unmark:hover > div > span {
	background-color: #53aa53
}