@font-face {
    font-family: "ArimoRegular";
    src: url("/design/fonts/ArimoRegular/ArimoRegular.eot");
    src: url("/design/fonts/ArimoRegular/ArimoRegular.eot?#iefix")format("embedded-opentype"),
    url("/design/fonts/ArimoRegular/ArimoRegular.woff") format("woff"),
    url("/design/fonts/ArimoRegular/ArimoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "ArimoBold";
    src: url("/design/fonts/ArimoBold/ArimoBold.eot");
    src: url("/design/fonts/ArimoBold/ArimoBold.eot?#iefix")format("embedded-opentype"),
    url("/design/fonts/ArimoBold/ArimoBold.woff") format("woff"),
    url("/design/fonts/ArimoBold/ArimoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "ArimoBoldItalic";
    src: url("/design/fonts/ArimoBoldItalic/ArimoBoldItalic.eot");
    src: url("/design/fonts/ArimoBoldItalic/ArimoBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("/design/fonts/ArimoBoldItalic/ArimoBoldItalic.woff") format("woff"),
    url("/design/fonts/ArimoBoldItalic/ArimoBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "ArimoItalic";
    src: url("/design/fonts/ArimoItalic/ArimoItalic.eot");
    src: url("/design/fonts/ArimoItalic/ArimoItalic.eot?#iefix")format("embedded-opentype"),
    url("/design/fonts/ArimoItalic/ArimoItalic.woff") format("woff"),
    url("/design/fonts/ArimoItalic/ArimoItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'FontArimo';
    src: url('/design/fonts/Arimo-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

html
{
    width:100%;
    height:100%;
    margin:0;

}
body {margin:0;width:100%;height:100%;min-width:950px;
    font-family: 'ArimoRegular', Arial;
    background: white;
}
body.admin{
    background: #fff;
}

b{
    font-family: 'ArimoBold', Arial; font-weight: normal;
}

strong
{
    font-family: 'ArimoBold', Arial; font-weight: normal;
}

.aparter-bold
{
    font-family: 'ArimoBold', Arial; font-weight: normal;
}


span:focus,a:focus{
    outline: none;
}

#wrap { min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -60px;}

#mapPageWrapper{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
}
#mapPageHeader {
    background: url('/design/img/backgroundA2.jpg') repeat-x;
    height:104px;
    width:100%;
    border-bottom: 2px solid #424242;
}
.logo-shadow{
    position: absolute;
    top:0;left:15px;
    height:104px;
    width:390px;
    background:#000;opacity:0.6;
}
.logo {
    position:absolute;top:10px;left:80px;
    /*height:72px;padding-left:92px;padding-top:26px;*/
    /*background: url(/design/img/aparterLogo.png) no-repeat left center;*/
    height:72px;padding-top:12px;
    text-align: center;
    color: #fff;
}
#pageHeader .logo {left:25px;}
.logo h1 {font-size: 25px; line-height:24px; margin: 0 0 10px; font-family: 'ArimoBold', Arial;}
.logo span {font-size: 13px}

.sitemap #pageHeader {
    background: url('/design/img/backgroundA2.jpg') repeat-x;
    height:104px;
    width:100%;
    border-bottom: 2px solid #424242;
}

.modal-title {font-weight: 500; font-size: 18px;}

.support-shadow{
    position: absolute;
    top:0;right:15px;
    height:104px;
    width:200px;
    background:#000;opacity:0.6;
}
.support {
    position:absolute;top:35px;right:15px;
    height:72px;width:200px;
    text-align: center;
    color: #fff;
}
.support a {color:#fff; text-decoration: underline}

.header-menu{position:absolute;top:104px;}
.header-menu a {
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
    width:100%;
    display: block;
    background:#424242;color:#fff;font-size:13px;padding:2px 0 4px;text-align: center;
}
.header-menu a:hover,
.header-menu a:focus {
    background: #585858;
    text-decoration: none;
}

.header-menu.login {left:15px;width:390px;z-index:100}
.header-menu.apartment {left:370px;width:300px}
.header-menu.rent {left:690px;width:300px}

#xMap-search{top:104px;bottom:0;width:100%;position:absolute;min-height: 800px;z-index:1;}

#pageWrapper{
    position: relative;
    margin: 0 auto;
    max-width: 1310px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    background: #fff;
}
#pageHeader {
    background: #fff;
    height:110px;
    width:100%;
}
#pageFooter {height:60px;background-color: #f5f5f5;border-top:1px solid #ddd;padding:15px 30px;
    max-width: 1310px;
    margin: 0 auto;
    }
#push {height:60px;}


.xmap__loading{font-size:24px;}
#xMap-search .xmap__loading{position:absolute;top:40%;right:50%;margin-right:-210px}

.xmapSigma {background:url(/design/img/map-sigma.png) no-repeat center center;width:50px;height:50px;text-align:center;color:#000;padding:1px;}
.xmapSigma .xmapSigmaCount {margin:4px 0 0;font-size:10px;font-family: 'ArimoBold', Arial;line-height:10px;color:#0b1467;}

.xmapHouseCanvas {
    position:absolute;
    top: -48px;
    left:-18px;
}

.xmapHouseWrapper {
    position:absolute;
    bottom:0;
    left:-16px;
    width:32px;
    height:47px;
}

.xmapHouse {
    position: relative;
    width: 32px;
    height: 47px;
}

.xmapHouse__body {
    width: 32px;
    height: 32px;

    position: absolute;
    bottom: 2px;
    left: 1px;
}

.xmapHouse__external-border {
    border-radius: 100px; /* Радиус скругления */
    border: 1px solid #062d66; /* Параметры рамки */
    background: #062d66;

    width: 30px;
    height: 30px;
}

.xmapHouse__internal-border {
    border-radius: 100px; /* Радиус скругления */
    border: 1px solid #062d66; /* Параметры рамки */

    width: 26px;
    height: 26px;
    margin: 1px;

    background: #fff;
}

.xmapHouse__count {
    text-align: center;

    margin-top: 6px;

    font-size: 12px;
    font-family: 'ArimoBold', Arial;
    color: #333;
}

.xmapHouse__leg {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #062d66;

    position: absolute;
    bottom: 0;
    left: 11px;
}

.xmapHouse__marker-none {display:none}

.xmapHouse__marker-1 {
    width: 8px;
    height: 25px;
    background: #424242;

    position: absolute;
    top: 0;
    left: 1px;
}

.xmapHouse__marker-2 {
    width: 8px;
    height: 21px;
    background: #228b22;

    position: absolute;
    top: 4px;
    left: 11px;
}

.xmapHouse__marker-3 {
    width: 8px;
    height: 23px;

    background: #ffd700;
    /*background: #ff5400;*/

    position: absolute;
    top: 2px;
    left: 6px;
}

.xmapHouse__marker-4 {
    width: 8px;
    height: 19px;
    background: #ff0000;

    position: absolute;
    top: 6px;
    left: 17px;
}

.xmapHouse__marker-5 {
    width: 8px;
    height: 17px;
    background: #009fff;

    position: absolute;
    top: 8px;
    left: 23px;
}

#xMap-offer-edit{height:400px;display:block}
.filter__selectpicker.hata-action__input_value_error{border:1px solid #f00 !important;}
.form-control.hata-action__input_value_error{border-color:#f00; background-color: #FFEFEF;}
.hata-action__check{font-size:15px;font-weight:normal;font-style:italic;cursor:pointer;}
.hata-action__check input{margin-left:10px;}
.hata-action__validator_popover{font-size:12px;color:#C13F3F;font-style:italic;}

#xMap-offer{height:400px;border:0;}

.metro-station {padding-left: 25px; background:url(/design/img/metro.png) no-repeat left center;}
.metro-station.spb {padding-left: 21px; background:url(/design/img/metro-spb.png) no-repeat left center;}
.metro-station.metro-station_line-1 {color: #b52715 }
.metro-station.metro-station_line-2 {color: #07611c }
.metro-station.metro-station_line-3 {color: #081191 }
.metro-station.metro-station_line-4 {color: #0f7aae }
.metro-station.metro-station_line-5 {color: #5b1900 }
.metro-station.metro-station_line-6 {color: #af4900 }
.metro-station.metro-station_line-7 {color: #960044 }
.metro-station.metro-station_line-8 {color: #b99800 }
.metro-station.metro-station_line-9 {color: #928d8d }
.metro-station.metro-station_line-10 {color: #65a138 }
.metro-station.metro-station_line-11 {color: #278d7d }
.metro-station.metro-station_line-12 {color: #8dd5da }

.metro-station.metro-station_line-101 {color: #d6083b }
.metro-station.metro-station_line-102 {color: #0078c9 }
.metro-station.metro-station_line-103 {color: #009a49 }
.metro-station.metro-station_line-104 {color: #ea7125 }
.metro-station.metro-station_line-105 {color: #702785 }

.hata-auth {margin:30px 0; text-align: center}
.hata-auth__fb {width:0;height:0;padding:24px 32px;background: url(/design/img/social.png) no-repeat -23px -20px;margin-right:10px}
.hata-auth__vk {width:0;height:0;padding:24px 32px;background: url(/design/img/social.png) no-repeat -269px -20px;margin-right:10px}
.hata-auth__tw {width:0;height:0;padding:24px 32px;background: url(/design/img/social.png) no-repeat -105px -20px;margin-right:10px}
.hata-auth__ok {width:0;height:0;padding:24px 32px;background: url(/design/img/social.png) no-repeat -351px -20px;margin-right:10px}
.hata-auth__google {width:0;height:0;padding:24px 32px 23px;background: url(/design/img/google.png) no-repeat;}


/*-------------------------------------------bootstrap nav-----------------------------------------------------------------------------*/

.alert{border-radius: 0;}



/*-------------------------------------------end bootstrap nav-----------------------------------------------------------------------------*/

/*----------------------------------search filter---------------------------------------------------------------------*/

#xmap__filter{position:absolute;top:140px;left:15px;bottom:0;width:390px;overflow:hidden;margin-bottom:0;height:610px;z-index:100;}
#xmap__filter.landing {border:0}
/* #xmap__filter:not(.filter_search_opened ) .search__filter{display:none}
#xmap__filter:not(.filter_search_opened ) .search__closer{display:none}
#xmap__filter.filter_search_opened .search__opener{display:none} */

.xmap__type-content {height:564px}
.xmap__filter-content {height:526px}
#rentType{height:100%}
#apartment_list {height:100%;background:#fff}
#search_filter {background:#fff;border-bottom: 1px #c7c7c7 solid;}

.search__filter{height:420px; padding-top:5px}

.filter__selectpicker{border-radius: 0; color:#555; background: #fff;font-size:13px}
.filter__selectpicker:hover,
.filter__selectpicker:focus,
.open>.dropdown-toggle.btn-default{background: #fff;}
.open {border-radius: 0;}

.filter__favouritesLabel {text-align:center;font-size:16px;font-family: 'ArimoBold', Arial;margin:0;padding: 0 0 10px 60px;}

#filterTabs {background: #e7e7e7;border:0;font-size:13px}
#filterTabs li {background: #e7e7e7;border:0}
#filterTabs li.filter{width:45%}
#filterTabs li.apartments{width:55%}
#filterTabs > li > a{background:#e7e7e7;color:#a1a1a1;margin:0;border:0;border-radius:0;font-size:14px}
#filterTabs>li.active>a{background:#fff;color:#424242;border-bottom:0;}

#typeTabs {border:0;}
#typeTabs li {background: #e7e7e7;border:0;width:50%}
#typeTabs > li > a{background:#424242;color:#fff;margin:0;border:0;border-radius:0;text-align:center;font-size:18px;font-family: 'ArimoBold', Arial;}
#typeTabs>li.active>a{background:#77B800;color:#fff;border-bottom:0;}


.search__filter .list-group-item {
    border-radius: 0; border:0;
}
.search__filter .list-group-item.bordered{border-top: 1px dotted #a1a1a1;padding-top:15px;}
.auth-header_bordered{border-bottom: 1px dotted #a1a1a1;}

.cbx {border-radius: 0;}

.search-marked-apartments {margin: 0 0 0 38px;text-align: center;}
.search-marked-apartments-color {float:left;margin-left:30px}
.search-marked-apartments-color:first-child{margin: 0}
.search-marked-apartments-color label {display:block;width:30px;height:30px;}
.search-marked-apartments-color label.color-1 {background: #424242;}
.search-marked-apartments-color label.color-2 {background: #0B6839;}
.search-marked-apartments-color label.color-3 {background: #daa520;}
.search-marked-apartments-color label.color-4 {background: #b22222;}
.search-marked-apartments-color label.color-5 {background: #2a4666;}
.search-marked-apartments-color .cbx-container {margin:0}

.search-rent-wrapper {z-index:100;}
.search-rent-block {z-index:110;}
.search-marked-apartments-wrapper {z-index:100;}

/*------------------------------------------------------ PRICE SLIDER ----------------------------------------------------*/
.ui-widget-header{
    border-radius: 0;
    background:#77B800 !important}
.ui-menu .ui-menu-item{font-size:14px}
.ui-widget-content .ui-state-focus{font-weight:normal !important}

.ui-slider .ui-slider-handle{cursor:pointer}

#rentPriceRange,#rentAreaRange,#srchAreaRange,#srchLandRange,#srchPriceRange {border-radius: 0;background: #999}
#rentPriceRangeTxt, #rentAreaRangeTxt, #srchPriceRangeTxt, #srchAreaRangeTxt,#srchLandRangeTxt{text-align:center;font-size:16px;font-family: 'ArimoBold', Arial;margin:20px 0 0}
#rentPriceRangeTxt, #rentAreaRangeTxt {margin: 5px 0 0}

#rentPriceRange .ui-corner-all,
#rentAreaRange .ui-corner-all,
#srchAreaRange .ui-corner-all,
#srchLandRange .ui-corner-all,
#srchPriceRange .ui-corner-all {border-radius: 10px;border: 2px solid #77B800}
#rentPriceRange.ui-slider .ui-slider-handle,
#rentAreaRange.ui-slider .ui-slider-handle,
#srchAreaRange.ui-slider .ui-slider-handle,
#srchLandRange.ui-slider .ui-slider-handle,
#srchPriceRange.ui-slider .ui-slider-handle {width:14px;height:14px}
#rentPriceRange.ui-slider-horizontal,
#rentAreaRange.ui-slider-horizontal,
#srchAreaRange.ui-slider-horizontal,
#srchLandRange.ui-slider-horizontal,
#srchPriceRange.ui-slider-horizontal {height:6px}


/*-------------------------------------------------- end PRICE SLIDER ----------------------------------------------------*/

/*----------------------------------end search filter---------------------------------------------------------------------*/


/*----------------------------------- apartment list ---------------------------------------------------------------------*/
.results__legend {margin: 30px 20px;color:#c1c1c1;text-align: center}
.results__list{height:100%;background: #fff;padding-top: 10px;}
.results__loading {font-size:30px; position: absolute; top: 200px; left: 175px;}

.apartment-list-address {margin: 5px 0 10px 10px; color:#77B800;}
.apartment-list-address span {font-size:15px;margin-right:2px}
.apartment-list-address i {font-style: normal;font-size:15px}
.apartment-list-wrapper { height:calc(100% - 25px);border-bottom: 1px solid #c7c7c7;position:relative}
.scroller {
    height:100%;
    overflow-y: scroll;
     -webkit-overflow-scrolling: touch; /* uncomment to accelerate scrolling on iOS */
}
.scroller::-webkit-scrollbar { /* Preventing webkit cross-direction scrolling bug */
    width: 0;
}
.scroller__track {
    display: none; /* Invisible by default */
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: rgba(0, 0, 0, .2);
}
.baron .scroller__track {
    display: block; /* Visible when scrolling is possible */
}
.scroller__bar { /* The bar. You should define width, right position and background */
    position: absolute;
    z-index: 1;
    right: 0;
    width: 6px;
    background: #77B800;
    opacity: 0.8;
}

.apartment-list-card {margin-bottom: 20px}
.apartment-list-card__header{background: #424242;color:#fff;padding-left:10px;font-family: 'ArimoBold', Arial;font-size:15px}
.apartment-list-card__header .apartment-type {float:left;margin:8px 0 0 0}
.apartment-list-card__header .apartment-marker__selector {height: 35px; border-left: 1px #fff solid;float:right}
.apartment-list-card__body {padding: 10px}
.apartment-list-card__body .card-column-left {float:left; width:200px; margin-right:20px;position:relative}
.apartment-list-card__body .card-column-right {float:left; width:138px;position:relative;height: 190px}
.apartment-list-card__body .apartment-photo {
    background-image: -webkit-linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}
.apartment-list-card__body .apartment-photo__empty{
    height:150px;text-align: center;padding-top:30px;
    background-image: -webkit-linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}
.apartment-list-card__body .apartment-link {
    display:block;
    width:100%;
    padding: 5px 10px;margin: 10px 0 0;
    font-size: 16px;
    font-family: 'ArimoBold', Arial;
    text-align: center;
    background: #77B800; color:#fff;
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
}
.apartment-list-card__body .apartment-link:hover{
    background: #555;
    text-decoration: none;
}
.apartment-list-card__body .apartment-link:focus{
    text-decoration: none;
}
.apartment-info-row {color:#a1a1a1;font-size:13px}
.apartment-info-row b {color:#424242;}
.apartment-info-row .text-success {color:#77B800;}
.apartment-info-row .text-danger {color: #b30000;}
.apartment-info-row.price {font-size:16px;margin: 5px 0 15px}
.apartment-info-row.date {position: absolute;bottom: 0;font-size:12px}

.apartmentList__fotorama
{
    border-right:2px solid #999;
    background-image: -webkit-linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}

.apartCard__fotorama
{
    background: #fff;
    /*border:4px solid #999;*/
}

.fotorama__thumb-border[style] {
    border-color: #23296D;
}

.panel-success > .apart-preview__header
{
    background: #424242;
    color:#fff;
    border-radius: 0;
    border-color: #424242;
    padding-top: 3px;
    padding-bottom: 2px;
}

.apartList-row__noPadding > [class*='col-']
{
    padding:0px;
}

.apartList-row__noPadding
{
    margin:0px;
}

.apartList-container
{
    padding: 0px;
    border-radius: 0px;
    border:1px solid #999;

}

.apartList__properties-wrapper
{
    position: relative;
    width: 100%;
    height: 200px;
    padding-bottom: 34px;
}

.apartList__properties {}

.apartList__properties .list-group-item {
    padding: 6px 5px;
    border-radius: 0;
    font-size: 14px;
}

.apartList__apartCardLink
{
    position: absolute;
    bottom: 0px;
    font-weight: 600; border-radius: 0px; background: #77B800; color:#fff;
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
}

.apartList__apartCardLink:hover,
.apartList__apartCardLink:focus
{background: #424242; color: #fff}

.apartList__propertiesPanel
{
    padding-left:10px;
    padding-top:0px;
}

.apartList__price
{
    font-size: 22px;
    /*  font-family: CostarBrownLight; */
    font-family: "Times New Roman";
}

.apartList__properties
{
    font-size: 17px;
    /*  font-family: CostarBrownLight; */
    font-family: "Times New Roman";
}

.apartList__empty-photo{
    height:200px;text-align: center;padding-top:50px;
    background-image: -webkit-linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}

#apartmentType .add-apartment {
    border-bottom: 1px dotted #a1a1a1;
}
#apartmentType .add-apartment-link {
    display:block;
    width: 200px;
    padding: 5px 10px;margin: 30px auto;
    font-size: 13px;
    font-family: 'ArimoBold', Arial;
    text-align: center;
    background: #77B800; color:#fff;
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
}
#apartmentType .add-apartment-link:hover{
    background: #424242;
    text-decoration: none;
}
#apartmentType .add-apartment-link:focus{
    text-decoration: none;
}
.my-apartments{padding:20px 0}
.my-apartments-caption{font-family: 'ArimoBold', Arial;font-size:13px;text-align: center}
.my-apartments-list{margin: 20px 0 0}
.my-apartments-list .my-apartments-list__empty{text-align:center;font-size:13px;color:#c1c1c1}
.my-apartments-list .apartment-row {width:100%;padding:5px 10px}
.my-apartments-list .apartment-row.gray {background: #f1f1f1}
.my-apartments-list .apartment-row .apartment-info {float:left;width:270px;margin-right:10px;font-size:13px;color:#424242}
.my-apartments-list .apartment-row .apartment-controls {float:right;margin:10px 0}
.my-apartments-list .apartment-row .apartment-controls a {padding: 6px 10px}

/*------------------------------- end apartment list ---------------------------------------------------------------------*/

/*----------------------------------- apartment add  ---------------------------------------------------------------------*/
.apartmentAdd-panelHeader
{
    /*background: #424242;*/
    background: #fff;
    border-radius: 0px;
}

.apartAdd-row__marginTopBottom{
    margin: 20px 0 10px 0; background: #fff;
}

.form-control
{
    border-radius: 0;
}

.btn-primary
{
    border-radius: 0;
    background: #77B800; color:#fff;
    border: 0 solid #77B800;
    box-shadow: none;
    text-shadow: none;
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
    font-family: 'ArimoBold', Arial;
}
.btn-primary.gray { background: #424242; border: 0 solid #424242;}

.btn-primary:focus
{
    border-radius: 0;
    background: #77B800; color:#fff;
    border: 0;
    box-shadow: none;
    text-shadow: none;
}
.btn-primary.gray:focus{ background: #424242;}

.btn-primary:hover
{
    background-color: #555;
    color: #fff;
    border: 0;
    box-shadow: none;
    text-shadow: none;
}

.btn-primary.disabled
{
    background-color: #999;
}

.btn-info
{
    border-radius: 0;
    font-family: 'ArimoBold', Arial; background: #318bb8; color:#fff;
    border: 0 solid #318bb8;
    box-shadow: none;
    text-shadow: none;
}

.btn-info:focus
{
    border-radius: 0;
    background: #318bb8; color:#fff;
    border: 0;
    box-shadow: none;
    text-shadow: none;
}

.btn-info:hover
{
    background-color: #555;
    color: #fff;
    border: 0;
    box-shadow: none;
    text-shadow: none;
}

#apartAdd-submit
{
    background: #77B800;
}

#apartAdd-submit:hover
{
    background-color: #555;
    color: #fff;
    border: 0px;
    box-shadow: none;
    text-shadow: none;
}

/*------------------------------- end apartment add  ---------------------------------------------------------------------*/

/*----------------------------------- apartment card ---------------------------------------------------------------------*/
.appartment-info{padding:8px 14px;margin:0px;text-align:center;color:#777;font-style:italic;border-radius: 0px;}
.appartment-info__good{background-color: #dff0d8;border: 1px solid #d6e9c6;}
.appartment-info__bad{background-color: #f2dede;border: 1px solid #EBCECE;}
.appartment-info__neutral{background-color: #d9edf7;border: 1px solid #CEE5F0;}

.apartmentCard-headerText
{
    font-size:18px;
    color: #fff;
}

.apartmentCard-dateText
{
    color: #fff;
}

.apartCard-row__padding > [class*='col-']
{
    padding: 0;
}

.apartCard-row__marginBot{
    margin: 0 0 10px 0; background: #fff;
}

.apartCard-row__marginTop{
    margin: 20px 0 0; background: #fff;
}

.apartCard-row__marginAll{
    margin: 5px; background: #fff;
}

.apartmentCard-title
{
    border:0; border-radius: 0; margin-bottom: 0;
}

.apartCard-panelHeading
{
    border-bottom:2px solid #424242;
}

.apartCard-panel__noMargin
{
    margin: 0;
    border: 0;
    box-shadow: none;
}

.apartCard-descriptionBody
{
    padding-top: 2px;
    padding-bottom: 2px;
}

.apartCard-list-group__noShadow
{
    box-shadow: none;
}

.apartCard-list-group__noShadow:last-child
{
    border: 0;
}

.apartCard__empty-photo{
    width:640px;height:480px;text-align: center;padding-top:170px;
    background-image: -webkit-linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}
/*------------------------------- end apartment card ---------------------------------------------------------------------*/


/**************************** PLUGIN FIXES *********************************/

#fotorama div {margin:0 auto}

/*------------------------------------------- BOOTSTRAP ------------------------------------------------------------------*/
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.panel {border-radius: 0}
.panel.panel-default>.panel-heading {background:none;font-size:16px;color:#424242}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
    border-radius: 0;
}

.apartment-marker__selector .btn {min-width: 32px;height: 100%}
.apartment-marker__selector .dropdown-menu {padding:0;margin:1px 0 0 -1px;min-width:34px;}
.apartment-marker__selector .dropdown-menu .apartment-marker__selector-opt {width: 34px;height: 33px;cursor:pointer}

.apartment-marker__selector-opt-1{background:#424242;}
.apartment-marker__selector-opt-2{background: #0B6839;}
.apartment-marker__selector-opt-3{background: #daa520;}
.apartment-marker__selector-opt-4{background: #b22222;}
.apartment-marker__selector-opt-5{background: #2a4666;}

.apartment-marker__selector .btn {background:#424242}

.apartment-card.apartment-marker__1 .apartment-card-address .apartment-marker__selector .btn {background:#424242}
.apartment-card.apartment-marker__1 .apartment-card-address .apartment-marker__selector-opt-1 {display:none}
.apartment-card.apartment-marker__1 .apartment-card-address{background: #424242;}
.apartment-list-card.apartment-marker__1 .apartment-list-card__header .apartment-marker__selector .btn {background:#424242}
.apartment-list-card.apartment-marker__1 .apartment-list-card__header .apartment-marker__selector-opt-1 {display:none}

.apartment-card.apartment-marker__2 .apartment-card-address .apartment-marker__selector .btn {background:#0B6839}
.apartment-card.apartment-marker__2 .apartment-card-address .apartment-marker__selector-opt-2 {display:none}
.apartment-marker__2 > .apartment-list-card__header {
    color: #fff;
    background-color: #0B6839;
    border-color: #0B6839;
}
.apartment-card.apartment-marker__2 .apartment-card-address{background: #0B6839;}
.apartment-list-card.apartment-marker__2 .apartment-list-card__header .apartment-marker__selector .btn {background:#0B6839}
.apartment-list-card.apartment-marker__2 .apartment-list-card__header .apartment-marker__selector-opt-2 {display:none}


.apartment-card.apartment-marker__3 .apartment-card-address .apartment-marker__selector .btn {background: #daa520}
.apartment-card.apartment-marker__3 .apartment-card-address .apartment-marker__selector-opt-3 {display:none}
.apartment-marker__3 > .apartment-list-card__header {
    color: #fff;
    background-color: #daa520;
    border-color: #daa520;
}
.apartment-card.apartment-marker__3 .apartment-card-address{background: #daa520;}
.apartment-list-card.apartment-marker__3 .apartment-list-card__header .apartment-marker__selector .btn {background:#daa520}
.apartment-list-card.apartment-marker__3 .apartment-list-card__header .apartment-marker__selector-opt-3 {display:none}


.apartment-card.apartment-marker__4 .apartment-card-address .apartment-marker__selector .btn {background:#b22222}
.apartment-card.apartment-marker__4 .apartment-card-address .apartment-marker__selector-opt-4 {display:none}
.apartment-marker__4 > .apartment-list-card__header {
    color: #fff;
    background-color: #b22222;
    border-color: #b22222;
}
.apartment-card.apartment-marker__4 .apartment-card-address{background: #b22222;}
.apartment-list-card.apartment-marker__4 .apartment-list-card__header .apartment-marker__selector .btn {background:#b22222}
.apartment-list-card.apartment-marker__4 .apartment-list-card__header .apartment-marker__selector-opt-4 {display:none}

.apartment-card.apartment-marker__5 .apartment-card-address .apartment-marker__selector .btn {background:#2a4666}
.apartment-card.apartment-marker__5 .apartment-card-address .apartment-marker__selector-opt-5 {display:none}
.apartment-marker__5 > .apartment-list-card__header {
    color: #fff;
    background-color: #2a4666;
    border-color: #2a4666;
}
.apartment-card.apartment-marker__5 .apartment-card-address{background: #2a4666;}
.apartment-list-card.apartment-marker__5 .apartment-list-card__header .apartment-marker__selector .btn {background:#2a4666}
.apartment-list-card.apartment-marker__5 .apartment-list-card__header .apartment-marker__selector-opt-5 {display:none}


.list-group:first-child {
    border-radius: 0;
}

.list-group:last-child {
    border-radius: 0;
}

/*------------------------------------------- END BOOTSTRAP ------------------------------------------------------------------*/

/*--- SLIDE ---*/
.slideControl{padding:2px 0;font-size:14px;width:100px;margin-left:48px;text-align:center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.slidesCount{padding:0 4px;font-size:14px;vertical-align:top;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.control {cursor:pointer;color: #0f0f0f;font-size:18px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.control.controlDisable{color:#c1c1c1}


.main-panelHeader
{
    background: #424242;
    border-radius: 0;
}

/*------------------------- apartment edit ----------------------------*/
.apartment-edit {}
.apartment-edit-header {width:100%;padding-left:320px;color:#fff}
.apartment-edit-title {width:100%;padding:20px 0 10px 60px;font-size:15px}
.apartment-edit-controls {width:100%;font-size:14px}
.apartment-edit-controls a {color:#fff; text-decoration:none; margin-right:20px}
.apartment-edit-controls a span {color: #77B800;margin-right:2px}
.apartment-edit-controls .hata-action__submit {margin-top:2px}

.apartment-edit-address {width:100%;background:#424242; padding: 10px 25px; font-size:15px;color:#fff}
.apartment-edit-params {width:100%;padding:10px 25px 20px; color: #424242;}

.apartment-edit-params .apartment-contacts {float:left;margin-right:10px;width:210px}
.apartment-edit-params .apartment-contacts .contact-name {margin-bottom:10px}
.apartment-edit-params .apartment-contacts .main-phone {margin-bottom: 10px}
.apartment-edit-params .apartment-contacts .main-phone strong {font-size:22px}
.apartment-edit-params .apartment-contacts .main-phone .offer-edit__main-phone{margin-bottom:2px;line-height: 30px}
.apartment-edit-params .apartment-contacts .main-phone .offer-edit__phone-change{}
.apartment-edit-params .apartment-contacts .sub-phones input {margin: 5px 0}

.apartment-edit-params .apartment-photos {float:left;margin-right:10px;margin-bottom:20px}
.offer-edit__photos-list {width:555px;float:left}
.offer-edit__photo-add{
    background: #77B800;cursor:pointer;
    width:180px;height:150px;overflow:hidden;position:relative;
    float:left;text-align:center;padding-top:62px;
}
.offer-edit__photo-add .photo-add-title {color:#fff;font-size:15px;font-family: 'ArimoBold', Arial;}
.offer-edit__photo-add input{position:absolute;right:0;top:0;margin:0;padding:0;cursor:pointer;font-size: 6.54em !important;opacity:0.01;height:100%}
.offer-edit__photos-item{float:left;width:180px;height:150px;margin:0 5px 5px 0; position:relative;cursor:move;
    text-align:center;
    background-image: -webkit-linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}
.offer-edit__photos-item img {width:180px;}

.offer-edit__photos-item .offer-edit__photos-delete {visibility:hidden;opacity:0;display:block;width:100%;color:#fff;position:absolute;bottom:0;cursor:pointer;background:#000;text-align:left;padding:5px;font-size:13px}
.offer-edit__photos-item .offer-edit__photos-delete .glyphicon {font-size:10px;margin-right:4px}
.offer-edit__photos-item .offer-edit__photos-delete:hover .txt {border-bottom: 1px solid #fff }
.offer-edit__photos-item:hover .offer-edit__photos-delete {visibility:visible;opacity:0.75;}
.offer-edit__photos-item .offer-edit__photos-delete{
    -webkit-transition: visibility 0.2s, opacity 0.2s linear;
    -moz-transition: visibility 0.2s, opacity 0.2s linear;
    -o-transition: visibility 0.2s, opacity 0.2s linear;
    transition: visibility 0.2s, opacity 0.2s linear;
}

.offer-edit__photos-item.offer-edit__photos-item_state_deleted .offer-edit__photos-recover {
    width:100%;color:#fff;position:absolute;bottom:0;cursor:pointer;background:#000;opacity:0.75;text-align:left;padding:5px;font-size:13px}
.offer-edit__photos-item.offer-edit__photos-item_state_deleted .offer-edit__photos-recover .glyphicon {font-size:10px;margin-right:4px}
.offer-edit__photos-item.offer-edit__photos-item_state_deleted .offer-edit__photos-recover:hover .txt{border-bottom: 1px solid #fff}
.offer-edit__photos-item.offer-edit__photos-item_state_deleted img{opacity:0.5}
.offer-edit__photos-item:not(.offer-edit__photos-item_state_deleted ) .offer-edit__photos-recover{display:none}
.offer-edit__photos-item.offer-edit__photos-item_state_deleted .offer-edit__photos-delete{display:none}
.offer__photo-item{text-align: center;}

.apartment-edit-params .apartment-info {float:left;}
.apartment-edit-params .apartment-info .text-muted {font-size:13px}
.apartment-edit-params .apartment-info .price {margin-bottom:10px}
.apartment-edit-params .apartment-info .price input{display:inline-block;width:143px}
.apartment-edit-params .apartment-info .stage {margin-bottom:10px}
.apartment-edit-params .apartment-info .stage input{display:inline-block;width:45px}
.apartment-edit-params .apartment-info .area{margin-bottom:10px}
.apartment-edit-params .apartment-info .area input{display:inline-block;width:55px}
.apartment-edit-params .apartment-info .cadastral-number{margin-bottom:10px}
.apartment-edit-params .apartment-info .cadastral-number input{display:inline-block;width:355px}
.apartment-edit-params .apartment-info .offer-type{margin-bottom:10px}
.apartment-edit-params .apartment-info .offer-type select{width:355px}
.apartment-edit-params .apartment-info .village{margin-bottom:10px}
.apartment-edit-params .apartment-info .village select{width:355px}
.apartment-edit-params .apartment-info .commission input{display:inline-block;width:45px}
.apartment-edit-params .apartment-info .dop-info {margin-top:20px;width:350px}
.apartment-edit-params .apartment-info .dop-info .dop-info-item {float:left;margin-bottom:5px}
.apartment-edit-params .apartment-info .dop-info .dop-info-item .cbx-icon {color:#77B800}
.apartment-edit-params .apartment-info .dop-info .dop-info-item.big {width:185px;margin-right:10px}
.apartment-edit-params .apartment-info .dop-info .hata-action__check{font-size:15px;font-weight:normal;font-style:normal;cursor:pointer;}
.hata-action__check.unchecked {color:#a1a1a1}

.apartment-edit-description {width:100%;padding:20px 0 0; color: #424242}
.apartment-edit-description .field-wrapper {padding:0 25px;margin: 0 0 20px}
.apartment-edit-description .field {width:100%;padding:10px;color:#424242;font-size:15px;height: 510px}

.apartment-edit-inner-description {width:100%;padding:20px 0 0; color: #424242}
.apartment-edit-inner-description .field-wrapper {padding:0 25px;margin: 0 0 20px}
.apartment-edit-inner-description .field {width:100%;padding:10px;color:#424242;font-size:15px;height: 210px}

.apartment-edit-errors {width:700px;margin:10px auto 20px}
.apartment-edit-errors-title{text-align:center}
.apartment-edit-errors .apartment-edit-errors-item{text-align: center}

/*------------------------- apartment card ----------------------------*/

.apartment-card-header {width:100%;padding-left:320px;color:#424242}
.apartment-card-header .modal {color:#333}
.apartment-card-title {width:100%;padding:20px 0 10px;font-size:15px}
.apartment-card-controls {width:100%;font-size:14px}
.apartment-card-controls a:not(.btn) {color:#fff; text-decoration:none; margin-right:20px}
.apartment-card-controls a:not(.btn) span {color: #77B800;margin-right:2px}

.apartment-card {}
.apartment-card-address {width:100%;background:#fff; padding: 10px 15px 10px 25px; font-size:15px;color:#424242;font-family: 'ArimoBold', Arial;}
.apartment-card .apartment-card-address .apartment-marker__selector .btn {width:41px;height:41px}
.apartment-card .apartment-card-address .apartment-marker__selector .dropdown-menu .apartment-marker__selector-opt {width:41px;height:41px}

.apartment-card-params {width:100%;padding:20px 25px 0; color: #424242;}

.apartment-card-params .apartment-photos {float:left;margin-right:40px;margin-bottom:20px;}

.apartment-card-params .apartment-info {float:left;margin-right:40px;margin-bottom:10px;}
.apartment-card-params .apartment-info .text-muted {font-size:13px}
.apartment-card-params .apartment-info .price {margin-bottom:10px;font-size:20px}
.apartment-card-params .apartment-info .stage {margin-bottom:5px;}
.apartment-card-params .apartment-info .area {margin-bottom:5px;}
.apartment-card-params .apartment-info .dop-info {margin-top:5px;}
.apartment-card-params .apartment-info .dop-info .dop-info-container {}
.apartment-card-params .apartment-info .dop-info .dop-info-container .dop-info-item {display:inline-block; width: 120px;margin-bottom:5px;}
.apartment-card-params .apartment-info .dop-info .dop-info-container .dop-info-item .cbx-icon {color:#77B800}
.apartment-card-params .apartment-info .dop-info .dop-info-container .dop-info-item.big {width: 200px;}
.apartment-card-params .apartment-info .dop-info .dop-info-container .hata-action__check{font-size:15px;font-weight:normal;font-style:normal;cursor:default;}
.apartment-card-params .cbx-disabled {cursor: default}

.apartment-card-params .apartment-metro {float:left;}
.apartment-card-params .apartment-metro .metro-item {line-height:30px;max-width:270px}

.apartment-card-params .apartment-contacts {float:left;margin-right:40px;margin-top:10px;width:400px}
.apartment-card-params .apartment-contacts strong{font-size: 18px;}
.apartment-card-params .apartment-contacts a{font-size:18px;}
.apartment-card-params .apartment-name {margin-bottom:5px;float:left;margin-right:20px}
.apartment-card-params .apartment-phones {margin-bottom:5px;float:left;}
.apartment-card-params .apartment-phones img {display:block}
.apartment-card-params .apartment-phones img.subphone {margin-left:6px}

.apartment-card-map {width:100%;color:#424242;margin-top:20px}

.apartment-card-description .apartment-description {margin-top:10px;max-width:400px;}
@media screen and (max-width: 1310px) {
    .apartment-card-description .apartment-description {max-width:1000px}
}
.apartment-card-description .apartment-description blockquote{font-size:14px; border:0;padding:0;margin:0}

.apartment-card-deleted {width:100%;text-align: center;padding:100px 25px 150px}
.apartment-card-deleted .glyphicon {font-size:200px}

/*------------------------- apartment add ----------------------------*/
.apartment-add {height:100%;padding-bottom:40px}
.apartment-add-header {width:100%;padding-left:320px;color:#fff}
.apartment-add-title {width:100%;font-size:14px;padding:20px 0 20px 160px}
.apartment-add-steps {width:100%;font-size:14px;height:50px}
.apartment-add-steps .apartment-add-step {float:left; text-align:center;padding:10px 0 0;height:100%}
.apartment-add-steps .apartment-add-step.step-1 {width:25%}
.apartment-add-steps .apartment-add-step.step-2 {width:30%}
.apartment-add-steps .apartment-add-step.step-3 {width:20%}
.apartment-add-steps .apartment-add-step.step-4 {width:15%}
.apartment-add-steps .apartment-add-step span {color:#77B800;margin-right:2px}
.apartment-add-steps .apartment-add-step.step-active {background:#77B800;font-family: 'ArimoBold', Arial;}
.apartment-add-steps .apartment-add-step.step-active span {color:#fff}

.apartment-add .offer-step__wrapper-2,
.apartment-add .offer-step__wrapper-3,
.apartment-add .offer-step__wrapper-4 {
    display: none
}

.offer-step__title {text-align:center;font-family: 'ArimoBold', Arial;font-size:20px;color:#77B800;margin:20px 0 10px}
.offer-step__help {color:#c1c1c1;text-align:center;font-size:14px;width:500px;margin:10px auto}

.apartment-add .offer-step__wrapper-3 .offer-step__help {width:800px}
.apartment-add .offer-step__wrapper-4 .offer-step__help {width:1000px}
.apartment-add .offer-step label{margin-right:10px}

.apartment-add-errors {width:700px;margin:30px auto 0}
.apartment-add-errors-title{text-align:center}
.apartment-add-errors .apartment-add-errors-item{text-align:left;margin-left:200px}

.previous-step, .next-step {font-size: 24px;padding: 7px 25px;font-family: 'ArimoBold', Arial}
.previous-step span {font-size: 18px;margin-right:15px}
.next-step span {font-size: 18px;margin-left:15px}
.offer-step__controls {width:600px; margin:10px auto 0}
.offer-step__controls .previous-step {float:left}
.offer-step__controls .next-step {float:right}

.apartment-add-address {text-align:center;margin: 30px auto 10px;width:600px}
.apartment-add-address input {display:inline;height:50px;}
.apartment-add-map {margin: 20px 0 30px}
#xMap-offer-add {height:480px}

.apartment-add-type {text-align:center;margin: 30px auto 10px;}
.apartment-add__selectpicker{border-radius: 0; color:#555; background: #fff;font-size:13px;outline: none;}
.apartment-add__selectpicker:hover,
.apartment-add__selectpicker:focus,
.open>.dropdown-toggle.btn-default{background: #fff;outline: none;}
.apartment-add-price {text-align:center;margin: 20px auto 10px;}
.apartment-add-price input {width:200px;display:inline;margin-right:10px}
.apartment-add-stage {text-align:center;margin: 20px auto 10px;}
.apartment-add-stage input {width:70px;display:inline;margin-right:10px}
.apartment-add-stage span {margin-right:10px}
.apartment-add-area {text-align:center;margin: 20px auto 10px;}
.apartment-add-area input {width:140px;display:inline;margin-right:10px}
.apartment-add-area__room {color:#777;font-size:14px;text-align:center;display:none;margin:10px auto;width:400px}
.apartment-add-commission {text-align:center;margin: 20px auto 10px;color:#fff;background: #b6b6b6;padding:10px 0}
.apartment-add-commission input {width:70px;display:inline;margin-right:10px;color:#a1a1a1}
.apartment-add-commission p {font-size:14px;line-height:13px;margin: 10px 0}

.apartment-add .dop-info {margin: 20px auto 10px;width:430px}
.apartment-add .dop-info .dop-info-item {float:left;margin-bottom:5px}
.apartment-add .dop-info .dop-info-item .cbx-icon {color:#77B800}
.apartment-add .dop-info .dop-info-item.big {width:300px;margin-right:10px}
.apartment-add .dop-info .hata-action__check{font-size:15px;font-weight:normal;font-style:normal;cursor:pointer;}

.apartment-add-description {text-align:center;margin: 20px auto 50px;width:800px}
.apartment-add-description textarea {height:100px}
.apartment-add-description blockquote{font-size:14px;border:0;padding:0;margin:5px 0 0;text-align: left}

.apartment-add-photo {text-align:center;margin: 30px auto 40px;}
.offer-add__photo-add{
    background: #77B800;cursor:pointer;
    width:180px;height:150px;overflow:hidden;position:relative;
    text-align:center;padding-top:62px;margin: 0 auto;
}
.offer-add__photo-add .photo-add-title {color:#fff;font-size:15px;font-family: 'ArimoBold', Arial;}
.offer-add__photo-add input{position:absolute;right:0;top:0;margin:0;padding:0;cursor:pointer;font-size: 6.54em !important;opacity:0.01;height:100%}

.apartment-add-name {text-align:center;margin: 30px auto 10px;}
.apartment-add-name input {width:200px;display:inline;}
.apartment-add-main-phone {text-align:center;margin: 20px auto 10px;}
.apartment-add-main-phone input {width:200px;display:inline;font-size:18px;height:40px;}
.apartment-add-main-phone .offer__phone-confirm {display:inline;}
.apartment-add-sub-phone {text-align:center;margin: 20px auto 0;}
.apartment-add-sub-phone input {width:200px;display:inline;font-size:18px;height:40px;}
.apartment-add-sub-phone-2 {text-align:center;margin: 10px auto 40px;}
.apartment-add-sub-phone-2 input {width:200px;display:inline;font-size:18px;height:40px;}

/*------------------------- rent add ----------------------------*/
.rent-add {height:100%;padding-bottom:40px}
.rent-add-header {width:100%;padding-left:320px;color:#fff}
.rent-add-title {width:100%;font-size:14px;padding:20px 0 20px 160px}
.rent-add-steps {width:100%;font-size:14px;height:50px}
.rent-add-steps .rent-add-step {float:left; text-align:center;padding:10px 0 0;height:100%}
.rent-add-steps .rent-add-step.step-1 {width:30%}
.rent-add-steps .rent-add-step.step-2 {width:25%}
.rent-add-steps .rent-add-step.step-3 {width:30%}
.rent-add-steps .rent-add-step span {color:#77B800;margin-right:2px}
.rent-add-steps .rent-add-step.step-active {background:#77B800;font-family: 'ArimoBold', Arial;}
.rent-add-steps .rent-add-step.step-active span {color:#fff}

.rent-add .offer-step__wrapper-2,
.rent-add .offer-step__wrapper-3 {
    display: none
}

.rent-add .offer-step__wrapper-2 .offer-step__help {width:1000px}
.rent-add .offer-step__wrapper-3 .offer-step__help {width:1000px}

.rent-add-errors {width:700px;margin:30px auto 0}
.rent-add-errors-title{text-align:center}
.rent-add-errors .rent-add-errors-item{text-align:left;margin-left:200px}

.rent-add-map {margin: 20px auto 30px;width:1310px}
.rent-add-map-controls {margin-left: 25px}
.rent-add-map #xMap-rent{width:1310px;height:600px;margin:10px auto}
.rent-add-map #xCanvas-rent{position:absolute;z-index:1;background:transparent;cursor:crosshair}

.rent-add-params-wrapper {width:900px;margin:0 auto}
.rent-add-params-wrapper label{margin-right:10px;width:350px;text-align:right}
.rent-add-params-wrapper .rent-add-param{width:400px;display:inline-block}

.rent-add-type {margin: 30px auto 10px;}
.rent-add-price {margin: 30px auto 10px;}
.rent-add-area {margin: 30px auto 10px;}
.rent-add-pets-child {text-align:center;margin: 30px auto 10px;}
.rent-add-check {cursor:pointer;display:inline-block;text-align:center;margin-right:40px}
.rent-add-check input {display: none}
.rent-add-check .rent-add-child {display:block;width:32px;height:32px;background: url('/design/img/child.gif');margin: 0 auto 5px}
.rent-add-check .rent-add-child.active{background: url('/design/img/child-active.gif')}
.rent-add-check .rent-add-pet {display:block;width:32px;height:32px;background: url('/design/img/pet.gif');margin: 0 auto 5px}
.rent-add-check .rent-add-pet.active{background: url('/design/img/pet-active.gif')}

.rent-add .dop-info {margin: 30px auto 10px;width:430px;text-align: left}
.rent-add .dop-info .dop-info-item{margin: 10px 0 0 100px;}
.rent-add .dop-info .hata-action__check{font-size:15px;font-weight:normal;font-style:normal;cursor:pointer;}
.rent-add .dop-info .dop-info-item .cbx-icon {color:#77B800}

.rent-add-description {text-align:center;margin: 20px auto 50px;width:700px}
.rent-add-description textarea {height:100px}
.rent-add-description blockquote{font-size:14px;border:0;padding:0;margin:5px 0 0;text-align: left}

.rent-add-contacts-wrapper {width:900px;margin:0 auto}
.rent-add-contacts-wrapper label{margin-right:10px;width:350px;text-align:right}
.rent-add-contacts-wrapper .rent-add-contacts-row{width:400px;display:inline-block}

.rent-add-name {margin: 30px auto 10px;}
.rent-add-name input {width:200px;display:inline;}
.rent-add-main-phone {margin: 20px auto 10px;}
.rent-add-main-phone input {width:200px;display:inline;font-size:18px;height:40px;}
.rent-add-main-phone .offer__phone-confirm {display:inline;}
.rent-add-sub-phone {margin: 20px auto 0;}
.rent-add-sub-phone input {width:200px;display:inline;font-size:18px;height:40px;}
.rent-add-sub-phone-2 {margin: 10px auto 40px;}
.rent-add-sub-phone-2 input {width:200px;display:inline;font-size:18px;height:40px;}

/*------------------------- rent list ----------------------------*/
.rent-list {height:100%;padding-bottom:40px;margin-top:40px}
.rent-list-header {width:100%;padding-left:320px;color:#fff}
.rent-list-title {width:100%;padding:20px 0 15px 160px}
.rent-list-address {display:inline-block;margin-right:50px}
.rent-list-address span {color: #77B800}
.rent-list-info {display:inline-block;}

.rent-list-empty {color:#c1c1c1;text-align:center;font-size:14px;width:500px;margin:100px auto 200px}

.rent-list .pagination {margin-left:25px}
.rent-list .pagination .pagination-control {border-radius:0 !important;cursor:pointer;background-color:#77B800;color:#fff}
.rent-list .pagination .pagination-control:hover {background-color: #555; color:#fff}
.rent-list .pagination .disabled .pagination-control {background-color: #c1c1c1;}
.rent-list .pagination .disabled .pagination-control:hover {background-color: #c1c1c1;}
.rent-list .pagination-title {background:#77B800;color:#fff}
.rent-list .pagination-title:hover {background:#77B800;color:#fff}

.rent-list-body {margin:20px 0}
.rent-list-item {width:100%;padding:20px 25px;border-bottom: 1px #2b2b2b dotted;}
.rent-list-item:last-child {border-bottom: 0;}

.rent-list-item .rent-avatar {float:left;width:120px;}
.rent-list-item .rent-contacts {float:left;width:260px;padding:0 25px}
.rent-list-item .rent-contacts .rent-contacts-name a{text-decoration: underline;color:#333}
.rent-list-item .rent-description {float:left;width:398px;}
.rent-list-item .rent-child-pet {float:left;width:72px;padding:0 20px}
.rent-list-item .rent-child {display:block;width:32px;height:32px;background: url('/design/img/child.gif');margin: 0 auto 5px}
.rent-list-item .rent-child.active{background: url('/design/img/child-active.gif')}
.rent-list-item .rent-pet {display:block;width:32px;height:32px;background: url('/design/img/pet.gif');margin: 0 auto 5px}
.rent-list-item .rent-pet.active{background: url('/design/img/pet-active.gif')}
.rent-list-item .rent-info {float:left;width:230px;}
.rent-list-item .rent-notify {float:left;width:50px;text-align:center}
.rent-list-item .rent-notify .glyphicon-ok {color:#77B800;font-size:24px}.rent-add-sub-phone-2 input {width:200px;display:inline;font-size:18px;height:40px;}.apartment-add-sub-phone-2 input {width:200px;display:inline;font-size:18px;height:40px;}

/*------------------------- rent edit ----------------------------*/
.rent-edit {height:100%;padding-bottom:40px}
.rent-edit-header {width:100%;padding-left:320px;color:#fff}
.rent-edit-title {width:100%;padding:20px 0 10px 100px;font-size:15px}
.rent-edit-controls {width:100%;font-size:14px;padding: 0 0 0 120px}
.rent-edit-controls a {color:#fff; text-decoration:none; margin-right:20px}
.rent-edit-controls a span {color: #77B800;margin-right:2px}
.rent-edit-controls .hata-action__submit {margin-top:2px}

.rent-edit .rent-config-wrapper {width:920px;margin:40px auto;}
.rent-edit .rent-config-wrapper label{margin-right:10px;width:300px;text-align:right}
.rent-edit .rent-config-wrapper .rent-config-param{width:600px;display:inline-block}

.rent-edit-email {margin: 30px auto 10px;}
.rent-edit-email .email-confirm{ display:inline-block;}
.rent-edit-email .email-confirm .btn {height:34px;margin-top:-2px}
.rent-edit-email #accountEmail {width:250px;display:inline-block}
.rent-edit-subscribe {margin: 30px auto 0;}
.rent-edit-subscribe .cbx-icon {color:#77B800}
.rent-edit-subscribe-help {margin: 5px auto 10px;font-size:14px;color:#c1c1c1}

.rent-edit-map {margin:0 auto;width:1310px; border-top:1px dotted #2b2b2b;}
.rent-edit-map-help {color:#c1c1c1;text-align:center;font-size:14px;width:500px;margin:30px auto;}
.rent-edit-map-controls {margin-left: 25px}
.rent-edit-map #xMap-rent{width:1310px;height:600px;margin:10px auto}
.rent-edit-map #xCanvas-rent{position:absolute;z-index:1;background:transparent;cursor:crosshair}

.rent-edit-params-wrapper {width:900px;margin:0 auto}
.rent-edit-params-wrapper label{margin-right:10px;width:350px;text-align:right}
.rent-edit-params-wrapper .rent-edit-param{width:400px;display:inline-block}

.rent-edit-type {margin: 30px auto 10px;}
.rent-edit-price {margin: 30px auto 10px;}
.rent-edit-area {margin: 30px auto 10px;}

.rent-edit .dop-info {margin: 30px auto 10px;width:430px;text-align: left}
.rent-edit .dop-info .dop-info-item{margin: 10px 0 0 100px;}
.rent-edit .dop-info .hata-action__check{font-size:15px;font-weight:normal;font-style:normal;cursor:pointer;}
.rent-edit .dop-info .dop-info-item .cbx-icon {color:#77B800}

.rent-edit-description {text-align:center;margin: 20px auto 50px;width:700px}
.rent-edit-description textarea {height:100px}
.rent-edit-description blockquote{font-size:14px;border:0;padding:0;margin:5px 0 0;text-align: left}

.rent-edit .rent-add-contacts-row {width:500px}
.rent-edit .rent-add-main-phone .offer-edit__main-phone {display:inline-block;margin-right:15px}
.rent-edit .offer-edit__phone-change {display:inline-block}

.rent-edit-errors {width:700px;margin:30px auto 0}
.rent-edit-errors-title{text-align:center}
.rent-edit-errors .rent-edit-errors-item{text-align:left;margin-left:200px}

/*------------------------- 404 ----------------------------*/
.content-404 {width:600px;text-align:center;margin:100px auto 0; padding-bottom:100px;font-size:16px}

.content-apartment-limit {width:600px;text-align:center;margin:100px auto 0; padding-bottom:100px;font-size:16px}

.auth-alert {
    position:absolute;margin:0 0 0 -236px;width:270px;padding:20px 25px;
    background:#fff;color:#a1a1a1;border:1px solid #c1c1c1;
    font-size:13px;font-family: 'ArimoRegular', Arial;
}

.yashare-auto-init .b-share {margin-top:-10px}

#xMap-search .cityBtn {
    color: #fff;
    border: 0;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
    background: #555;
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
    font-family: 'ArimoBold', Arial;

    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
}

#xMap-search .cityBtn.active {
    background-color: #77B800;
}

#xMap-search .cityBtn.msk {margin-right:10px}

/*----------- LANDING ------------------*/
.landing_overlay {
	background-color: #000;
	height: 100%;
	left: 0;
	opacity: 0.9;
	position: absolute; 
	top: 0;
	width: 100%;
}
.landing_text {
	z-index: 200;
	position:absolute;
	left: 715px;
	color: #fff;
	width: 400px;
	font-size:16px;
}
.landing_text.first{top:30px;}
.landing_text.second{top:110px;}
.landing_text.third{top:300px;}
.landing_text.fourth{top:600px;}

#firstArrow {
  position:absolute;
  top: 88px;
  left: 408px;
  background:none;
  z-index: 200;
}

#thirdArrow {
  position:absolute;
  top: 630px;
  left: 350px;
  background:none;
  z-index: 200;
}

.info-for-user__shadow{
    position: absolute;
    /*top:200px;left:550px;*/
    top:50%;left:50%;
    margin-left: -200px;margin-top: -75px;
    height:150px;width:400px;
    background:#000;opacity:0.6;
    z-index: 200;
}

.info-for-user__content {
    position:absolute;
    /*top: 200px; left: 550px;*/
    top:50%;left:50%;
    margin-left: -200px;margin-top: -75px;
    height:150px;width:400px;
    background:none;
    z-index: 200;
    color: #fff;
    text-align:center;
    padding-top:25px;
}

.info-for-user__close {
    position:absolute;
    /*top: 200px; left: 924px;*/
    top:50%;left:50%;
    margin-left: 174px;margin-top: -75px;
    height:25px;width:25px;
    background:none;
    z-index: 210;
    color: #fff;
    font-size:20px;
    text-align:center;
    cursor:pointer;
}
.info-for-user__close:hover {
    color:#f00;
    font-weight:bold;
}

/*------------------------------------------ MOBILE ---------------------------------------*/

.body-mobile {font-size:45px;min-width:0}
.body-mobile .list-group-item {padding:40px 25px;}
.body-mobile .btn {font-size:45px;padding:10px 26px}
.body-mobile .filter__selectpicker{font-size:40px}
.body-mobile .selectpicker{font-size:40px}
.body-mobile .search-marked-apartments-color label {width:100px;height:100px;}
.body-mobile .search-marked-apartments-color {margin-left:92px}
.body-mobile .search-marked-apartments-color:first-child{margin: 0}
.body-mobile .search-area,
.body-mobile .search-price {text-align:center}
.body-mobile .search-area input,
.body-mobile .search-price input {width:270px;display:inline;margin-right:10px;font-size:50px;height:auto;padding:10px 16px}
.body-mobile .search-area span,
.body-mobile .search-price span {margin-right:10px; font-size:40px}

.body-mobile .cbx-container+label {margin-top:6px}

.mobile-filter {position:absolute;top:0;z-index:100;background:#fff;width:100%;min-height:2000px;overflow-x:hidden}

.mobile-filter .mobile-filter-header {width:100%;height:140px;}
.mobile-filter .mobile-filter-header .mobile-filter-header__wrapper {position:relative;}
.mobile-filter .mobile-filter-header .mobile-filter-header__shadow {position:absolute;top:0;left:0;height:140px;width:100%;background:#000;opacity:0.8;}
.mobile-filter .mobile-filter-header .mobile-filter-header__menu
{position:absolute;top:0;left:0;height:140px;width:140px;text-align:center;font-size:80px;padding-top: 15px;padding-left: 15px;color:#fff;}
.mobile-filter .mobile-filter-header .mobile-filter-header__content
{position:absolute;top:0;left:140px;height:140px;width:100%;text-align:left;font-size:76px;color:#fff;padding:15px 0 0 50px}
.mobile-filter .mobile-filter-header .mobile-filter-header__auth
{position:absolute;top:0;right:0px;height:140px;width:140px;padding-top: 15px;padding-right: 15px;text-align:center}
.mobile-filter .mobile-filter-header .mobile-filter-header__auth a{display:block; height:100%;color:#fff;font-size:80px;text-decoration: none;}

.mobile-filter .mobile-filter-menu {display:none;position:absolute;top:140px;left:0;width:0;height:100%;padding:40px 0;background: #e8e8e8;
    border-right: 3px solid rgba(0, 0, 0, 0.1);}

.mobile-filter.toggle .mobile-filter-menu {width:600px;display:block}
.mobile-filter .mobile-filter-menu .nav li {padding:40px 20px;font-size:50px;font-family: 'ArimoBold', Arial;}
.mobile-filter .mobile-filter-menu .nav li.active {color:#fff;background: #77B800;}

.mobile-filter .mobile-filter-footer {position:fixed;bottom:0;width:100%;height:100px;z-index:200;}
.mobile-filter .mobile-filter-footer .mobile-filter-footer__wrapper {position:relative;}
.mobile-filter .mobile-filter-footer .mobile-filter-footer__shadow {position:absolute;top:0;left:0;height:100px;width:100%;background:#000;opacity:0.6;}
.mobile-filter .mobile-filter-footer .mobile-filter-footer__content {position:absolute;top:0;left:0;height:100px;width:100%;text-align:center;font-size:50px;color:#fff;padding-top:12px}
.mobile-filter .mobile-filter-footer .mobile-filter-footer__content span {margin-right:20px}
.mobile-filter.toggle .mobile-filter-footer {display:none}

.mobile-filter .mobile-filter-tab {display:none;width:100%;min-height:100%;}
.mobile-filter .mobile-filter-tab.active {display:block}
.mobile-filter.toggle .mobile-filter-tab {margin-left:600px}

.search-filter-show {position:absolute;z-index:100;display:none;width:120px;height:120px}
.search-filter-show__wrapper {position:relative;}
.search-filter-show__shadow {position:absolute;top:0;left:0;height:120px;width:120px;background:#000;opacity:0.6;}
.search-filter-show__content {position:absolute;top:0;left:0;height:120px;width:120px;text-align:center;font-size:90px;color:#fff}

.mobile-filter .results__legend {margin:40% 25px}
.mobile-filter .apartment-list-address {margin: 20px 25px 30px;}
.mobile-filter .apartment-list-address span {font-size:28px;margin-right:0}
.mobile-filter .apartment-list-address i {font-size:40px}
.mobile-filter .apartment-list-card__header {padding-left:25px;font-size:45px}
.mobile-filter .apartment-list-card__header .apartment-type {margin:10px 0}
.mobile-filter .apartment-list-card__header .apartment-marker__selector {height:90px}
.mobile-filter .apartment-marker__selector .btn {min-width:91px}
.mobile-filter .caret {
    border-top: 10px solid;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
.mobile-filter .auth-alert {margin: 0 0 0 -460px; font-size: 30px;width:550px}
.mobile-filter .apartment-list-card__body {padding:25px}
.mobile-filter .apartment-list-card__body .card-column-left {width:100%}
.mobile-filter .apartment-list-card__body .card-column-right {width:100%;height:auto}
.mobile-filter .apartment-info-row.price {font-size: 50px;margin: 20px 0 15px;}
.mobile-filter .apartment-info-row {font-size:40px;}
.mobile-filter .apartment-info-row.date {position:relative;font-size:45px}
.mobile-filter .apartment-list-card__body .apartment-link {font-size:45px;padding: 15px 10px; margin: 25px 0 0;}


#xMap-search-mobile{top:0;bottom:0;width:100%;position:absolute;height: 100%;z-index:1;}
#xMap-search-mobile .xmap__loading{position:absolute;top:40%;right:50%;margin-right:-210px}
#xMap-search-mobile .cityBtn {
    color: #fff;
    border: 0;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
    background: #555;
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
    font-family: 'ArimoBold', Arial;

    display: inline-block;
    padding: 14px 26px;
    margin-bottom: 0;
    font-size: 45px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
}

#xMap-search-mobile .cityBtn.active {
    background-color: #77B800;
}

#xMap-search-mobile .cityBtn.msk {margin-right:25px}

.body-mobile .cbx-xl {width:60px;height:60px;border:1px solid #525252}
.body-mobile .cbx-xl .glyphicon-ok {font-size:50px}
.body-mobile .search-rent-wrapper .checkbox-wrapper {display:inline-block;width:100%;margin-bottom:20px}

.body-mobile .search__filter .list-group-item.bordered {border-top: 4px dotted #a1a1a1; padding-top: 18px;}

.body-mobile #rentPriceRange,.body-mobile #rentAreaRange,.body-mobile #srchAreaRange,.body-mobile #srchPriceRange {border-radius: 0;background: #999;width:100%;margin-bottom:60px;}

.body-mobile #rentPriceRange .ui-corner-all,
.body-mobile #rentAreaRange .ui-corner-all,
.body-mobile #srchAreaRange .ui-corner-all,
.body-mobile #srchPriceRange .ui-corner-all {border-radius: 30px;border: 2px solid #77B800}
.body-mobile #rentPriceRange.ui-slider .ui-slider-handle,
.body-mobile #rentAreaRange.ui-slider .ui-slider-handle,
.body-mobile #srchAreaRange.ui-slider .ui-slider-handle,
.body-mobile #srchPriceRange.ui-slider .ui-slider-handle {width:60px;height:60px}
.body-mobile #rentPriceRange.ui-slider-horizontal,
.body-mobile #rentAreaRange.ui-slider-horizontal,
.body-mobile #srchAreaRange.ui-slider-horizontal,
.body-mobile #srchPriceRange.ui-slider-horizontal {height:20px}

.body-mobile #rentPriceRange.ui-slider-horizontal .ui-slider-handle,
.body-mobile #rentAreaRange.ui-slider-horizontal .ui-slider-handle,
.body-mobile #srchAreaRange.ui-slider-horizontal .ui-slider-handle,
.body-mobile #srchPriceRange.ui-slider-horizontal .ui-slider-handle {top: -.5em}

#mobileAparterAuth .modal-dialog {width: 800px; margin: 30px auto; height: 1000px;}
#mobileAparterAuth .modal-title {font-size: 46px;}
#mobileAparterAuth .modal-body {padding: 14px 15px;}
#mobileAparterAuth button {font-size: 70px;}

#mobileAparterAuth .hata-auth {margin:30px 0; text-align: center;}
#mobileAparterAuth .hata-auth__fb {
    width:189px;height:189px;padding:24px 32px;background: url(/design/img/social.png) no-repeat -70px -60px;
    background-size: 1800px;margin-right:10px;
    margin-bottom: 20px;margin-left: 288px;
}
#mobileAparterAuth .hata-auth__vk {width:189px;height:189px;padding:24px 32px;background-size: 1800px;
    background: url(/design/img/social.png) no-repeat -808px -60px;background-size: 1800px;margin-right:10px;
    margin-bottom: 20px;margin-left: 288px;
}
#mobileAparterAuth .hata-auth__tw {width:189px;height:189px;padding:24px 32px;background-size: 1800px;
    background: url(/design/img/social.png) no-repeat -316px -60px;background-size: 1800px;margin-right:10px;
    margin-bottom: 20px;margin-left: 288px;
}
#mobileAparterAuth .hata-auth__ok {width:189px;height:189px;padding:24px 32px;background-size: 1800px;
    background: url(/design/img/social.png) no-repeat -1054px -60px;background-size: 1800px;margin-right:10px;
    margin-bottom: 20px;margin-left: 288px;
}
#mobileAparterAuth .hata-auth__google {width:189px;height:189px;padding:24px 32px 23px;background-size: 1800px;
    background: url(/design/img/google.png) no-repeat;background-size: 192px;
    margin-bottom: 20px;margin-left: 288px;
}
#mobileAparterAuth .auth-header_bordered {border-bottom: 4px dotted #a1a1a1}


.mobile-filter #apartmentType .add-apartment-link {
    width: 600px;
    font-size: 50px;
}
.mobile-filter .my-apartments-caption{font-size:40px;}
.mobile-filter .my-apartments-list .my-apartments-list__empty{font-size:40px;}
.mobile-filter .my-apartments-list .apartment-row {padding:25px 10px}
.mobile-filter .my-apartments-list .apartment-row .apartment-info {font-size:40px;width: calc(100% - 250px);padding-left:25px;}
.mobile-filter .my-apartments-list .apartment-row .apartment-controls a {padding: 16px 26px;}

.sitemap .seo-text {
    padding: 20px 20px 0;
    text-indent: 40px;
}

.sitemap__menu {padding: 20px;font-size:12px}
.sitemap__menu .list-group-item {border-radius: 0}
.sitemap__no-result {padding: 20px;font-size:12px}
.sitemap__no-result .alert{
    background: #db5f36;
    text-align: center;
    color: #fff;
    text-shadow: none;
    padding: 15px;
    border:0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sitemap__menu .list-group.list-group-root {
    padding: 0;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sitemap__menu .list-group,
.sitemap__menu .list-group .list-group {
    border:0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sitemap__menu .list-group-item {
    padding: 5px 0 0 0;
}
.sitemap__menu .list-group-item.active,
.sitemap__menu .list-group-item:hover {
    background:none;
    color: #77B800;
    text-shadow: none;
}
.sitemap__menu .list-group-item.active {
    font-family: 'ArimoBold', Arial;
    font-weight: normal;
}

.sitemap__menu .menu__item-main {
    color:#fff;background: #555;font-size:16px;margin:25px 0 15px 0;padding: 10px 15px;
}
.sitemap__menu .menu__item-main.active,
.sitemap__menu .menu__item-main:hover {
    color:#fff;background: #77B800;
}
.sitemap__menu .menu__item-main:first-child {
    margin-top:0
}

.sitemap__menu .menu__item-sub-main {
    color: #555; margin-top: 15px;
}
.sitemap__menu .menu__item-sub-main:hover {
    color:#555
}

.sitemap__menu .list-group.list-group-root .list-group {
    margin-bottom: 0;
}

.sitemap__menu .list-group.list-group-root .list-group-item {
    border-radius: 0;
    border-width: 0;
}

.sitemap__menu .list-group.list-group-root > .list-group-item:first-child {
    border-top-width: 0;
}

.sitemap__menu .list-group.list-group-root > .list-group > .list-group-item {
    padding-left: 25px;
}

.sitemap__menu .list-group.list-group-root > .list-group > .list-group > .list-group-item {
    padding-left: 50px;
}

.sitemap__list {padding: 20px}
.sitemap__list th {font-size: 12px}
.sitemap__list td {font-size: 11px}

.sitemap__list .table>thead>tr>th {
    padding: 20px 10px
}

.sitemap__list .table>thead>tr>th,
.sitemap__list .table>tbody>tr>td {
    border: 0;
}
.sitemap__list .table tbody tr:nth-child(odd) {
    background: #e8e8e8;
}

.sitemap__pagination,
.sitemap__pagination>li:first-child>a, .sitemap__pagination>li:first-child>span,
.sitemap__pagination>li:last-child>a, .sitemap__pagination>li:last-child>span {
    border-radius: 0
}

.sitemap__pagination>.active>a,
.sitemap__pagination>.active>span{
    background-color: #77B800;
    border-color: #77B800;
}

.sitemap__pagination>li>a,
.sitemap__pagination>li>span,
.sitemap__pagination>li>span:hover,
.sitemap__pagination>li>a:hover{color:#555}

.apartment-similars-wrapper{
    margin-top: 20px;
    padding:0 15px 0 25px;
}

.apartment-similars-title{
    width: 100%;
    font-size: 15px;
}

#similar-apartments {
    height:300px;
    overflow: hidden;
}

#similar-apartments .similar-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

#similar-apartments .similar-container .similar-item {
    float: left;
    width:400px;
    margin:10px 10px 10px 0;
    box-shadow: 0px 6px 14px 0px rgba(50, 50, 50, 0.2);
    border-radius: 0;
    /*cursor:move;*/
}

.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

/*------------------------------------------------------------------*/
#mainPageHeader {
    background: #fff;
    height:100px;
    width:100%;
}
#mainPageHeader .logo-wrapper {float: left; height: 100%;}
#mainPageHeader .logo-vector {
    color: #23296D;
    padding: 20px 15px 15px 110px;
    background: url(/design/img/vectorLogo.jpg) no-repeat left center;
    height: 100%;
    margin-left: 10px;
}
#vectorLogo {width: 200px; height: 64px; margin: 20px;}

#mainPageHeader .logo-vector .logo-title {
    font-size: 25px;
    line-height: 24px;
    margin-bottom: 4px;
    font-family: 'ArimoBold', Arial;
}
#mainPageHeader .logo-vector .logo-description {
    font-size: 14px;
    font-family: 'ArimoBold', Arial;
}

#mainPageHeader .menu-wrapper {
    padding: 30px 15px;
    letter-spacing: -0.3em;
}
#mainPageHeader .menu-wrapper .menu-item {
    display: inline-block;
    border-bottom: 2px solid #bfbfbf;
    font-size: 14px; color: #23296D;
    text-decoration: none;
    letter-spacing: 0;
    padding: 10px 20px;
}
#mainPageHeader .menu-wrapper .menu-item.selected {border-bottom: 2px solid #D92227}
#mainPageHeader .menu-wrapper .menu-item.selected:hover {border-bottom: 2px solid #D92227}
#mainPageHeader .menu-wrapper .menu-item:hover {border-bottom: 2px solid #D92227}

#mainPageHeader .phone-wrapper {float: right}
.phone-wrapper div {
    color: #23296D;
    font-size: 26px;
    font-family: Arial;
    padding: 35px 35px 15px 15px;
}

#promoWrapper {
    background: url(/design/img/backgroundAltai.jpg) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
    height:280px;
    width:100%;
    background-position: 0 50%;
    padding-top: 135px;
}
.promo-title {
    font-size: 30px;
    line-height: 24px;
    margin-bottom: 45px;
    font-family: 'ArimoBold', Arial;
    text-align: center;
    color: #fff;
}

.promo-description {
    text-align: center;
    font-family: 'ArimoBold', Arial;
    color: #fff;
    font-size: 20px;
}

.promo-description span {margin-right: 30px}
.promo-description span:last-child {margin-right: 0}

.page-content {padding: 12px 20px;}
.apartment-tabs {width: 100%;}
#apartmentTabs li {
    background: #e7e7e7;border:0;
}
#apartmentTabs>li {
    margin-bottom: -2px;
}
#apartmentTabs > li > a{
    background: #fff;
    color: #23296D;
    margin: 0;
    border: 0;
    border-radius: 0;
    text-align: center;
    font-size: 18px;
    font-family: 'ArimoBold', Arial;
}
#apartmentTabs>li.active>a{
    background: #fff;
    color: #23296D;
    border: 1px solid #23296D;
    border-bottom-color: transparent;
}
.apartment-tabs .tab-content{
    border: 1px solid #23296D;
    padding: 10px;
    box-shadow: 3px 8px 10px 0px rgba(35, 41, 109, 0.6);
    border-radius: 0;
}

.tab-content .tab-content-empty {
    height: 500px;
    text-align: center;
    padding-top:240px;
    font-size: 16px;
    color: #a1a1a1;
}

.apart-card {
    position: relative;
    float:left;
    width: 295px;
    height: 305px;
    margin: 10px 10px 0px 0;
    box-shadow: 0px 6px 14px 0px rgba(50, 50, 50, 0.6);
    border-radius: 0;
}

.apart-card .apartment-photo__empty{
    height:200px;text-align: center;padding-top:30px;
    background-image: -webkit-linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(155,155,155,.15) 25%,transparent 25%,transparent 50%,rgba(155,155,155,.15) 50%,rgba(155,155,155,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}

.apart-card .apart-description-wrapper{
    display: block;
    padding: 5px 0 0 10px;
    color: #000;
    text-decoration: none;
}
.apart-card .apart-description-wrapper .apart-description {
    font-size: 14px;
    font-family: 'ArimoBold', Arial;
}
.apart-card .apart-description-wrapper .apart-address {
    font-size: 14px;
    margin: 5px 0;
    line-height: 16px;
    height: 48px;
}
.apart-card .apart-description-wrapper .apart-info {
    font-size: 12px;
    color: #a1a1a1;
}

.apart-card .apart-price-shadow {
    position: absolute;
    top: 10px;
    left: 0;
    background: #3B8014;
    opacity: 0.7;
    width: 150px;
    height: 28px;
}

.apart-card .apart-price {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    font-size: 20px;
    font-family: 'ArimoBold', Arial;
}

#pageFooter {
    height:60px;
    background-color: #23296D;
    border-top:1px solid #ddd;
    padding:15px 30px;
    max-width: 1310px;
    margin: 0 auto;
    color: #fff;
}

.main-page__pagination-wrapper{
    margin: 0px 0;
}

.bottom-pagination {
    margin-top: 10px;
}

.main-page__pagination { margin: 0px;}

.main-page__pagination,
.main-page__pagination>li:first-child>a, .main-page__pagination>li:first-child>span,
.main-page__pagination>li:last-child>a, .main-page__pagination>li:last-child>span {
    border-radius: 0
}

.main-page__pagination>.active>a,
.main-page__pagination>.active>span{
    background-color: #3B8014;
    border-color: #3B8014;
}

.main-page__pagination>li>a,
.main-page__pagination>li>span,
.main-page__pagination>li>span:hover,
.main-page__pagination>li>a:hover{color:#555}

.main-page-filter.search__filter {
    box-shadow: none;
    -webkit-box-shadow: none;
    height:100%;
    border: 1px solid #a1a1a1;
}
.main-page-filter .list-group-item {
    float: left;
    width: 30%;
    margin-right: 20px;
    margin-bottom: 10px;
}

.main-page-filter .list-group-item:first-of-type{margin-right: 35px; margin-left: 15px; padding: 10px 0}

.main-page-filter #rentPriceRange .ui-corner-all,
.main-page-filter #rentAreaRange .ui-corner-all,
.main-page-filter #srchAreaRange .ui-corner-all,
.main-page-filter #srchLandRange .ui-corner-all,
.main-page-filter #srchPriceRange .ui-corner-all {border-color: #3B8014}

.main-page-filter .btn.btn-primary {
    background: #D92227;
    width:23%;
}

.search__sort {margin-bottom: 15px; float: right;}
.search__sort div {display:inline-block; margin-right: 15px; font-size: 16px}
.search__sort-title {color: #a1a1a1;}
.search__sort-item a {text-decoration: none; color: #23296D}
.search__sort-item.text-muted a {color: #777}

.apartment-card-address {background: #fff}
.apartment-card-params .apartment-info .identifier {font-size: 18px; margin-bottom: 10px;}

#findFilterBtn {margin-top: 30px; min-width: 90px;}

#vectorOfficePhoto {float:left;margin-right:10px;margin-bottom:20px;width: 480px;}

.contact-label {font-size: 14px; font-style: italic; font-weight: bold;}
.contact-text {font-size: 14px; max-width: 550px; margin-bottom: 3px;}

.user-agreement-link {
    float: left;
    margin-left: 20%;
    color: #fff;
    text-decoration: underline;
    cursor:pointer;
}

.apart-list-input {
    float: left;
    width: 200px;
    margin-right: 5px;
}

.apart-list-check {
    float: left;
    width: 250px;
    margin-right: 5px;
}