.regions-container {
	margin-top:16px;
    padding-top:8px;
    padding-bottom:16px;
    background: linear-gradient(#F8F8FC, #F8F8FC);
}

.regions_block .region-block-title {
    text-align: center;
    font-size:16px;
    height:36px;
	display:block;
}
.regions_block .region-block-title div {display: inline-block; height:36px; line-height: 36px; }
.regions_block .region-block-title .arrow {
    cursor: pointer;
    width: 36px;
    height: 36px;
    background: url(/images/arrow-down.jpg);
    display:none;
}
.regions_block .region-block-title .arrow.collapse {
    background: url(/images/arrow-top.jpg);
}
.regions_block .panel-collapse.collapse {display:block;}
.regions_block {text-align: center;}
.regions_block .region-item {
    display: inline-block;
    border-radius: 3px;
    /*text-transform: uppercase;*/
    margin-top:6px;
    margin-right:4px;
    width:152px;
    text-align: center;
    font-size:15px;
	background-color: #fff;
    border:1px #E8E9ED solid;
	
}
.regions_block .region-item:hover {
    background-color: #10599B;
}
.regions_block .region-item.current {
    background-color: #10599B;
}
.regions_block .region-item a {
    display: block;
    padding-top: 4px;
    padding-bottom:4px;
	text-decoration: none;
}
.regions_block .region-item:hover a,
.regions_block .region-item.current a {
    color: #fff;
}

@media (max-width:767px) {
    .regions-container {padding-bottom: 8px;}
    .regions_block .region-block-title {display:block;}
    .regions_block .region-block-title div,
    .regions_block .region-block-title div.arrow {display:block; float:left;}
    .regions_block .region-block-title div.arrow {margin-right:8px;}
    .regions_block {text-align: left;}
    .regions_block .region-item {font-size:12px; width:31%; text-align: center;}
    .regions_block .panel-collapse.collapse {display:none;}
}