/*списък с имена на региони и градове*/

.region-fist-letter{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 3px;
    background-color: #f3f3f3;
    padding: 2px 4px;
}


.region-name{
    padding: 0px 7px 0px 10px;
    font-size: 18px;
    display: block;
    color: #000090;
    cursor: pointer;
}

.region-name,
.region-name:hover,
.region-name:visited{
    color: #000090;
    text-decoration:none;
}

.grid{
    -webkit-column-count: 4;
    -moz-column-count: 4;
    max-width: 1300px;
    margin: auto;
    text-align: left;
}

.grid-title{
	text-align: center;
    padding: 25px 15px 7px 15px;
    margin: 0;
    color: black;
    font-weight: bold;
    text-shadow: 2px 2px 2px rgb(200 200 200);
	background: #eee;
}

#h2 {
	background: #eee;
	font-size: 18px;
	color: #555;
	margin: 0;
	padding: 0 0 15px 0;
    text-align: center;
	
}

.grid-item {
    padding: 10px 10px 10px 20px;
    box-sizing: border-box;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
    max-width: 360px;
	vertical-align: top;
}

.grid-item.selected {
    background:#f0f0f0; 
}


.acount{
    font-size:15px;
    float:right;
    /* font-weight: bold; */
    color: #333;
}
.citytype{
    font-size:15px;
    font-weight:bold;
    padding: 3px 0 0 4px;
}

.anchor-letters{
    margin-bottom: 10px;
	margin-top: 30px;
}

.anchor-letter,
.bootstrap-iso .anchor-letter.btn-primary {
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
}


.properties{
    float: right;
    color: #444;
    text-transform: none;
    font-weight: normal;
    font-size: 15px;
    position: relative;
    top: 2px;
}

.zero_results{
    color:gray;
    cursor:text;
    opacity:0.7;
    
}

.region-name.zero_results:hover {
    color:gray;
    cursor:text;
    opacity:0.7;	
}


@media only screen and (max-width : 768px) {
    .grid{
	column-count: 1 !important;
	column-gap: 10px;
    }
    
    .region-name{
	font-size: 20px;
	padding: 2px;
    }

    .grid-title {
	font-size:26px;
	padding: 20px 10px;
    }
    
    .grid-item {
      padding: 5px;
      box-sizing: border-box;
      margin-bottom: 5px;
      max-width: 100%;
    }	
}