#w{width:1058px;margin:50px auto -30px;height:auto;display:table}

#w h1{width:100%;height:auto;display:table;color:#232323;font-weight:bold;font-size:30px;margin:0 0 49px;text-transform:uppercase}

#wm{width:100%;height:auto;display:table;margin-bottom:50px}
#wm1{width:444px;display:table;float:left;font-size:15px;line-height:20px;color:#232323}
#wm2{width:296px;height:35px;border:1px solid #bebebe;display:table;float:left;margin-right:20px;border-radius:5px;box-shadow:1px 2px 6px rgba(100,87,80,.15);background:#fff;position:relative}
#wm21{width:294px;height:33px;padding:0;font-weight:300;font-size:12px;color:#232323;line-height:33px;cursor:pointer;background:url(../i/wtb-arrow.png) calc(100% - 10px) 50% no-repeat}
#wm21>input{width:264px;height:33px;padding:0 24px;font-weight:300;font-size:12px;color:#232323;line-height:33px;border:none;background:none;font-family:'Comfortaa';display:table;float:left}
#wm21>div{width:30px;height:33px;display:table;float:right}
#wm22{display:none;position:absolute;top:38px;width:296px;height:auto;background:rgba(255,255,255,.75);border-radius:10px;box-shadow:1px 2px 6px rgba(100,87,80,.15);padding:10px 0;z-index:10}
#wm22>div{width:100%;height:400px;overflow-y:scroll;display:block}
#wm22>div>div{width:100%;height:auto;line-height:32px;font-size:13px;color:#232323;padding:0 15px;cursor:pointer}
#wm22>div>div:hover,#wm22>div>div.active{color:#c56630}
#wm3{width:296px;height:35px;border:1px solid #bebebe;display:table;float:left;border-radius:5px;box-shadow:1px 2px 6px rgba(100,87,80,.15);background:#fff}
#wm3>input{width:294px;height:33px;padding:0 24px;font-weight:300;font-size:12px;color:#232323;line-height:33px;border:none;background:none;font-family:'Comfortaa'}
#wm3>input::placeholder{opacity:1}

#wb{width:100%;height:auto;display:table}
#wbl{width:calc(100% - 385px);height:464px;display:table;float:left;border:2px solid #ccccc9;border-radius:2px}
#wbl #map{width:100%;height:100%}
#wbr{width:365px;height:464px;display:block;overflow-y:scroll;float:right}
.wbr-item{width:100%;height:auto;border-left:8px solid transparent;padding:20px 30px 25px 12px;position:relative;letter-spacing:0.05em}
.wbr-item:before{width:295px;border-bottom:2px dotted #e2e2e2;height:0;position:absolute;bottom:0;left:12px;content:''}
.wbr-item:hover{border-color:#c56630}
.wbr-item>div:nth-child(1){width:100%;height:auto;display:table;margin:0 0 12px;color:#c56630;font-size:15px;line-height:26px;font-weight:bold}
.wbr-item>div:nth-child(2){width:100%;height:auto;display:table;margin:0 0 12px;color:#232323;font-size:13px}
.wbr-item>div:nth-child(3){width:100%;height:auto;display:table;margin:0 0 12px;color:#232323;font-size:13px}
.wbr-item>div:nth-child(4){width:100%;height:auto;display:table;margin:0 0 12px;color:#232323;font-size:13px}
.wbr-item>div:nth-child(5){width:100%;height:auto;display:table;margin:0 0 12px;color:#232323;font-size:13px}
.wbr-item>div:nth-child(6){width:100%;height:auto;display:table;margin:0;color:#232323;font-size:13px}
.wbr-item>div a{color:#6e6e6e;text-decoration:none}
.wbr-item>div a:hover{text-decoration:underline}



@media screen and (min-width:768px) and (max-width:1180px){
    #w{width:760px}
    #w h1{margin-bottom:30px}
    #wbl{width:calc(100% - 320px)}
    #wbr{width:300px}
    .wbr-item:before{width:250px}
}

@media screen and (max-width:767px){
    #w{width:100%;padding-left:10px;padding-right:10px}
    #w h1{margin-bottom:39px}
    .wbr-item:before{width:250px}
    #wm1{width:100%;margin-bottom:10px}
    #wbl{width:100%;margin-bottom:30px}
    #wbr{width:100%}
    #wm{margin-bottom:30px}
    #wbr{margin-bottom:30px}

}
@media screen and (max-width:479px){

}