#helloGorod {width: 100%;padding: 10px;background: #f5e8d1;color: #000;font-size: 15px;text-align: center}
#helloGorod span {color: red}
#helloGorod p {display: inline-block;padding-right: 10px}
#helloGorod a {color:#fff;display: inline-block;padding: 10px 15px;background: #e33e2b;border-radius: 10px;text-decoration: none;margin: 0 5px;border-bottom: none}
#helloGorod a#noGeo {background: #000}
#helloGorod a:hover {background: #ff5643}
#helloGorod:after {content: '';position: absolute;left: calc(50% - 10px);top: -22px;border: 10px solid transparent;border-bottom: 10px solid #fff}

body {position: relative}
#spisoc_goroda {position: absolute;width: 100%;height: 100%;display: none;top:0;left:0;z-index: 2}
#spisoc_goroda__block {position: relative;width: 100%;padding:0 40px;max-width:1220px;height: auto;top:94px;margin:0 auto;background: #fff;-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);z-index: 99999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center}
#spisoc_filial_dinamic {padding-bottom: 18px;padding-top: 20px;}
.exit_goroda {position: absolute;display: block;background:url('../close.png') no-repeat;width:20px;height:20px;line-height:25px;text-align:center;top:-15px;right:-15px;cursor:pointer;}
#poisk_gorod {position:relative; display: inline-block}
#spisoc_goroda__block h3 {text-align:left;width: 100%;color:#334853;font-size: 20px;}
#spisoc_goroda__block .post_h3 {color: #9b9b9b;font-size: 15px;text-align: left;margin-bottom: 20px;}
.filial {padding: 0;margin:0;width:20%;display: block; text-align: left;float: left;}
.filial>li {margin: 0 0.5% 3px}
.filial>li:nth-child(4n) {margin-right: 0}
.filial>li a {display: block;line-height: 15px;text-decoration: none;color: #5e5e5e;font-size: 13px;}
.filial>li a:hover {color: #ffcc00;}
.filial>li a.activeG {color: #ffcc00;}
.filial>li.letter {margin-top: 20px;color: #5e5e5e;font-size: 17px;font-weight: bold;}
#ajax_goroda input[type="submit"] {display: inline-block;padding: 0 20px;line-height: 40px;background: #ff0000;margin-top: 30px;cursor: pointer}
#ajax_goroda input[type="submit"]:hover {background: #aa0000; color: #fff}
#spisoc_goroda_dinamic ul {padding: 10px 0}
#spisoc_goroda_dinamic ul li {display: inline-block;margin: 0 3px}
ul#all_alf_goroda {text-align: left}
ul#all_alf_goroda li {width: 25%;margin: 0}
#alfavit a.active {background: #ccc}

@media(max-width: 768px){
  #filial>li {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 3px;
    margin-right: 3px;
}
}