/*html, body {*/
/*width: 100%;*/
/*height: 95%;*/
/*margin: 0;*/
/*padding: 0px;*/
/*font-family: Arial;*/
/*font-size: 14px;*/
/*}*/

#container {
    margin: 10px auto;
}

#map {
    position:fixed;
    width: 90%;
    height: 90%;
    left:5%;
    top:5%;
    border: 1px solid black;
    margin: 0;
    padding: 0;
    background-color:#ccc;
    overflow:hidden;
}

.smallMap {
    position: relative !important;
    left:0 !important;
    top:0 !important;
max-width: 100% !important;
    height: 400px !important;
}

#toggler {
    position: absolute;
    z-index: 305;
    top: 5px;
    left: 5px;
    font-size: 14px;
    outline: 0;
    background: #fff;
    border: 1px solid #000;
    border-radius: 2px;
    padding: 3px 10px;
    font-weight: bold;
    cursor: pointer;
}

#checkbox,
#checkbox_block {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    position: absolute;
}
/**/

html, body{}
.map-container{
    height:400px;
    width: calc(100vw - 30px);
max-width: 1250px;
    margin:0 auto;
    position:relative;
    transition: 1s;
    z-index: 500;
}
.map-container.fullpage #map>ymaps,
.map-container.fullpage #map>ymaps>ymaps{
    height:100% !important;
    width:100% !important;
}
.info-ball-block .info-ball-back{
    display: inline-block;
    border:2px solid #55d133;
    border-radius: 15px;
    padding: 10px 20px;
}
.info-ball-block{
   
    margin: 30px auto;
    text-align: center;
}
.info-ball-block .info-ball{
    margin: 0 10px;
    font-size:18px;
}
.info-ball-block .info-ball:before{
    content: '';
    display:inline-block;
    width: 16px;
    height: 16px;
    border:1px solid #000;
    border-radius: 10%;
    margin-bottom: -3px;
    margin-right: 5px;
}
.info-ball.info-ball-buy:before{
    background-color:#ffff01;
}
.info-ball.info-ball-sale:before{
    background-color:#ffff01;
}
.info-ball.info-ball-sales:before{
    background-color:#ccc;
}
#map {
    /*width: 100%; height: 100%; padding: 0; margin: 0;*/
}
.customControl {
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
    max-width: 200px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.balloon{
    background: green;
    padding: 10px;
    color:#fff;
    text-align: left;
}
.balloon span{
    font: 13px Arial,sans-serif;
}
.polygon-name{
    font-weight: bold;
    font-size: 24px;
}
.polygon-status{

}
.polygon-status span{
    font-weight: bold;
}
.polygon-area span{
    font-weight: bold;
}
.polygon-price{}
.close{
    position: absolute;
    float: left;
    font-size: 15px;
    font-weight: bold;
    top: 0;
    right: 0;
    cursor: pointer;
}
#box {
    height:100%;
    width: 300px;
    border:1px #00569D solid;
    padding:10px;
    display:none;
    position:absolute;
    right:0;
    top:0;
    z-index:300;
    background-color: #006cc5;
    box-sizing: border-box;
    color:#fff;
}
.sector-hintinfo.sale{
    background: green;
    color:#fff;
}
.sector-hintinfo.sale .sector-name{
    border-color:#fff;
}
.sector-hintinfo.buy{
    background: green;
}
.sector-hintinfo.sales{
    background: red;
}
/*.sector-hintinfo{*/
/*color:#fff;*/
/*padding:5px 10px 10px 10px;*/
/*border-radius:5px;*/
/*border:1px solid #fff;*/
/*margin:-5px;*/
/*}*/
/*.sector-hintinfo .sector-name{*/
/*display:inline-block;*/
/*padding:10px;*/
/*font-size:16px;*/
/*font-weight:bold;*/
/*border:1px solid #fff;*/
/*border-radius:5px;*/
/*}*/
.sector-hintinfo{
    color:#fff;
    padding:5px 10px 10px 60px;
    border-radius:5px;
    border:1px solid #fff;
    margin:-5px;
    min-height:60px;
}
.sector-hintinfo .sector-name{
    display:inline-block;
    padding:10px;
    font-size:16px;
    font-weight:bold;
    border:1px solid #fff;
    border-radius:5px;
    position:absolute;
    top:10px;
    left:10px;
}
.sector-hintinfo .sector-hintinfo-detail{
    display:inline-block;
    margin-left:15px;
}
.sector-hintinfo .sector-hintinfo-detail .polygon-area{}
.sector-hintinfo .sector-hintinfo-detail .polygon-status{}
.placemark_layout_container .square_layout img{
    max-width:25px;
    margin-top:-10px;
    margin-left:-5px;
    position:relative;
    top:-10px;
    opacity:0.8;
    z-index:310;
}
.polyname{
    position:relative;
    text-align: center;
    min-width:0;
    line-height: 16px;
    font-size:12px;
    color:#000;
    box-sizing:content-box;
    margin-top:-9px;
    margin-left:0;
    z-index:320;
}
.polyname div{
    box-sizing:border-box;
}
#box .box-info{
    height: 100%;
    display: block;
    overflow-y: auto;
}
#box h4{
    margin: 10px 0;
    font-size:16px;
}
#box .home-price{
    margin-top: 5px;
    border-top:1px solid #fff;
    padding-top: 5px;
}
#box .home-images img{
    max-width: 100%;
    margin-top: 15px;
}

@media screen and (max-width: 500px) {
#box {
    height: auto;
	width: auto;
	max-width: 50%;
	max-height: 50%;
	overflow: scroll;
	}
}