Joywork/css/subway.css
2026-05-22 21:21:54 +03:00

2389 lines
57 KiB
CSS

.subway-popup {
left: 50%;
margin-left: -405px;
padding: 0 0 0 60px;
width: 750px;
z-index: 1001;
}
.select2-container {
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container, .select2-drop, .select2-search, .select2-search input {
box-sizing: border-box;
}
.select2-container .select2-choice {
-moz-user-select: none;
background-clip: padding-box;
background-color: #fff;
background-image: -moz-linear-gradient(center bottom , #eee 0%, #fff 50%);
border: 1px solid #aaa;
border-radius: 4px;
color: #444;
display: block;
height: 26px;
line-height: 26px;
overflow: hidden;
padding: 0 0 0 8px;
position: relative;
text-decoration: none;
white-space: nowrap;
}
.select2-container.select2-drop-above .select2-choice {
background-image: -moz-linear-gradient(center bottom , #eee 0%, #fff 90%);
border-bottom-color: #aaa;
border-radius: 0 0 4px 4px;
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
display: block;
margin-right: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-choice abbr {
background: url("../img/select2.png") no-repeat scroll right top rgba(0, 0, 0, 0);
border: 0 none;
cursor: pointer;
display: none;
font-size: 1px;
height: 12px;
outline: 0 none;
position: absolute;
right: 24px;
text-decoration: none;
top: 8px;
width: 12px;
}
.select2-container.select2-allowclear .select2-choice abbr {
display: inline-block;
}
.select2-container .select2-choice abbr:hover {
background-position: right -11px;
cursor: pointer;
}
.select2-drop-mask {
background-color: #fff;
border: 0 none;
height: auto;
left: 0;
margin: 0;
min-height: 100%;
min-width: 100%;
opacity: 0;
padding: 0;
position: fixed;
top: 0;
width: auto;
z-index: 9998;
}
.select2-drop {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #fff;
border-color: -moz-use-text-color #aaa #aaa;
border-image: none;
border-radius: 0 0 4px 4px;
border-right: 1px solid #aaa;
border-style: none solid solid;
border-width: 0 1px 1px;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
color: #000;
margin-top: -1px;
position: absolute;
top: 100%;
width: 100%;
z-index: 9999;
}
.select2-drop-auto-width {
border-top: 1px solid #aaa;
width: auto;
}
.select2-drop-auto-width .select2-search {
padding-top: 4px;
}
.select2-drop.select2-drop-above {
border-bottom: 0 none;
border-radius: 4px 4px 0 0;
border-top: 1px solid #aaa;
box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
margin-top: 1px;
}
.select2-drop-active {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #5897fb #5897fb;
border-image: none;
border-right: 1px solid #5897fb;
border-style: none solid solid;
border-width: medium 1px 1px;
}
.select2-drop.select2-drop-above.select2-drop-active {
border-top: 1px solid #5897fb;
}
.select2-container .select2-choice .select2-arrow {
background: -moz-linear-gradient(center bottom , #ccc 0%, #eee 60%) repeat scroll 0 0 #ccc;
border-left: 1px solid #aaa;
border-radius: 0 4px 4px 0;
display: inline-block;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 18px;
}
.select2-container .select2-choice .select2-arrow b {
background: url("../img/select2.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
display: block;
height: 100%;
width: 100%;
}
.select2-search {
display: inline-block;
margin: 0;
min-height: 26px;
padding-left: 4px;
padding-right: 4px;
position: relative;
white-space: nowrap;
width: 100%;
z-index: 10000;
}
.select2-search input {
background: url("../img/select2.png") no-repeat scroll 100% -22px, -moz-linear-gradient(center bottom , #fff 85%, #eee 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #aaa;
border-radius: 0;
box-shadow: none;
font-family: sans-serif;
font-size: 1em;
height: auto !important;
margin: 0;
min-height: 26px;
outline: 0 none;
padding: 4px 20px 4px 5px;
width: 100%;
}
.select2-drop.select2-drop-above .select2-search input {
margin-top: 4px;
}
.select2-search input.select2-active {
background: url("../img/select2-spinner.gif") no-repeat scroll 100% center, -moz-linear-gradient(center bottom , #fff 85%, #eee 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.select2-container-active .select2-choice, .select2-container-active .select2-choices {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
outline: medium none;
}
.select2-dropdown-open .select2-choice {
background-color: #eee;
background-image: -moz-linear-gradient(center bottom , #fff 0%, #eee 50%);
border-bottom-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 0 1px 0 #fff inset;
}
.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-image: -moz-linear-gradient(center top , #fff 0%, #eee 50%);
border-color: transparent #5897fb #5897fb;
border-image: none;
border-right: 1px solid #5897fb;
border-style: solid;
border-width: 1px;
}
.select2-dropdown-open .select2-choice .select2-arrow {
background: none repeat scroll 0 0 transparent;
border-left: medium none;
filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
background-position: -18px 1px;
}
.select2-results {
margin: 4px 4px 4px 0;
max-height: 200px;
overflow-x: hidden;
overflow-y: auto;
padding: 0 0 0 4px;
position: relative;
}
.select2-results ul.select2-result-sub {
margin: 0;
padding-left: 0;
}
.select2-results ul.select2-result-sub > li .select2-result-label {
padding-left: 20px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 40px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 60px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 80px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 100px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 110px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
padding-left: 120px;
}
.select2-results li {
background-image: none;
display: list-item;
list-style: outside none none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
font-weight: bold;
}
.select2-results .select2-result-label {
-moz-user-select: none;
cursor: pointer;
margin: 0;
min-height: 1em;
padding: 3px 7px 4px;
}
.select2-results .select2-highlighted {
background: none repeat scroll 0 0 #3875d7;
color: #fff;
}
.select2-results li em {
background: none repeat scroll 0 0 #feffde;
font-style: normal;
}
.select2-results .select2-highlighted em {
background: none repeat scroll 0 0 transparent;
}
.select2-results .select2-highlighted ul {
background: none repeat scroll 0 0 #fff;
color: #000;
}
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
background: none repeat scroll 0 0 #f4f4f4;
display: list-item;
}
.select2-results .select2-disabled.select2-highlighted {
background: none repeat scroll 0 0 #f4f4f4;
color: #666;
cursor: default;
display: list-item;
}
.select2-results .select2-disabled {
background: none repeat scroll 0 0 #f4f4f4;
cursor: default;
display: list-item;
}
.select2-results .select2-selected {
display: none;
}
.select2-more-results.select2-active {
background: url("../img/select2-spinner.gif") no-repeat scroll 100% center #f4f4f4;
}
.select2-more-results {
background: none repeat scroll 0 0 #f4f4f4;
display: list-item;
}
.select2-container.select2-container-disabled .select2-choice {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
background-color: #f4f4f4;
background-image: none;
border-left: 0 none;
}
.select2-container.select2-container-disabled .select2-choice abbr {
display: none;
}
.select2-container-multi .select2-choices {
background-color: #fff;
background-image: -moz-linear-gradient(center top , #eee 1%, #fff 15%);
border: 1px solid #aaa;
cursor: text;
height: auto !important;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
}
.select2-locked {
padding: 3px 5px !important;
}
.select2-container-multi .select2-choices {
min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
outline: medium none;
}
.select2-container-multi .select2-choices li {
float: left;
list-style: outside none none;
}
.select2-container-multi .select2-choices .select2-search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
background: none repeat scroll 0 0 transparent !important;
border: 0 none;
box-shadow: none;
color: #666;
font-family: sans-serif;
font-size: 100%;
margin: 1px 0;
outline: 0 none;
padding: 5px;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
background: url("../img/select2-spinner.gif") no-repeat scroll 100% center #fff !important;
}
.select2-default {
color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
-moz-user-select: none;
background-clip: padding-box;
background-color: #e4e4e4;
background-image: -moz-linear-gradient(center top , #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
border: 1px solid #aaaaaa;
border-radius: 3px;
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
cursor: default;
line-height: 13px;
margin: 3px 0 3px 5px;
padding: 3px 5px 3px 18px;
position: relative;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
background: none repeat scroll 0 0 #d4d4d4;
}
.select2-search-choice-close {
background: url("../img/select2.png") no-repeat scroll right top rgba(0, 0, 0, 0);
display: block;
font-size: 1px;
height: 13px;
outline: medium none;
position: absolute;
right: 3px;
top: 4px;
width: 12px;
}
.select2-container-multi .select2-search-choice-close {
left: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
background-position: right -11px;
}
.select2-container-multi.select2-container-disabled .select2-choices {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
padding: 3px 5px;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
display: none;
}
.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match {
text-decoration: underline;
}
.select2-offscreen, .select2-offscreen:focus {
border: 0 none !important;
clip: rect(0px, 0px, 0px, 0px) !important;
height: 1px !important;
left: 0 !important;
margin: 0 !important;
outline: 0 none !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
top: 0 !important;
width: 1px !important;
}
.select2-display-none {
display: none;
}
.select2-measure-scrollbar {
height: 100px;
left: -10000px;
overflow: scroll;
position: absolute;
top: -10000px;
width: 100px;
}
@media not all, only screen and (min-resolution: 144dpi) {
.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
background-image: url("../img/select2x2.png") !important;
background-repeat: no-repeat !important;
background-size: 60px 40px !important;
}
.select2-search input {
background-position: 100% -21px !important;
}
}
.clear {
clear: both;
}
.all {
background: none repeat scroll 0 0 #eaecef;
min-height: 100%;
min-width: 1200px;
}
.hidden {
display: none !important;
}
select.customSelect {
border: 1px solid #ccc;
}
.form .select2-container {
width: 100%;
}
.form .select2-container.select-sm {
min-width: 78px;
width: 18%;
}
.select2-container .select2-choice {
background: none repeat scroll 0 0 #fff;
border: 1px solid #ccc;
border-radius: 0;
filter: none;
}
.select2-container .select2-choice .select2-arrow {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
filter: none;
width: 30px;
}
.select2-container .select2-choice .select2-arrow b {
background-position: 10px 2px;
}
.select2-container .select2-choice .select2-search-choice-close {
right: 28px;
z-index: 0;
}
.select2-container-active .select2-choice {
border-color: #6c6;
box-shadow: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
background-position: -30px -54px;
}
.select2-dropdown-open .select2-choice {
border-color: #6c6;
}
.select2-results .select2-highlighted {
background: none repeat scroll 0 0 #e0f4d2;
color: #000;
}
.select2-result-selectable .select2-match {
font-weight: bold;
text-decoration: none;
}
.form .select2-container .select2-choice {
height: 28px;
line-height: 28px;
}
.form .select2-container-multi {
width: 420px;
}
.form .select2-container-multi .select2-choices {
background: url("../img/select2.png") no-repeat scroll 398px 2px #fff;
}
.form .select2-container-multi.select2-dropdown-open .select2-choices {
background: url("../img/select2.png") no-repeat scroll 100% -54px #fff;
}
.select2-container-multi.select2-container-active .select2-choices {
border-color: #6c6;
box-shadow: none;
}
.select2-container-multi .select2-choices .select2-search-choice {
background: none repeat scroll 0 0 #eaecef;
border: 0 none;
border-radius: 0;
box-shadow: none;
filter: none;
margin: 4px 0 3px 4px;
padding: 3px 5px 4px 23px;
}
.select2-container-multi .select2-choices .select2-search-field > input {
padding-left: 8px;
}
.select2-search-choice-close, .select2-container.select2-allowclear .select2-choice abbr.select2-search-choice-close {
background-position: -47px 0;
}
.select2-container-multi .select2-search-choice-close {
height: 11px;
left: 5px;
top: 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover, .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close, .select2-container.select2-allowclear .select2-choice abbr.select2-search-choice-close:hover {
background-position: -47px -14px;
}
.main-col.wpager .search-wrap .select2-container-multi .select2-choices .select2-search-choice {
margin: 4px 0 3px 2px;
padding: 3px 1px 4px 19px;
}
.select2-drop-active {
border-color: #6c6;
}
.select2-drop-active li {
margin-left: 0;
}
.select2-choice .select-state, .select2-results .select-state {
display: inline-block;
height: 15px;
margin: 0 7px 2px 2px;
vertical-align: middle;
width: 5px;
}
.select2-choice .select-state.hot, .select2-results .select-state.hot {
background: none repeat scroll 0 0 #dc2756;
}
.select2-choice .select-state.mid, .select2-results .select-state.mid {
background: none repeat scroll 0 0 #fc912a;
}
.select2-choice .select-state.mid2, .select2-results .select-state.mid2 {
background: none repeat scroll 0 0 #ffd200;
}
.select2-choice .select-state.soft, .select2-results .select-state.soft {
background: none repeat scroll 0 0 #6c6;
}
.select2-choice .select-state.na, .select2-results .select-state.na {
background: none repeat scroll 0 0 #bbbec3;
}
.select2-no-results {
padding: 2px;
}
.form .error .select2-container .select2-choice, .select2-drop-active.error {
border-color: #dc2756;
}
body .select2-drop {
border-radius: 0;
margin-top: -2px;
}
.popup-overlay {
background: url("../img/bg_pop_shade.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 101;
}
.btn-wrap-up {
margin: 80px 0 0;
position: relative;
text-align: center;
width: 100%;
}
.btn-up::after {
background: url("../img/re-img/btn-up.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
content: "";
height: 28px;
left: 50%;
margin-left: -27px;
position: absolute;
top: -40px;
width: 54px;
}
.btn-up {
background: none repeat scroll 0 0 #039936;
border: 1px solid #018725;
color: #beddc5;
display: inline-block;
font-family: "PT Sans",sans-serif;
font-size: 16px;
line-height: 40px;
margin: 0 19px;
padding: 0 25px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}
.btn-wrap-up::after, .btn-wrap-up::before {
background: none repeat scroll 0 0 #049a36;
content: "";
display: inline-block;
height: 1px;
position: absolute;
right: 0;
top: 50%;
vertical-align: middle;
width: 440px;
}
.btn-wrap-up::after {
left: 0;
}
.popup-overlay.re-design {
background: none repeat scroll 0 0 #fff;
opacity: 0.5;
z-index: 99;
}
.subway-wrapper {
left: 48%;
margin-left: -420px;
position: absolute !important;
top: 11%;
width: 900px !important;
}
.subway-action {
float:left;
width: 290px;
}
ul.subway-select {
font-size:18px;
color:#1f4685;
float: left;
font-weight:bold;
margin-left:15px;
}
.subway-lines + .subway-action{
width:680px;
}
.subway-action a.button-a.agree.confirm{
background: none repeat scroll 0 0 #1f4685 !important;
color: #fff;
display: block;
font-size: 18px !important;
height: 40px !important;
line-height: 36px !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center;
text-transform: none !important;
width: 200px;
}
.subway-lines {
padding: 125px 0 0 100px;
height: 676px;
}
div#subway {
height: 825px;
overflow: visible;
}
.river-bg {
position: absolute;
top: 150px;
left: 0;
}
.river-bg img {
width: 650px;
}
.subway-select li {
float: left;
list-style: outside none none;
margin: 2px 2px 0 0;
}
ul.subway-select li:first-child {
line-height: 25px;
}
.line-select {
height: 28px;
width: 28px;
border-radius:50%;
margin-top: 3px !important;
}
.line-select a {
height: 20px;
width: 20px;
border-radius:50%;
float: left;
margin-top:4px;
margin-left:4px;
}
.line-select:hover, .line-select.active {
border-radius:50%;
border:1px solid #1f4685;
}
.line-select:hover a, .line-select.active a{
margin-left:3px;
margin-top:3px;
}
.line-1, .line-2, .line-3, .line-4, .line-5, .line-6 {
}
.line-1 a{
background-color: #e30639;
}
.line-2 a{
background-color: #007bc5;
}
.line-3 a{
background-color: #093;
}
.line-4 a{
background-color: #ff6820;
}
.line-5 a{
background-color: #712683;
}
.line-6 a{
background-color: #f4ae94;
}
.line {
position: relative;
width: 9px;
}
.workless {
cursor: default !important;
opacity: 0.4;
}
span.workless {
opacity: 0.7;
}
.line-one > .one-part {
background: none repeat scroll 0 0 #dc214c;
height: 285px;
left: 342px;
position: absolute;
top: -277px;
width: 9px;
}
.line-one > .two-part {
background: none repeat scroll 0 0 rgb(220, 33, 76);
bottom: -333px;
height: 410px;
left: 180px;
position: absolute;
-webkit-transform: rotate(50deg);
transform: rotate(53deg);
width: 8px;
}
.line-one > .three-part {
background: none repeat scroll 0 0 rgb(220, 33, 76);
bottom: -408px;
height: 160px;
position: absolute;
width: 9px;
left: 17px;
}
.line-two > .one-part {
background: none repeat scroll 0 0 #0071bc;
height: 700px;
left: 179px;
position: absolute;
top: -285px;
width: 9px;
}
.line-three > .one-part {
background: none repeat scroll 0 0 rgb(69, 145, 107);
height: 8px;
left: -24px;
position: absolute;
top: 3px;
width: 390px;
}
.line-three > .two-part {
background: none repeat scroll 0 0 rgb(69, 145, 107);
bottom: -19px;
height: 86px;
left: -54px;
position: absolute;
-webkit-transform: rotate(-44deg);
transform: rotate(-42deg);
width: 9px;
}
.line-three > .three-part {
background: none repeat scroll 0 0 rgb(69, 145, 107);
bottom: -82px;
height: 85px;
left: 384px;
position: absolute;
-webkit-transform: rotate(-37deg);
transform: rotate(-37deg);
width: 9px;
}
.line-three > .four-part {
background: none repeat scroll 0 0 rgb(69, 145, 107);
height: 286px;
left: 409px;
position: absolute;
top: 71px;
width: 9px;
}
.line-four > .one-part {
background: none repeat scroll 0 0 rgb(231, 120, 67);
height: 9px;
left: 179px;
position: absolute;
top: 58px;
width: 276px;
}
.line-four > .two-part {
background: none repeat scroll 0 0 rgb(231, 120, 67);
bottom: -126px;
height: 80px;
left: 480px;
position: absolute;
-webkit-transform: rotate(-53deg);
transform: rotate(-53deg);
width: 9px;
}
.line-four > .three-part {
background: none repeat scroll 0 0 rgb(231, 120, 67);
height: 118px;
left: 510px;
position: absolute;
top: 107px;
width: 9px;
}
.line-four > .four-part {
background: none repeat scroll 0 0 #e77843;
height: 8px;
left: -54px;
position: absolute;
top: 64px;
width: 136px;
}
label.subway-station {
left: -160px;
}
.line-five > .one-part {
background: none repeat scroll 0 0 rgb(111, 68, 139);
height: 214px;
position: relative;
left: 17px;
top: -32px;
}
.line-five > .two-part {
background: none repeat scroll 0 0 rgb(111, 68, 139);
bottom: -154px;
height: 249px;
left: 121px;
position: absolute;
-webkit-transform: rotate(-59deg);
transform: rotate(-59deg);
width: 9px;
}
.line-five > .three-part {
background: none repeat scroll 0 0 rgb(111, 68, 139);
bottom: -156px;
height: 64px;
left: 226px;
position: absolute;
width: 9px;
}
.line-five > .four-part {
background: none repeat scroll 0 0 rgb(111, 68, 139);
bottom: -228px;
height: 90px;
left: 258px;
position: absolute;
-webkit-transform: rotate(-48deg);
transform: rotate(-48deg);
width: 9px;
}
.line-five > .five-part {
background: none repeat scroll 0 0 rgb(111, 68, 139);
bottom: -300px;
height: 90px;
left: 291px;
position: absolute;
width: 9px;
}
.line-six > .one-part {
background: none repeat scroll 0 0 #ca8f4e;
height: 94px;
left: 106px;
position: absolute;
top: 159px;
-webkit-transform: rotate(52deg);
transform: rotate(52deg);
width: 9px;
}
.line-six > .two-part {
background: none repeat scroll 0 0 #ca8f4e;
height: 87px;
left: 32px;
position: absolute;
top: 210px;
-webkit-transform: rotate(64deg);
transform: rotate(64deg);
width: 9px;
}
.line-six > .three-part {
background: none repeat scroll 0 0 #ca8f4e;
height: 59px;
left: -28px;
position: absolute;
top: 257px;
-webkit-transform: rotate(51deg);
transform: rotate(51deg);
width: 9px;
}
#subway label.checkbox {
display: block;
position: relative;
margin:0;
padding:0;
}
.line-five > .one-part input.subway-circle[type="checkbox"] + span {
background: url("../images/five_check.png") no-repeat;
cursor: pointer;
height: 17px;
left: -4px;
position: absolute;
width: 17px;
}
.line-five > .one-part input.subway-circle[type="checkbox"]:checked + span {
background: url("../images/check_small.png") no-repeat;
}
.line-five > .one-part input.subway-circle.admiral[type="checkbox"] + span {
}
.line-five > .one-part input.subway-circle.admiral[type="checkbox"]:checked + span {
}
.line-two input.subway-circle[type="checkbox"] + span {
background: url("../images/two_check.png") no-repeat;
background-position: 0 0;
background-size: 17px 17px;
cursor: pointer;
height: 17px;
left: 175px !important;
position: absolute;
width: 17px;
}
input.subway-circle.parnas[type="checkbox"] + span {
background: url("../images/two_check.png") no-repeat;
cursor: pointer;
height: 20px;
top: -300px;
width: 15px;
z-index: 99;
}
.line-two input.subway-circle[type="checkbox"]:checked + span {
background: url("../img/check_small.png") no-repeat;
}
.line-two input.subway-circle.nevskiy[type="checkbox"] + span {
background: url("../images/subway-double.png") no-repeat scroll -1px -142px rgba(0, 0, 0, 0);
cursor: pointer;
height: 38px;
left: 167px !important;
top: -13px;
width: 38px;
z-index: 99;
}
.line-two input.subway-circle.nevskiy[type="checkbox"]:checked + span {
background: url("../img/check_st.png") no-repeat;
margin-top: 3px;
}
input.subway-circle.station-1[type="checkbox"] + span {
background: url("../images/subway-double.png") no-repeat scroll -1px -66px rgba(0, 0, 0, 0) !important;
cursor: pointer;
height: 38px;
left: 55px;
top: 134px;
width: 38px;
z-index: 99;
}
input.subway-circle.station-1[type="checkbox"]:checked + span {
background-position: -1px -102px !important;
}
input.subway-circle.station-2[type="checkbox"] + span {
background: url("../images/subway-double.png") no-repeat scroll -1px -142px rgba(0, 0, 0, 0) !important;
cursor: pointer;
height: 38px !important;
left: 56px !important;
top: -19px;
width: 38px !important;
z-index: 99;
}
input.subway-circle.station-2[type="checkbox"]:checked + span {
background-position: -1px -182px !important;
}
input.subway-circle.station-3[type="checkbox"] + span {
background: url("../images/subway-double.png") no-repeat scroll -1px -301px rgba(0, 0, 0, 0) !important;
cursor: pointer;
height: 38px !important;
left: 210px !important;
top: -21px;
width: 38px !important;
z-index: 99;
}
input.subway-circle.station-3[type="checkbox"]:checked + span {
background-position: -1px -339px !important;
}
input.subway-circle.station-4[type="checkbox"] + span {
background: url("../images/subway-double.png") no-repeat scroll -1px -221px rgba(0, 0, 0, 0) !important;
cursor: pointer;
height: 38px !important;
left: 144px !important;
top: 43px;
width: 38px !important;
z-index: 99;
}
input.subway-circle.station-4[type="checkbox"]:checked + span {
background-position: -1px -261px !important;
}
input.subway-circle.station-5[type="checkbox"] + span {
background: url("../images/subway-double.png") no-repeat scroll -1px -377px rgba(0, 0, 0, 0) !important;
cursor: pointer;
height: 38px !important;
left: 127px !important;
top: 357px;
width: 38px !important;
z-index: 99;
}
input.subway-circle.station-5[type="checkbox"]:checked + span {
background-position: -1px -417px !important;
}
input.subway-circle.station-6[type="checkbox"] + span {
background: url("../images/subway-double.png") no-repeat scroll -1px -3px rgba(0, 0, 0, 0) !important;
cursor: pointer;
height: 38px !important;
left: 127px !important;
top: 357px;
width: 38px !important;
z-index: 99;
}
input.subway-circle.station-6[type="checkbox"]:checked + span {
background-position: -1px -31px !important;
}
.line-five > .one-part input.subway-circle.sad[type="checkbox"] + span {
background: url("../images/subway-double.png") no-repeat scroll -1px -417px rgba(0, 0, 0, 0);
cursor: pointer;
height: 38px;
left: 150px !important;
top: 289px;
width: 38px;
z-index: 99;
}
.line-five > .one-part input.subway-circle.sad[type="checkbox"]:checked + span {
background: url("../img/check_st.png") no-repeat;
margin-left: -1px;
margin-top: 2px;
}
.line-five > .one-part input.subway-circle.zven[type="checkbox"] + span {
background: url("../images/subway-double.png") no-repeat scroll -1px -377px rgba(0, 0, 0, 0);
cursor: pointer;
height: 38px;
left: 194px !important;
top: 317px;
width: 38px;
z-index: 99;
}
.line-five > .one-part input.subway-circle.zven.active[type="checkbox"] + span {
background: url("../img/check_st.png") no-repeat;
cursor: pointer;
height: 38px;
margin-left: -1px;
margin-top: 6px;
width: 38px;
z-index: 200;
}
.line-five > .one-part input.subway-circle.zven[type="checkbox"]:checked + span {
background: url("../img/check_st.png") no-repeat;
margin-left: -1px;
margin-top: 6px;
}
.line-five > .one-part input.subway-circle.canal[type="checkbox"]:checked + span {
}
.line-two input.subway-circle.tech-inst[type="checkbox"] + span {
background: url("../images/subway-double.png") no-repeat scroll -1px 5px rgba(0, 0, 0, 0);
cursor: pointer;
height: 38px;
left: 166px !important;
top: 107px;
width: 38px;
z-index: 99;
}
.line-two input.subway-circle.tech-inst[type="checkbox"]:checked + span {
background: url("../img/check_st.png") no-repeat;
margin-top:5px;
}
.line-three input.subway-circle.mayak[type="checkbox"] + span {
background: url("../images/subway-double.png") no-repeat scroll -1px -65px rgba(0, 0, 0, 0);
cursor: pointer;
height: 38px;
left: 331px !important;
top: -9px;
width: 38px;
z-index: 99;
}
.line-three input.subway-circle.mayak[type="checkbox"]:checked + span {
background: url("../img/check_st.png") no-repeat;
margin-left: -1px;
margin-top: 3px;
}
.line-three input.subway-circle.nevskiysq[type="checkbox"] + span {
box-sizing: border-box;
}
.line-three input.subway-circle.nevskiysq[type="checkbox"] + span {
background: url("../images/subway-double.png") no-repeat scroll -1px -301px rgba(0, 0, 0, 0);
cursor: pointer;
height: 38px;
left: 397px !important;
top: 42px;
width: 38px;
z-index: 99;
}
.line-three input.subway-circle.nevskiysq[type="checkbox"]:checked + span {
background: url("../img/check_st.png") no-repeat;
margin-left: -1px;
margin-top: 5px;
}
.line-four input.subway-circle.dost[type="checkbox"] + span {
background: url("../images/subway-double.png") no-repeat scroll -1px -219px rgba(0, 0, 0, 0);
cursor: pointer;
height: 38px;
left: 255px !important;
top: 39px;
width: 38px;
z-index: 99;
}
/*.line-four input.subway-circle.dost[type="checkbox"].active + span {
background: url("../img/check_st.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
cursor: pointer;
height: 38px;
width: 38px;
z-index: 200;
}*/
.line-three input.subway-circle.nevskiysq.active[type="checkbox"] + span{
background: url("../img/check_st.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 38px;
margin-left: -1px;
margin-top:5px;
width: 38px;
z-index: 200;
}
.line-four input.subway-circle.dost[type="checkbox"]:checked + span, .line-four input.subway-circle.dost[type="checkbox"].active + span{
background: url("../img/check_st.png") no-repeat;
margin-top:7px;
margin-left:-1px;
}
.line-one input.subway-circle[type="checkbox"] + span {
background: url("../images/one_check.png") no-repeat;
cursor: pointer;
height: 17px;
left: 338px !important;
position: absolute;
width: 17px;
}
.line-one input.subway-circle[type="checkbox"]:checked + span {
background: url("../img/check_small.png") no-repeat;
}
.line-one input.subway-circle[type="checkbox"].active + span, .line-two input.subway-circle[type="checkbox"].active + span, .line-three input.subway-circle[type="checkbox"].active + span, .line-four input.subway-circle[type="checkbox"].active + span, .line-five input.subway-circle[type="checkbox"].active + span{
background: url("../img/check_small.png") no-repeat;
}
.line-three input.mayak.subway-circle.active[type="checkbox"] + span{
background: url("../img/check_st.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
margin-left: -1px;
margin-top: 3px;
}
.line-one input.vosst.subway-circle.active[type="checkbox"] + span{
background: url("../img/check_st.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 38px;
margin-left: -9px;
margin-top: -16px;
width: 38px;
z-index: 200;
}
.line-two input.subway-circle.nevskiy[type="checkbox"].active + span {
background: url("../img/check_st.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
margin-top: 3px;
}
.line-three input.subway-circle.dvor[type="checkbox"].active + span {
background: url("../img/check_st.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 38px;
margin-left: -11px;
margin-top: -13px;
width: 38px;
z-index: 200;
}
.line-five > .one-part input.subway-circle.sad[type="checkbox"].active + span {
background: url("../img/check_st.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
margin-left: -1px;
margin-top: 2px;
}
.subway-circle.spass.active + span {
background: url("../img/check_st.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
margin-left: -11px;
margin-top: -11px;
height: 38px !important;
width: 38px !important;
z-index: 200;
}
.line-two > input.subway-circle.sennaya[type="checkbox"].active + span {
background: url("../img/check_st.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
margin-left: -1px;
margin-top: 2px;
height: 38px;
width: 38px;
z-index: 200;
}
input.subway-circle.vlad[type="checkbox"].active + span{
background: url("../img/check_st.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
margin-left: -16px;
margin-top: -3px;
height: 38px;
width: 38px;
z-index: 200;
}
input.subway-circle.pushkin.active[type="checkbox"] + span{
background: url("../img/check_st.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
margin-left: -17px;
margin-top: -7px;
height: 38px;
width: 38px;
z-index: 200;
}
input.subway-circle.tech-inst2.active[type="checkbox"] + span{
background: url("../img/check_st.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
margin-left: -10px;
margin-top: -12px;
height: 38px;
width: 38px;
z-index: 200;
}
.line-two input.subway-circle.tech-inst[type="checkbox"].active + span {
background: url("../img/check_st.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
margin-top: 5px;
cursor: pointer;
height: 38px;
left: 55px !important;
top: 134px;
width: 38px;
z-index: 99;
}
input.subway-circle.nevskiysq2.active[type="checkbox"] + span{
background: url("../img/check_st.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
margin-left: -8px;
margin-top: -9px;
height: 38px;
width: 38px;
z-index: 200;
}
input.subway-circle.sennaya.active[type="checkbox"] + span{
background: url("../img/check_st.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
margin-left: -9px;
margin-top: 53px;
height: 38px;
width: 38px;
z-index: 200;
}
.line-three input.subway-circle[type="checkbox"] + span {
background: url("../images/three_check.png") no-repeat;
cursor: pointer;
height: 17px;
position: absolute;
width: 17px;
}
.line-three input.subway-circle[type="checkbox"]:checked + span {
background: url("../img/check_small.png") no-repeat;
}
.line-four input.subway-circle[type="checkbox"] + span, .line-six input.subway-circle[type="checkbox"] + span {
background: url("../images/four_check.png") no-repeat;
cursor: pointer;
height: 17px;
position: absolute;
width: 17px;
}
.line-four input.subway-circle[type="checkbox"]:checked + span, .line-six input.subway-circle[type="checkbox"]:checked + span {
background: url("../img/check_small.png") no-repeat;
}
input.subway-circle.vlad[type="checkbox"] + span {
left: 265px !important;
z-index: 9;
}
input.subway-circle.pushkin[type="checkbox"] + span {
left: 222px !important;
z-index: 9;
}
input.subway-circle.balt[type="checkbox"] + span, input.subway-circle.narv[type="checkbox"] + span, input.subway-circle.kirov[type="checkbox"] + span, input.subway-circle.avtovo[type="checkbox"] + span, input.subway-circle.lenin-prosp[type="checkbox"] + span, input.subway-circle.veteran[type="checkbox"] + span {
left: 13px !important;
z-index: 9;
}
input.subway-circle.primor[type="checkbox"] + span {
left: -82px !important;
}
.subway-circle {
cursor: pointer;
height: 10px;
left: -1px;
position: absolute;
transform: scale(0);
width: 10px;
}
.subway-station {
cursor: pointer;
font-size: 14px;
position: absolute;
/* text-align: right; */
z-index: 9;
}
.subway-lines label {
cursor: pointer;
font-size: 11px !important;
padding: 0 !important;
position: absolute;
line-height: 13px;
}
p.subway-station {
left: -191px;
text-align: right;
}
.line-five .komend {
top: -10px;
}
.line-five .derevnya {
top: 65px;
}
.line-five .ostrov {
top: 119px;
}
.line-five .chkalovskaya {
top: 158px;
}
.line-five .sport {
top: 181px;
}
label.subway-station.label5-1 {
/* right: 14px; */
left: 17px;
}
label.subway-station.label5-5 {
left: 291px !important;
}
.line-five .admiral {
left: 95px !important;
top: 264px;
z-index: 9;
}
label.subway-station.admiral {
left: -65px !important;
}
.line-five .sad {
left: 68px !important;
top: 271px;
z-index: 9;
color:#6f448b;
}
label.subway-station.sad-spass-sen {
left: -42px !important;
right: -47px;
}
.line-five .zven {
left: 231px !important;
top: 338px;
z-index: 9;
}
label.subway-station.zven {
left: 135px !important;
color:#6f448b;
}
.line-five .canal {
left: 237px !important;
top: 420px;
z-index: 9;
}
label.subway-station.canal {
left: 256px !important;
top: 416px;
width: 101px;
}
.line-five .volk, .line-five .buharest, .line-five .inter, .line-five .fame, .line-five .dunay, .line-five .shu {
left: 270px !important;
z-index: 9;
}
.line-five .volk {
top: 482px;
}
label.subway-station.volk {
top: 484px;
}
.line-five .buharest {
top: 511px;
}
label.subway-station.buharest {
top: 513px;
}
.line-five .inter {
top: 540px;
}
label.subway-station.inter {
top: 542px;
}
.line-five .fame {
top: 488px;
}
label.subway-station.fame {
top: 488px;
white-space: nowrap;
}
.line-five .dunay {
top: 510px;
}
label.subway-station.dunay {
top: 510px;
}
.line-five .shu {
top: 526px;
}
label.subway-station.shu {
top: 527px;
}
label.subway-station.label2-1 {
left: 197px !important;
text-align: left;
}
.line-two .parnas, .line-two .prosv, .line-two .ozerki, .line-two .udel, .line-two .pioner, .line-two .river, .line-two .petr, .line-two .gork, .line-two .nevskiy {
left: 68px !important;
z-index: 99;
}
.line-two .parnas {
top: -299px;
}
label.subway-station.parnas {
top: -298px;
}
.line-two .prosv {
top: -272px;
}
label.subway-station.prosv {
/* right: -211px; */
top: -276px;
}
.line-two .ozerki {
top: -244px;
}
label.subway-station.ozerki {
top: -243px;
}
.line-two .udel {
top: -215px;
}
label.subway-station.udel {
top: -214px;
}
.line-two .pioner {
top: -186px;
}
label.subway-station.pioner {
top: -185px;
}
.line-two .river {
top: -157px;
}
label.subway-station.river {
/* right: -171px; */
top: -156px;
width: 100px;
}
.line-two .petr {
top: -107px;
}
label.subway-station.petr {
top: -106px;
}
.line-two .gork {
top: -66px;
}
label.subway-station.gork {
top: -65px;
}
.line-two .nevskiy {
top: -12px;
}
label.subway-station.nevskiy {
left: 89px !important;
right: -180px;
top: -17px;
width:120px;
color:#007cc2;
}
label.subway-station.frunz, label.subway-station.m-vorota, label.subway-station.electro, label.subway-station.pobedi, label.subway-station.moscow, label.subway-station.star, label.subway-station.kupchino {
text-align: left;
}
.line-two .sennaya, .line-two .tech-inst, .line-two .frunz, .line-two .m-vorota, .line-two .electro, .line-two .pobedi, .line-two .moscow, .line-two .star, .line-two .kupchino {
left: 68px;
z-index: 9;
}
.line-two .sennaya {
}
label.subway-station.sennaya {
left: 89px !important;
right: -166px;
text-align: left;
top: 34px;
width: 76px;
word-wrap: break-word;
color:#007cc2;
}
.line-two .tech-inst {
top: 149px;
}
label.subway-station.tech-inst {
left: -7px;
right: -166px;
top: 129px;
color: #007cc2;
}
.line-two .frunz {
top: 236px;
}
label.subway-station.frunz {
/* left: 82px !important; */
right: -54px;
top: 810px;
}
.line-two .m-vorota {
top: 265px;
}
label.subway-station.m-vorota {
/* left: 84px !important; */
top: 261px;
}
.line-two .electro {
top: 294px;
}
label.subway-station.electro {
top: 296px;
}
.line-two .pobedi {
top: 323px;
}
label.subway-station.pobedi {
right: -170px;
top: 325px;
width: 100px;
}
.line-two .moscow {
top: 351px;
}
label.subway-station.moscow {
right: -150px;
top: 353px;
}
.line-two .star {
top: 380px;
}
label.subway-station.star {
right: -132px;
top: 382px;
}
.line-two .kupchino {
top: 409px;
}
label.subway-station.kupchino {
top: 410px;
}
label.subway-station.label1-1 {
left: 360px;
right: -370px;
text-align: left;
}
.line-one .nine, .line-one .grajd, .line-one .academ, .line-one .politeh, .line-one .brave, .line-one .forest, .line-one .viborg, .line-one .lenin, .line-one .chern, .line-one .vosst {
left: 222px;
}
.line-one .nine {
top: -287px;
z-index: 9;
}
label.subway-station.nine {
top: -286px;
}
.line-one .grajd {
top: -256px;
z-index: 9;
}
label.subway-station.grajd {
top: -255px;
width: 150px;
}
.line-one .academ {
top: -224px;
z-index: 9;
}
label.subway-station.academ {
top: -223px;
}
.line-one .politeh {
top: -191px;
z-index: 9;
}
label.subway-station.politeh {
top: -190px;
}
.line-one .brave {
top: -161px;
z-index: 9;
}
label.subway-station.brave {
top: -160px;
width: 150px;
}
.line-one .forest {
top: -135px;
z-index: 9;
}
label.subway-station.forest {
top: -134px;
}
.line-one .viborg {
top: -99px;
z-index: 9;
}
label.subway-station.viborg {
top: -98px;
}
.line-one .lenin {
top: -75px;
z-index: 9;
}
label.subway-station.lenin {
top: -74px;
width: 150px;
}
.line-one .chern {
top: -25px;
z-index: 9;
}
label.subway-station.chern {
top: -24px;
}
.line-one .vosst {
z-index: 9;
}
label.subway-station.vosst {
top: -24px;
color:#dc214c;
}
.line-one .vlad {
left: 162px;
top: 55px;
}
label.subway-station.vlad {
left: 169px;
top: 86px;
color: #dc214c;
}
.line-one .pushkin {
left: 119px;
top: 84px;
z-index: 9;
}
label.subway-station.pushkin {
left: 247px;
top: 107px;
color: #dc214c;
}
.line-one .balt, .line-one .narv, .line-one .kirov, .line-one .avtovo, .line-one .lenin-prosp, .line-one .veteran {
left: 34px;
}
label.subway-station.balt, label.subway-station.narv, label.subway-station.lenin-prosp, label.subway-station.veteran, label.subway-station.kirov {
left: 35px;
}
/*
label.subway-station.label1-3 {
right: 22px;
}
*/
.line-one .balt {
top: 242px;
}
label.subway-station.balt {
top: 248px;
}
input.subway-circle.tech-inst2[type="checkbox"] + span {
left: 175px !important;
top: 120px;
}
label.subway-station.tech-inst2 {
left: -7px;
top: 114px;
width: 163px;
color: #dc214c;
}
.line-one .narv {
top: 274px;
}
label.subway-station.narv {
top: 276px;
}
.line-one .kirov {
top: 306px;
}
label.subway-station.kirov {
/*
left: -124px;
right: 22px;
*/
top: 302px;
}
.line-one .avtovo {
top: 338px;
}
label.subway-station.avtovo {
/* left: 7px; */
top: 340px;
}
.line-one .lenin-prosp {
top: 366px;
}
label.subway-station.lenin-prosp {
top: 362px;
}
.line-one .veteran {
top: 401px;
}
label.subway-station.veteran {
top: 397px;
}
.line-three .primor {
top: -60px;
}
label.subway-station.primor {
left: -141px;
top: -48px;
}
.line-three .vasil {
left: -48px;
top: -22px;
}
label.subway-station.vasil {
left: -160px;
top: 9px;
}
.line-three .dvor {
left: 175px;
top: 0px;
}
label.subway-station.dvor {
right: -158px;
top: 7px;
color:#45916b;
}
.line-three .mayak {
left: 222px;
top: -3px;
}
label.subway-station.mayak {
left: 244px;
top: -14px;
color:#45916b;
}
.line-three .nevskiysq {
left: 311px;
top: 63px;
z-index: 9;
}
label.subway-station.nevskiysq {
left: 431px;
text-align: left;
top: 29px;
width: 190px;
color:#45916b;
}
label.subway-station.label3-3 {
left: 427px;
}
.line-three .eliz, .line-three .lomonos, .line-three .prolet, .line-three .obuh, .line-three .fish {
left: 405px;
}
.line-three .eliz {
top: 233px;
}
label.subway-station.eliz {
top: 235px;
}
.line-three .lomonos {
top: 262px;
}
label.subway-station.lomonos {
top: 264px;
}
.line-three .prolet {
top: 291px;
}
label.subway-station.prolet {
top: 293px;
}
.line-three .obuh {
top: 320px;
}
label.subway-station.obuh {
top: 322px;
}
.line-three .fish {
top: 349px;
}
label.subway-station.fish {
top: 351px;
}
.line-four .spass {
left: 262px;
top: 54px;
}
label.subway-station.spass {
top: 84px;
color:#e77843;
}
.line-four .ligov, .line-four .dos, .line-four .theater {
top: 54px;
}
.line-four .dost {
left: 155px;
}
label.subway-station.dost {
left: 170px;
top: 76px;
color:#e77843;
}
.line-four .ligov {
left: 321px;
}
label.subway-station.ligov {
left: 323px;
/* text-align: center; */
top: 72px;
}
.line-four .nevskiysq2 {
left: 175px;
top: 54px;
}
label.subway-station.nevskiysq2 {
left: 431px;
text-align: left;
top: 42px;
width: 194px;
color:#e77843;
}
label.subway-station.label4-1 {
left: 528px;
right: -543px;
text-align: left;
}
.line-four .novocher, .line-four .lad, .line-four .bolsh, .line-four .dibenko {
left: 506px;
}
.line-four .novocher {
top: 101px;
}
label.subway-station.novocher {
top: 103px;
}
.line-four .lad {
top: 133px;
}
label.subway-station.lad {
top: 135px;
}
.line-four .bolsh {
top: 172px;
}
label.subway-station.bolsh {
top: 167px;
}
.line-four .dibenko {
top: 211px;
}
label.subway-station.dibenko {
top: 206px;
}
.line-four .theater {
left: -56px;
}
label.subway-station.theater {
left: -95px;
text-align: center;
top: 75px;
}
.line-six .borovaya {
left: 97px !important;
top: 205px;
z-index: 9;
}
label.subway-station.borovaya {
left: 113px !important;
top: 212px;
}
.line-six .canal2 {
left: 136px !important;
top: 172px;
z-index: 9;
}
label.subway-station.canal2 {
left: 155px !important;
top: 175px;
width: 105px;
}
.line-six .zast {
left: -7px;
top: 268px;
}
label.subway-station.zast {
font-size: 9px !important;
left: 7px !important;
top: 211px;
}
.line-six .bron {
left: 23px !important;
top: 250px;
z-index: 9;
}
label.subway-station.bron {
left: 13px !important;
top: 272px;
}
.line-six .s-west {
left: -51px !important;
top: 297px;
z-index: 9;
}
label.subway-station.s-west {
left: -136px !important;
top: 296px;
}
.line-six .putil {
left: -7px;
top: 268px;
}
label.subway-station.putil {
left: -95px !important;
top: 270px;
}
#subway label.subway-station i {
font-style: normal;
}
#subway label.subway-station i:hover {
background-color: #ffe8da;
}
.search-wrap.detailed .subway-popup {
margin-left: -380px;
top: 0;
}
.main-vision.design-v3 .subway-popup {
top: 30px;
}
.main-col .search-form .subway-popup {
margin-left: -285px;
top: 135px;
}
#quick_search .subway-popup {
margin-left: -285px;
top: 140px;
}
.broker-adv {
position: relative;
}
.broker-adv .subway-popup {
left: 48%;
top: 37%;
}
a.check-all, a.cancel {
height: 27px !important;
line-height: 27px !important;
}
a.check-all {
background: url("../img/check.png") no-repeat scroll 4px 6px rgba(0, 0, 0, 0);
padding: 0 15px 0 25px;
}
a.check-all:hover {
background: url("../img/check.png") no-repeat scroll 4px 6px rgba(0, 0, 0, 0);
}
.subway-action a.cancel {
background: url("../img/cancel.png") no-repeat scroll 4px 6px #8c8c8c;
padding: 0 15px 0 25px;
}
.subway-action a.cancel:hover {
background: url("../img/cancel.png") no-repeat scroll 4px 6px #a4a4a4;
}
.subway-action a.agree {
background: url("../img/icons.png") no-repeat scroll 6px -3743px #093;
padding: 0 15px 0 30px;
}
.subway-action a.agree:hover {
background: url("../img/icons.png") no-repeat scroll 6px -3743px #33b34d;
}
.subway-action span.delete-subway {
background: url("../img/delete.png") no-repeat scroll 4px 2px #fff;
padding: 0 15px 0 30px;
}
/*
a.box-subway, .check-all {
background-color: #fff;
text-decoration:underline;
text-transform:none;
color: #1f4685 !important;
padding: 0 10px;
text-align: left;
font-weight: 700;
}
a.box-subway:hover {
background-color: #fff;
color: #464646 !important;
}
*/
/*
.subway-action a.button-a {
font-size: 18px !important;
height: 28px !important;
line-height: 28px !important;
margin-right: 5px;
}
*/
span.station {
display: inline-block;
}
span.station i {
font-style: normal;
margin: 0 0 0 16px;
vertical-align: text-top;
}
.closegall {
background: url("../img/select2.png") no-repeat scroll -45px 3px rgba(0, 0, 0, 0);
height: 15px;
position: absolute;
width: 15px;
}
.closegall:hover {
background-position: -45px -11px;
}
.top.fixed-top {
background: none repeat scroll 0 0 #fff;
overflow: hidden;
padding: 10px 0;
}
.top.fixed-top .chk {
margin: 8px -5px 0 -2px;
}
.top.fixed-top.scroll-top .chk {
margin: 9px -5px 0 -2px;
}
.hidden {
visibility: hidden;
}
.btn-hide {
background: url("../img/arrow-hide.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
border: 0 none;
color: #000;
cursor: pointer;
display: none;
height: 29px;
line-height: 29px;
outline: medium none;
padding-left: 21px;
text-rendering: optimizelegibility;
text-transform: uppercase;
}
.fixed .btn-hide {
display: inline-block;
float: right;
padding-top: 3px;
}
.form-action.un-visible {
display: none;
position: fixed;
top: 458px;
width: 160px;
}
.form-action.un-visible .button-a.new-btn {
font-size: 13px;
height: 37px;
line-height: 15px;
width: 100px;
}
.fixed-position .button-a.new-btn {
height: 37px !important;
}
form .form-item .create-request-button {
color: #fff;
left: 32%;
margin-top: 10px;
position: relative;
}
form .create-request-title {
font-size: 16px;
margin-left: 7px;
}
.search-actions {
padding-top: 3px;
}
.show-contacts {
float: right;
}
.subways-count {
padding: 5px;
}
.main-col.text-cont.credit-frame {
border: 0 none;
margin: 0 0 -20px;
padding: 0;
width: 100%;
}
.inner.credit-frame-inner {
width: 100%;
}
.hidden-list {
position: absolute;
top: -3000px;
}
.form-action .car {
float: left;
}
.own-agency-icon {
height: 35%;
width: 35%;
}
.objects > ul > li .info .agency {
text-align: center;
vertical-align: middle;
}
.content .grid .row .date-agency .date {
background: none repeat scroll 0 0 #eaecef;
float: left;
padding: 0 3px 1px;
text-align: center;
}
.content .grid .row .date-agency .agency {
padding: 0 3px 1px;
text-align: center;
}
.fix-foot .right {
float: right;
}
.fix-foot .form-item.right {
font-size: 15px;
font-weight: 400;
padding-right: 20px;
padding-top: 15px;
}
.services .service-action button.in-progress {
padding: 0 30px;
}
.closePopupLink{
background: url("../img/icons.png") no-repeat scroll 0 -3910px rgba(0, 0, 0, 0);
display: block;
height: 10px;
position: absolute;
right: 10px;
top: 10px;
width: 10px;
z-index:22;
}
.raion-popup{
background:#fff;
border: 2px solid #1f4685;
box-shadow: 0 0 4px #939393;
left: 50%;
margin-left: -690px;
padding: 22px 30px 30px;
position: absolute;
top: -160px;
width: 900px;
z-index:1001;
}
.popwindowDistricts {
padding: 20px 30px;
}
ul.list li {
color: #312726;
cursor: pointer;
line-height: 20px;
}
.mapWrapper {
float: right;
}
ul.horizontal {
width: auto;
margin-top:10px;
}
ul.horizontal li {
border-bottom: 1px dashed #312726;
color: #312726;
float: left;
margin: 0 10px;
}
.popupWindow .popupwindow-buttons {
margin-bottom: 15px;
text-align: center;
}
.popupWindow .popupwindow-buttons input {
color: #58595b;
line-height: 38px;
}
input.yellow-btn {
cursor: pointer;
text-transform: uppercase;
}
.yellow-btn {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #f4e222 !important;
border-bottom: 2px solid #dece1f !important;
border-image: none;
border-left: medium none;
border-right: medium none;
border-top: medium none;
color: #312726 !important;
display: inline-block;
font-size: 18px;
font-weight: bold;
height: 44px !important;
line-height: 40px;
outline: medium none;
padding: 0 13px 2px;
text-decoration: none;
}
ul.list li span {
display: inline-block;
margin-right: 20px;
text-align: right;
width: 20px;
}
ul.list {
float: left;
list-style: outside none none;
padding: 0;
}
ul.list.horizontal{
margin-left:10px;
}
.popupWindow .popupwindow-closeButton {
background: url("../images/closebtn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
cursor: pointer;
height: 17px;
position: absolute;
right: 17px;
top: 17px;
width: 17px;
}
.raion-popup .popupwindow-title{
color: #1f4685;
font-size: 18px;
font-weight: bold;
text-align:center;
}
.raion-popup a.button-a.agree{
background: none repeat scroll 0 0 #1f4685 !important;
color: #fff;
display: block;
font-size: 18px !important;
height: 40px !important;
line-height: 36px !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center;
text-transform: none !important;
width: 200px;
}
.raion-popup #districtsList label{
margin:0;
padding:0;
}
.raion-popup #districtsList li{
margin-bottom:8px;
}
.raion-popup #districtsList span{
font-weight:normal;
padding:0;
}
.raion-popup #districtsList input[type="checkbox"]{
margin:0;
display:none;
}
.raion-popup #districtsList input[type="checkbox"] + span:hover{
color:#000;
}
.raion-popup #districtsList input[type="checkbox"].hover + span{
color:#1f4685;
}
.raion-popup #districtsList input[type="checkbox"]:checked + span {
background: url("../img/radio_act.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color:#000;
}
.raion-popup #districtsList input[type="checkbox"].active + span {
background: url("../img/radio_act.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color:#000;
}
.raion-popup #districtsList input[type="checkbox"] + span {
background: url("../img/radio.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
height: 14px;
line-height: 14px;
padding-left: 26px;
font-size:14px;
cursor:pointer;
color:gray;
}
#regionsList li:hover, #regionsList.active{
color:#1f4685;
}
#imap{
height:415px !important;
}