#main_location {position: fixed; top: 50%; left: 110px; z-index: 9; transform: translateY(-50%);}
#main_location ul {position: relative;}

#main_location ul li {margin-bottom: 28px; width: 25px; position: relative; width: 25px; height: 25px; border: 1px solid transparent; border-radius: 50%; position: relative; z-index: 2; transition: all 0.3s;}
#main_location ul li:last-child {margin-bottom:0;}
#main_location ul li a { width: 9px; height: 9px; display: block; transition: all .3s ease; border-radius: 50%; margin: 7px auto 0 auto; transition: all 0.3s;}


#main_location.white ul li a{background: rgba(255,255,255,.3);}
#main_location.black ul li a{background: rgba(0,70,165,.3);}

#main_location.white ul li.active {border: 1px solid #fff;}
#main_location.white ul li.active a{background: #fff;}

#main_location.black ul li.active {border: 1px solid #0046a5;}
#main_location.black ul li.active a {background: #0046a5; }


@media screen and (max-width:1700px) {
    #main_location {display: none;}
}