#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:13px; font-weight: 400; color:#fff; font-family: 'Montserrat'; opacity: 1; transition: color .3s;}
#main_location ul li a span + span {opacity: 0;  position: absolute; left: 30px; top: 50%;  transform: translateY(-50%);}
#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: #072d60; opacity:  0; }

#main_location:not(.color) ul li a:not(.active) span {text-shadow: -.5px 0 rgba(0,0,0,.6), 0 .5px rgba(0,0,0,.6), .5px 0 rgba(0,0,0,.6), 0 -.5px rgba(0,0,0,.6);}
#main_location ul li a.active span {opacity: 0;}
#main_location ul li a.active span + span {opacity: 1;}
#main_location ul li a.active::before {opacity: 1; }
#main_location ul li a.wh::before {background-color: #fff;}
#main_location ul li a.wh span + span {color:#072d60;}

#main_location.color ul li a:not(.active) span {color:#000;}

/* #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; }
}