.citiesPage{color:#071b3e;background:#f4f8fd;min-height:100vh}.citiesHeader{background:#fffc;border-bottom:1px solid #dce9f8;height:72px}.citiesNav{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:100%;margin:auto;display:flex}.citiesBrand{align-items:center;gap:9px;display:flex}.citiesBrand img{object-fit:contain;width:54px;height:54px}.citiesBrand em{color:#1268e8}.citiesBack{color:#48617f;align-items:center;gap:7px;font-size:.8rem;font-weight:800;display:flex}.citiesBack svg{width:16px}.citiesIntro{justify-content:space-between;align-items:end;gap:40px;width:min(1180px,100% - 40px);margin:auto;padding:58px 0 36px;display:flex}.citiesIntro>div>span{letter-spacing:.13em;color:#1268e8;font-size:.7rem;font-weight:900}.citiesIntro h1{letter-spacing:-.065em;margin:17px 0;font-size:clamp(3rem,5vw,5.2rem);line-height:.95}.citiesIntro p{color:#61718b;max-width:690px;line-height:1.65}.citiesCount{background:#fff;border:1px solid #dce9f8;grid-template-columns:auto auto auto;align-items:center;gap:6px 12px;padding:20px;display:grid}.citiesCount svg{color:#1268e8;width:21px}.citiesCount b{font-size:1.45rem}.citiesCount span{color:#61718b;font-size:.7rem}.mapWorkspace{grid-template-columns:1.35fr .65fr;gap:18px;width:min(1180px,100% - 40px);margin:0 auto 70px;display:grid}.googleMap{background:#dce9f8;min-height:650px;position:relative;overflow:hidden}.googleMap iframe{border:0;width:100%;height:650px;display:block}.mapCaption{background:#fff;gap:4px;min-width:230px;padding:17px 20px;display:grid;position:absolute;bottom:20px;left:20px;box-shadow:0 15px 40px #071b3e35}.mapCaption>span{color:#61718b;text-transform:uppercase;letter-spacing:.11em;font-size:.58rem;font-weight:900}.mapCaption strong{font-size:1.3rem}.mapCaption a{color:#1268e8;align-items:center;gap:6px;margin-top:5px;font-size:.7rem;font-weight:800;display:flex}.mapCaption svg{width:14px}.cityList{background:#fff;border:1px solid #dce9f8;padding:28px}.cityListHead{gap:14px;margin-bottom:18px;display:flex}.cityListHead>span{color:#1268e8;font-size:.68rem;font-weight:900}.cityListHead h2{margin:0;font-size:1.7rem}.cityListHead p{color:#71819a;margin:5px 0;font-size:.72rem}.cityRow{color:#071b3e;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e8eff7;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;width:100%;padding:11px 8px;display:grid}.cityRow svg{color:#1268e8;width:16px}.cityRow strong{font-size:.78rem}.cityRow span{color:#71819a;font-size:.67rem}.cityRow:hover,.cityRow.active{background:#eaf4ff}.cityRow.active{box-shadow:inset 3px 0 #1268e8}.citiesFooter{color:#b6c6dd;background:#071b3e;justify-content:center;align-items:center;gap:15px;padding:28px;display:flex}.citiesFooter img{object-fit:contain;width:55px;height:55px}.citiesFooter p{font-size:.7rem;line-height:1.6}.citiesFooter b{color:#fff}@media (width<=850px){.mapWorkspace{grid-template-columns:1fr}.citiesIntro{display:block}.citiesCount{width:max-content;margin-top:25px}.googleMap,.googleMap iframe{height:520px;min-height:520px}}@media (width<=520px){.citiesBack{font-size:0}.googleMap,.googleMap iframe{height:430px;min-height:430px}.citiesIntro,.mapWorkspace,.citiesNav{width:min(100% - 24px,1180px)}}.allPins{pointer-events:none;position:absolute;inset:0}.allCityPin{pointer-events:auto;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%)}.allCityPin>i{background:#1268e8;border:3px solid #fff;border-radius:50%;width:14px;height:14px;display:block;box-shadow:0 0 0 4px #1268e844}.allCityPin>span{color:#fff;opacity:0;visibility:hidden;z-index:10;background:#071b3e;min-width:130px;padding:8px 10px;font-size:.62rem;line-height:1.45;transition:all .15s;position:absolute;bottom:15px;left:18px;transform:translateY(4px)}.allCityPin>span b{color:#5be4ff;display:block}.allCityPin:hover>span,.allCityPin:focus>span{opacity:1;visibility:visible;transform:none}.cityRow{text-decoration:none}.mapHolder{background:#dce9f8;min-height:650px;position:relative;overflow:hidden}.preciseMap{z-index:1;width:100%;height:650px}.mapHolder .mapCaption{z-index:500}.mapPopup{gap:4px;min-width:140px;display:grid}.mapPopup strong{color:#071b3e;font-size:.9rem}.mapPopup span{color:#61718b;font-size:.7rem}.mapPopup a{color:#1268e8;margin-top:3px;font-size:.68rem;font-weight:800}@media (width<=850px){.mapHolder,.preciseMap{height:520px;min-height:520px}}@media (width<=520px){.mapHolder,.preciseMap{height:430px;min-height:430px}}