#main_location {position: fixed; top: 50%; right: 0; z-index: 9; transform: translateY(-50%);}
#main_location ul li {height: 37px; width: 135px; margin-bottom:15px; }
#main_location ul li:last-child {margin-bottom:0;}

#main_location ul li a {width: 100%; height: 100%; display: flex; align-items: center; padding-left: 30px; transition: all .3s ease; position: relative; z-index: 1; overflow: hidden ;
border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
#main_location ul li a span {display: block; font-size:14px; font-weight: 400; color:#fff; letter-spacing: 1.05px; font-family: 'Montserrat'; }
#main_location ul li a::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; z-index: -1; left: 0; top: 0; transition: opacity .3s ease;
background-image: linear-gradient(to right, #2ba8bb, #208898); opacity:  0; }
#main_location ul li a.active_location::before, #main_location ul li a.active_location2::before {opacity: 1; }

#main_location ul li a.default_location span {color:#aaa; }
#main_location ul li a.active_location span {color:#fff;}

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