.leftSearchComplex {
    width: 300px;
    /*background-color: rgba(153, 153, 153, 0.09);*/
    /*background-color: rgba(255,255,224,0.5);*/
    float: left;
    margin-bottom: 20px;
}
.leftSearchComplexWrapper {
    width: 100%;
    background-color: rgba(153, 153, 153, 0.09);
    /*background-color: rgba(255,255,224,0.5);*/
    /*float: left;*/
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.leftSearchTitleComplex{
    height: 50px;
    background-color: rgb(173,43,51);
    color: whitesmoke;
    margin-bottom: 45px;
}

.leftSearchTitleComplex span {
    /*margin-left: 55px;*/
    margin: auto;
    text-align: center;
    font-size: 16pt;
    padding-top: 15px;
    display: block;
}

.leftSearchSubtitleComplex {
    margin-left: 30px;
    color: rgb(102,51,51);
    font-weight: 600;
    font-size: 13pt;
}

.leftSearchDivider {
    width: 260px;
    border-top: 1px solid rgb(102,51,51);
    margin: auto;
    margin-top: 30px;
    margin-bottom: 25px;
}

.priceLabel {
    margin-left: 20px;
    margin-right: 5px;
    display: inline-block;
    font-weight: 300;
}

.sumRUB {
    margin-top: 16px;
    width: 80px;
    height: 30px;
    text-align: center;
    font-size: 13pt;
    border: 1px solid darkgray;
    border-radius: 5px;
}

#sliderPrice, #sliderSquare {
    width: 220px;
    margin: auto;
    margin-top: 15px;
}

.sliderLegend {
    margin-top: 5px;
    font-size: 10pt;
    margin-left: 37px;
    margin-right: 20px;
    margin-bottom: 40px;
}

.sliderLegendLeft {
    float: left;
}

.sliderLegendRight {
    float: right;
}

.complexCheckLine  {
    clear: both;
    text-indent: 0;
    margin-top: 6px;
    height: 18px;
}
.complexCheckLine input {
    float: left;
    margin-left: 70px;
    width: 16px;
    height: 16px;
}
.complexCheckboxText {
    float: left;
    padding-left: 15px;
    padding-top: 2px;
    font-size: 12pt;
}

.choiceItemComplex {
    text-decoration: underline;
    font-style: italic;
    position: relative;
    float: right;
    margin-right: 40px;
    top: -20px;
    font-size: 11pt;
    cursor: pointer;
}

.showParamComplex {
    margin-left: 10%;
    width: 80%;
    height: 25px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid darkgray;
}

.leftSearchItemComplex select{
    width: 60%;
    height: 25px;
    margin-top: 10px;
    margin-left: 20%;
    padding-left: 65px;
}


#searchBtn {
    text-align: center;
    height: 40px;
    margin-top: 35px;
    margin-left: 15%;
    margin-bottom: 30px;
    width: 70%;
    /*padding-top: 6px;*/
    border: 2px solid #663333;
    border-radius: 10px;
    background-color: #ad2b33;
    font-size: 18pt;
    color: whitesmoke;
    cursor: pointer;
}

#searchBtn:hover {
    color: #663333;
    background-color: whitesmoke;
    box-shadow:  0 0 8px rgba(0,0,0,0.5);
    border-color: #ad2b33;
}
#searchBtn span {
    font-weight: 300;
    font-size: smaller;
    display: inline-block;
    margin-left: 5px;
    padding-top: 8px;
}
#searchBtn:hover span {
    font-weight: 600;
}



/* *********************** metro choice ************************* */

#metroScheme  {
    display: none;
    /*background: rgb(255,255,255) url("../Pictures/metroSPb.svg") no-repeat left top;*/
}

#metroScheme input {
    margin-left: 4px;
}

#metroScheme img {
    position: absolute;
    width: 450px;
    height: 600px;
    top: 10px;
}

.simplemodalTitle {
    margin-bottom: 535px;
    margin-top: 15px;
    margin-left: 20px;
    font-size: 11pt;
    font-weight: 600;
    text-decoration: underline;
    color: #1a297b;
}

.simplemodalButton {
    position: absolute;
    font-size: 9pt;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #293783;
    border-radius: 5px;
    text-align: center;
    color: #293783;
    background-color: rgba(0, 117, 187, 0.27);
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

#selectStationCleanBtn {
    left: 33px;
}
#selectStationAnyBtn {
    left: 200px;
}
#selectStationOKBtn {
    left: 380px;
}

.simplemodalButton:hover {
    border-color:  #ad2b33;
    cursor: pointer;
    background-color: whitesmoke;
    color: black;
}

