/* КАРТА ГОРОДА
----------------------------------------------------------------------------------*/
.zaglkarta {
margin: 0px auto;
text-align: center;
font: 500 32px / 10px var(--1ft);
text-transform: uppercase;
}
.podzaglkarta {width: 610px;
text-align: justify;
letter-spacing: 0px;
font-size: 11px;
margin: 9px auto;}
.karta {
width: 870px;
height: 594px;
margin: 0px auto;
background: var(--bg-kart) no-repeat;
}
/* НАВИГАЦИЯ */
.navig { position: absolute; cursor: pointer; z-index: 50; height: 594px; width: 870px; }
span.ost1, span.ost2, span.ost3, span.ost4, span.ost5, span.ost6, span.ost7, span.ost8, span.ost9, span.ost10, span.ost11, span.ost12, span.ost13, span.ost14, span.ost15, span.ost16, span.ost17, span.ost18, span.ost19, span.ost20, span.ost21, span.ost22, span.ost23 { position: absolute; }
span.ost1 {margin-top: 405px;
margin-left: 429px;
}
span.ost2 { margin-top: 215px;
margin-left: 234px;
}
span.ost3 {margin-top: 114px;
margin-left: 320px;
}
span.ost4 {margin-top: 302px;
margin-left: 325px;
}
span.ost5 { margin-top: 205px;
margin-left: 389px;
}
span.ost6 { margin-top: 52px;
margin-left: 528px;
}
span.ost7 { margin-top: 260px;
margin-left: 398px;
}
span.ost8 {margin-top: 267px;
margin-left: 553px;
}
span.ost9 {margin-top: 37px;
margin-left: 245px;
}
span.ost10 { margin-top: 279px;
margin-left: 193px;
}
span.ost11 {margin-top: 114px;
margin-left: 186px;
}
span.ost12 {margin-top: 51px;
margin-left: 408px;
}
span.ost13 { margin-top: 163px;
margin-left: 553px;
}
span.ost14 {margin-top: 300px;margin-left: 619px;}
span.ost15 {margin-top: 238px;margin-left: 791px;}
span.ost16 {margin-top: 401px;margin-left: 676px;}
span.ost17 {margin-top: 357px;margin-left: 665px;}
span.ost18 {margin-top: 418px;margin-left: 528px;}
span.ost19 {margin-top: 281px;margin-left: 353px;}
span.ost20 {margin-top: 430px;margin-left: 434px;}
span.ost21 {margin-top: 401px;margin-left: 298px;}
span.ost22 {margin-top: 491px;margin-left: 229px;}
span.ost23 {margin-top: 415px;margin-left: 25px;}
span.ost1 anim, span.ost2 anim, span.ost3 anim, span.ost4 anim, span.ost5 anim, span.ost6 anim, span.ost7 anim, span.ost8 anim, span.ost9 anim, span.ost10 anim, span.ost11 anim, span.ost12 anim, span.ost13 anim, span.ost14 anim, span.ost15 anim, span.ost16 anim, span.ost17 anim, span.ost18 anim, span.ost19 anim, span.ost20 anim, span.ost21 anim, span.ost22 anim, span.ost23 anim {
position: absolute;
transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.3s 0.2s linear;
opacity: 1;
}
.ost1:hover ro1, .ost2:hover ro2, .ost3:hover ro3, .ost4:hover ro4, .ost5:hover ro5, .ost6:hover ro6, .ost7:hover ro7, .ost8:hover ro8, .ost9:hover ro9, .ost10:hover ro10, .ost11:hover ro11, .ost12:hover ro12, .ost13:hover ro13, .ost14:hover ro14, .ost15:hover ro15, .ost16:hover ro16, .ost17:hover ro17, .ost18:hover ro18, .ost19:hover ro19, .ost20:hover ro20, .ost21:hover ro21, .ost22:hover ro22, .ost23:hover ro23 { visibility: visible; transform: translateX(50%) scale(1); }
.teks1, .teks2, .teks3, .teks4, .teks5, .teks6, .teks7, .teks8, .teks9, .teks10, .teks11, .teks12, .teks13, .teks14, .teks15, .teks16, .teks17, .teks18, .teks19, .teks20, .teks21, .teks22, .teks23 {
width: 200px;
min-height: 20px;
position: absolute;
z-index: 99;
text-align: justify;
background: #f9f9f9;
box-shadow: 0px 0px 20px 0px inset #c3c3c385;
border: 1px solid #7373732e;
padding: 0 10px 8px 10px;
font-size: 11px;
text-transform: lowercase;
}
.teks1 nm, .teks2 nm, .teks3 nm, .teks4 nm, .teks5 nm, .teks6 nm, .teks7 nm, .teks8 nm, .teks9 nm, .teks10 nm, .teks11 nm, .teks12 nm, .teks13 nm, .teks14 nm, .teks15 nm, .teks16 nm, .teks17 nm, .teks18 nm, .teks19 nm, .teks20 nm, .teks21 nm, .teks22 nm, .teks23 nm {font-size: 12px;font-family: var(--1ft);position: relative;z-index: 999;display: block;margin: 4px 0px 3px 0px;width: 200px;text-align: center;text-transform: uppercase;}
.ost1 ro1, .ost2 ro2, .ost3 ro3, .ost4 ro4, .ost5 ro5, .ost6 ro6, .ost7 ro7, .ost8 ro8, .ost9 ro9, .ost10 ro10, .ost11 ro11, .ost12 ro12, .ost13 ro13, .ost14 ro14, .ost15 ro15, .ost16 ro16, .ost17 ro17, .ost18 ro18, .ost19 ro19, .ost20 ro20, .ost21 ro21, .ost22 ro22, .ost23 ro23 {
position: absolute;
display: block;
z-index: 9;
visibility: hidden;
transition: all .0s ease-in-out 0s;
letter-spacing: 0;
max-height: 175px;
line-height: 12px;
font-size: 11px;
}
.ost1 ro1 {top: 69px;margin-left: -69px;}
.ost2 ro2 {top: 35px;margin-left: -76px;}
.ost3 ro3 {top: 71px;margin-left: -58px;}
.ost4 ro4 {top: 43px;margin-left: -59px;}
.ost5 ro5 {top: 33px;margin-left: -75px;}
.ost6 ro6 {top: 46px;margin-left: -62px;}
.ost7 ro7 {top: 59px;margin-left: -75px;}
.ost8 ro8 {top: 104px;margin-left: -23px;}
.ost9 ro9 {top: 62px;margin-left: -54px;}
.ost10 ro10 {top: 62px;margin-left: -55px;}
.ost11 ro11 {top: 59px;margin-left: -73px;}
.ost12 ro12 {top: 57px;margin-left: -70px;}
.ost13 ro13 {top: 53px;margin-left: -71px;}
.ost14 ro14 {top: 52px;margin-left: -61px;}
.ost15 ro15 {top: 145px;margin-left: -90px;}
.ost16 ro16 {top: 71px;margin-left: -68px;}
.ost17 ro17 {top: 38px;margin-left: -71px;}
.ost18 ro18 {top: 81px;margin-left: -69px;}
.ost19 ro19 {top: 120px;margin-left: -12px;}
.ost20 ro20 {top: 37px;margin-left: -86px;}
.ost21 ro21 {top: 54px;margin-left: -78px;}
.ost22 ro22 {top: 47px;margin-left: -71px;}
.ost23 ro23 {top: 85px;margin-left: -49px;}