.wideButton {
    padding-left: 25px;
    padding-right: 25px;
}

.stationCheckBox {
    position: absolute;
}

#stationId0{
    left: 257px;
    top: 66px;
}

#stationId1{
    left: 257px;
    top: 86px;
}
#stationId2{
    left: 257px;
    top: 106px;
}
#stationId3{
    left: 257px;
    top: 125px;
}
#stationId4{
    left: 257px;
    top: 144px;
}
#stationId5{
    left: 257px;
    top: 164px;
}
#stationId6{
    left: 257px;
    top: 185px;
}
#stationId7{
    left: 257px;
    top: 204px;
}
#stationId8{
    left: 257px;
    top: 229px;
}
#stationId9{
    left: 257px;
    top: 256px;
}
#stationId10{
    left: 246px;
    top: 299px;
}
#stationId11{
    left: 226px;
    top: 334px;
}
#stationId12{
    left: 185px;
    top: 371px;
}
#stationId13{
    left: 141px;
    top: 406px;
}
#stationId14{
    left: 128px;
    top: 421px;
}
#stationId15{
    left: 113px;
    top: 444px;
}
#stationId16{
    left: 105px;
    top: 465px;
}
#stationId17{
    left: 99px;
    top: 483px;
}
#stationId18{
    left: 100px;
    top: 502px;
}
#stationId19{
    left: 185px;
    top: 53px;
}
#stationId20{
    left: 185px;
    top: 72px;
}
#stationId21{
    left: 185px;
    top: 91px;
}
#stationId22{
    left: 185px;
    top: 110px;
}
#stationId23{
    left: 185px;
    top: 129px;
}
#stationId24{
    left: 185px;
    top: 148px;
}
#stationId25{
    left: 185px;
    top: 176px;
}
#stationId26{
    left: 185px;
    top: 200px;
}
#stationId27{
    left: 185px;
    top: 255px;
}
#stationId28{
    left: 185px;
    top: 299px;
}
#stationId29{
    left: 185px;
    top: 393px;
}
#stationId30{
    left: 185px;
    top: 417px;
}
#stationId31{
    left: 185px;
    top: 447px;
}
#stationId32{
    left: 185px;
    top: 467px;
}
#stationId33{
    left: 185px;
    top: 486px;
}
#stationId34{
    left: 185px;
    top: 505px;
}
#stationId35{
    left: 185px;
    top: 523px;
}
#stationId36{
    left: 267px;
    top: 518px;
}
#stationId37{
    left: 267px;
    top: 497px;
}
#stationId38{
    left: 267px;
    top: 475px;
}
#stationId39{
    left: 267px;
    top: 454px;
}
#stationId40{
    left: 267px;
    top: 433px;
}
#stationId41{
    left: 267px;
    top: 413px;
}
#stationId42{
    left: 254px;
    top: 376px;
}
#stationId43{
    left: 149px;
    top: 270px;
}
#stationId44{
    left: 106px;
    top: 205px;
}
#stationId45{
    left: 103px;
    top: 187px;
}
#stationId46{
    left: 102px;
    top: 166px;
}
#stationId47{
    left: 101px;
    top: 141px;
}
#stationId48{
    left: 101px;
    top: 118px;
}
#stationId49{
    left: 61px;
    top: 220px;
}
#stationId50{
    left: 88px;
    top: 249px;
}
#stationId51{
    left: 336px;
    top: 299px;
}
#stationId52{
    left: 336px;
    top: 434px;
}
#stationId53{
    left: 336px;
    top: 454px;
}
#stationId54{
    left: 336px;
    top: 474px;
}
#stationId55{
    left: 336px;
    top: 494px;
}
#stationId56{
    left: 336px;
    top: 513px;
}
#stationId57{
    left: 124px;
    top: 298px;
}
#stationId58{
    left: 299px;
    top: 299px;
}
#stationId59{
    left: 381px;
    top: 316px;
}
#stationId60{
    left: 386px;
    top: 343px;
}
#stationId61{
    left: 386px;
    top: 383px;
}
#stationId62{
    left: 386px;
    top: 407px;
}
#stationId63{
    left: 232px;
    top: 389px;
}
#stationId64{
    left: 151px;
    top: 430px;
}
#stationId65{
    left: 79px;
    top: 468px;
}
#stationId66{
    left: 101px;
    top: 118px;
}

.stationName {
    position: absolute;
    font-size: 6pt;
    text-transform: uppercase;
    font-stretch: condensed;
    font-weight: 600;
    line-height: 1.0;
}

.redLine {
    color: #d80331;
}
.blueLine {
    color: #0075bb;
}
.greenLine {
    color:#00974e;
}
.violetLine {
    color: #712a7a;
}
.orangeLine {
    color: #e07600;
}
.projectLine {
    color: #8c551c;
}

#stationNameId0{
    left: 277px;
    top: 72px;
}
#stationNameId1{
    left: 277px;
    top: 92px;
}
#stationNameId2{
    left: 277px;
    top: 112px;
}
#stationNameId3{
    left: 277px;
    top: 131px;
}
#stationNameId4{
    left: 277px;
    top: 150px;
}
#stationNameId5{
    left: 277px;
    top: 170px;
}
#stationNameId6{
    left: 277px;
    top: 190px;
}
#stationNameId7{
    left: 277px;
    top: 209px;
}
#stationNameId8{
    left: 277px;
    top: 234px;
}
#stationNameId9_1{
    left: 277px;
    top: 250px;
}
#stationNameId9_2{
    left: 273px;
    top: 271px;
}
#stationNameId10_1{
    left: 268px;
    top: 294px;
}
#stationNameId10_2{
    left: 269px;
    top: 284px;
}
#stationNameId11_1{
    left: 250px;
    top: 332px;
}
#stationNameId11_2{
    left: 250px;
    top: 342px;
}
#stationNameId12_1{
    left: 75px;
    top: 367px;
}
#stationNameId12_2{
    left: 75px;
    top: 376px;
}
#stationNameId13{
    left: 92px;
    top: 411px;
}
#stationNameId14{
    left: 89px;
    top: 427px;
}
#stationNameId15_1{
    left: 46px;
    top: 448px;
}
#stationNameId15_2{
    left: 129px;
    top: 458px;
}
#stationNameId16{
    left: 124px;
    top: 471px;
}
#stationNameId17{
    left: 20px;
    top: 490px;
}
#stationNameId18{
    left: 22px;
    top: 508px;
}
#stationNameId19{
    left: 202px;
    top: 59px;
}
#stationNameId20{
    left: 202px;
    top: 75px;
}
#stationNameId21{
    left: 202px;
    top: 97px;
}
#stationNameId22{
    left: 202px;
    top: 116px;
}
#stationNameId23{
    left: 202px;
    top: 135px;
}
#stationNameId24{
    left: 202px;
    top: 154px;
}
#stationNameId25{
    left: 202px;
    top: 182px;
}
#stationNameId26{
    left: 202px;
    top: 206px;
}
#stationNameId27_1{
    left: 202px;
    top: 244px;
}
#stationNameId27_2{
    left: 147px;
    top: 244px;
    text-align: right;
}
#stationNameId28_1{
    left: 205px;
    top: 271px;
}
#stationNameId28_2{
    left: 205px;
    top: 288px;
}
#stationNameId28_3{
    left: 205px;
    top: 296px;
}
#stationNameId29{
    left: 202px;
    top: 407px;
    background-color: whitesmoke;
    padding-top: 1px;
}
#stationNameId30_1{
    left: 205px;
    top: 425px;
}
#stationNameId30_2{
    left: 205px;
    top: 441px;
}
#stationNameId31{
    left: 205px;
    top: 454px;
}
#stationNameId32{
    left: 205px;
    top: 473px;
}
#stationNameId33{
    left: 205px;
    top: 492px;
}
#stationNameId34{
    left: 205px;
    top: 510px;
}
#stationNameId35{
    left: 205px;
    top: 528px;
}
#stationNameId36{
    left: 284px;
    top: 524px;
}
#stationNameId37{
    left: 284px;
    top: 504px;
}
#stationNameId38{
    left: 284px;
    top: 478px;
}
#stationNameId39{
    left: 284px;
    top: 461px;
}
#stationNameId40{
    left: 284px;
    top: 441px;
}
#stationNameId41{
    left: 284px;
    top: 420px;
}
#stationNameId42_1{
    left: 263px;
    top: 361px;
}
#stationNameId42_2{
    left: 263px;
    top: 370px;
}
#stationNameId43{
    left: 84px;
    top: 278px;
}
#stationNameId44{
    left: 124px;
    top: 212px;
}
#stationNameId45{
    left: 121px;
    top: 194px;
}
#stationNameId46{
    left: 120px;
    top: 169px;
}
#stationNameId47{
    left: 119px;
    top: 148px;
}
#stationNameId48{
    left: 119px;
    top: 122px;
}
#stationNameId49{
    left: 17px;
    top: 227px;
}
#stationNameId50{
    left: 20px;
    top: 262px;
}
#stationNameId51_1{
    left: 353px;
    top: 286px;
}
#stationNameId51_2{
    left: 353px;
    top: 294px;
}
#stationNameId52{
    left: 353px;
    top: 441px;
}
#stationNameId53{
    left: 354px;
    top: 460px;
}
#stationNameId54{
    left: 354px;
    top: 480px;
}
#stationNameId55{
    left: 354px;
    top: 500px;
}
#stationNameId56{
    left: 354px;
    top: 519px;
}
#stationNameId57{
    left: 75px;
    top: 304px;
}
#stationNameId58{
    left: 298px;
    top: 318px;
}
#stationNameId59{
    left: 400px;
    top: 322px;
}
#stationNameId60{
    left: 405px;
    top: 349px;
}
#stationNameId61{
    left: 405px;
    top: 387px;
}
#stationNameId62{
    left: 405px;
    top: 413px;
}
#stationNameId63{
    left: 214px;
    top: 383px;
}
#stationNameId64{
    left: 149px;
    top: 447px;
}
#stationNameId65{
    left: 24px;
    top: 475px;
}


/* *********************** district list ******************************* */

#districtList {
    display: none;
}
.simplemodalDistrictButton {
    font-size: 10pt;
    /* padding-left: 8px; */
    /* padding-right: 8px; */
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #293783;
    border-radius: 5px;
    text-align: center;
    color: #293783;
    background-color: rgba(0, 117, 187, 0.27);
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    width: 200px;
    float: left;
    margin-left: 50px;
    margin-top: 30px;
    font-weight: 600;
    cursor: pointer;
}
.simplemodalDistrictButtonTop {
    font-size: 10pt;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #293783;
    border-radius: 5px;
    text-align: center;
    color: #293783;
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    width: 170px;
    position: absolute;
    left: 310px;
    top: 35px;
    cursor: pointer;
}
.districtTitle {
    margin-bottom: 20px;
}
.districtGroup  {
    clear: both;
}
.districtItem {
    clear: both;
    height: 22px;
}
.districtGroupLabel {
    float: left;
    margin-left: 5px;
    font-weight: 600;
}
.districtLabel {
    float: left;
    margin-left: 5px;
}
.districtColumn {
    float: left;
    width: 200px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.districtCheckBox {
    float: left;
}
.districtGroupColumn {
    clear: both;
    width: 400px;
    border-top: 1px solid #1a297b;
}
.districtWrapper {
    margin-top: 35px;
    margin-left: 70px;
    margin-bottom: 40px;
}

/*************** simplemodal **************************/

#simplemodal-overlay {
    background-color:#000;
}

#simplemodal-container {
    height:572px; width:832px;
    background-color:white;
    padding:5px;
}

#simplemodal-container a.modalCloseImg {
    background:url(../images/gtk-close.png) no-repeat;
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:12px;;
    right:20px;
    cursor:pointer;
}


/**************************  country search ************************************/


.realtyTypeBtn {
    clear: both;
    width: 300px;
    height: 40px;
    margin-top: 10px;
    text-align: left;
    background-color: rgba(216, 216, 216, 0.9);
    /* border-radius: 5px; */
    color: #940000;
    cursor: pointer;
    /* border: 1px solid rgb(173, 43, 51); */
}

.realtyPlaceBtn {
    clear: both;
    width: 255px;
    height: 31px;
    margin-top: 10px;
    text-align: left;
    background-color: rgba(216, 216, 216, 0.9);
    border-radius: 5px;
    font-size: 9pt;
    /* color: white; */
    cursor: pointer;
    /* border: 1px solid rgb(173, 43, 51); */
}

.realtyPlaceBtn span {
    display: block;
    padding-top: 10px;
    padding-left: 20px;
}

.realtyTypeBtn:hover , .realtyPlaceBtn:hover{
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
}


.realtyTypeBtn span {
    display: block;
    padding-top: 15px;
    padding-left: 20px;
    /*font-weight: 600;*/
    font-size: 10pt;
}

.realtyTypeCheck {
    display: none;
    float: left;
    padding-top: 10px;
    padding-left: 2px;
    margin-right: 4px;
}

.realtyTypePoint {
    /*display: none;*/
    float: left;
    padding-top: 10px;
    padding-left: 2px;
    margin-right: 4px;
}

.realtyTypeSelected {
    background-color: #ad2b33;
    /*    border: 2px solid rgba(63,150,86,0.9);*/
    color: whitesmoke;
}

.realtyPlaceSelected {
    background-color: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(191, 191, 191, 0.9);
    color: black;
}


.searchDetailLeftPanelItem {
    padding-left: 30px;
     display: none;
    padding-bottom: 20px;
    margin-bottom: 25px;
    /* background-color: #e8f3e8; */
    margin-top: 0;
    margin-right: 10px;
    border-radius: 6px;
}

.searchSubtitle {
    color: rgb(158, 0, 0);
    font-size: 13pt;
    padding-top: 20px;
    /* margin-bottom: 5px; */
}
.searchDetailCheckLine  {
    clear: both;
    text-indent: 0;
    /* padding-top: 3px; */
    margin-top: 5px;
    height: 18px;
}
.searchDetailCheckLine input {
    float: left;
    margin-left: 40px;
    width: 16px;
    height: 16px;
}
.searchDetailCheckboxText {
    float: left;
    padding-left: 10px;
    padding-top: 4px;
}

.triangleLeft {
    content: "";
    width: 0;
    height: 0;
    /* position: absolute; */
    /* right: 16px; */
    top: 50%;
    margin-top: 7px;
    margin-left: 11px;
    border-width: 8px 0 8px 8px;
    border-style: solid;
    border-color: transparent #8a8a8a;
    float: left;
}

#currentRegionTitle:hover {
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

#currentRegionTitle span {
    text-align: left;
    padding-left: 10px;
    float: left;
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#regionList {
    border: 2px solid #006000;
    width: 334px;
    /*    position: relative;*/
    /*    top: -320px;*/
    background-color: whitesmoke;
    border-radius: 5px;
    display: none;
}

#regionList ul {
    list-style-type: none;
}

#regionList ul li a {
    display: block;
    text-decoration: none;
    height: 20px;
    margin-top: 5px;
    color: #006000;
    cursor: pointer;
}

.checkImgWrapper {
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/check_sprite_16.png) left top;
    margin-right: 10px;
    /*    margin-top: 1px;*/
}

.checkedImg {
    background-position: 16px top;
}

#closeListBtn {
    width: 32px;
    height: 32px;
    float: right;
    background: url(Pictures/gtk-close.png) top left;
    cursor: pointer;
}


.regionSelectComplete {
    text-align: center;
    cursor: pointer;
    width: 110px;
    height: 27px;
    padding-top: 2px;
    border-radius: 4px;
    border: 2px solid darkolivegreen;
    margin: auto;
    color: #006000;
    background-color: #dfd8d8;
    margin-bottom: 10px;
    font-weight: 600;
}
.regionSelectComplete:hover {
    border-color:#f18103;
    color:#f18103;
    box-shadow:  0 0 6px rgba(0,0,0,0.5);
}

.searchDetailSize .ui-slider {
    margin-left:30px;
    margin-right: 15px;
    margin-top:10px;
    margin-bottom:10px;

}

.sliderLegend2 {
    margin-top: 5px;
    font-size: 10pt;
    margin-left: 26px;
    margin-right: 5px;
    margin-bottom: 20px;
}

#searchBtnCountry {
    text-align: center;
    height: 34px;
    /* margin-top: 35px; */
    margin-left: 15%;
    /* margin-bottom: 30px; */
    width: 70%;
    padding-top: 6px;
    border: 2px solid #663333;
    border-radius: 10px;
    background-color: #ad2b33;
    font-size: 14pt;
    color: whitesmoke;
    cursor: pointer;
}

#searchRightOrBottom {
    display: none;
}



/********************* complex search tiles****************************/

.complexSearchTile {
    width: 230px;
    height: 230px;
    margin-bottom: 20px;
    margin-left: 35px;
    padding-top: 30px;
}

.complexSearchTileTitle {
    width: 190px;
    height: 30px;
    background-color: #ad2b33;
    color: whitesmoke;
    padding-top: 8px;
    text-transform: uppercase;
    text-align: center;
}
.complexSearchTileItemWrapper {
    text-align: center;
    margin: auto;
    margin-top: 30px;
    width: 180px;
    background-color: #17141594;
    padding-top: 15px;
    padding-bottom: 5px;
}
.complexSearchTileItem {
    margin-bottom: 10px;
    color: whitesmoke;
    text-decoration: underline;
    cursor: pointer;
    font-size: 12pt;
}
.complexSearchTileItem:hover {
    color: #fdcf31;
}
#complexSearchTileClass {
    background: none, url("../images/imgBestOffer.png") no-repeat 0 0;
}
#complexSearchTilePlace {
    background: none, url("../images/imgComfort.png") no-repeat 0 0;
}
#complexSearchTileEnding {
    background: none, url("../images/imgElit.png") no-repeat 0 0;
}
/*********************************************************************/