h1 {font-size:22px;margin-bottom:10px}
h2 {display:block;color:#000;font-weight:500;font-size:19px;padding:0px;margin:15px 0px 6px 0px}

div.opis_text {margin:0px 0px 10px 0px;line-height:22px}

div#map_cont {position:relative;box-sizing: border-box;border: 1px solid #0c4106;border-radius: 5px 5px 5px 5px;overflow: hidden;height:500px;cursor:grab;margin:0px 0px 22px 0px}
div#map_cont:active {cursor:grabbing}
div#map_cont.fullscreen {z-index:1005;margin:0px;border-radius: 0px;border:0;height:auto;width:auto;position:fixed;left:0px;top:0px;right:0px;bottom:0px}


.fullscreen_btn {
    right:12px;
    top:12px;
    z-index:1000;
    position:absolute;
    width: 42px;
    height: 42px;
    cursor:pointer;
    background:#ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 #0003;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cg fill='%236B6B6B'%3E%3Cpath d='M16.14 7.86L14.27 6H20v5.7l-1.83-1.82L15.04 13 13 10.98l3.13-3.13zm0 0M9.86 18.14L11.73 20H6v-5.7l1.83 1.82L10.96 13 13 15.02l-3.13 3.13zm0 0'/%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
}

.exit_fullscreen_btn {
    
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cg fill='%236B6B6B'%3E%3Cpath d='M8.14 15.86L6.27 14H12v5.7l-1.83-1.83-3.13 3.14L5 18.98l3.13-3.13zm0 0M17.86 10.14L19.73 12H14V6.3l1.83 1.83 3.13-3.14L21 7.02l-3.13 3.13zm0 0'/%3E%3C/g%3E%3C/svg%3E");
}

div.show_more {color:#333;font-size:16px;text-align:center;cursor:pointer;padding:3px;margin-top:2px;border:1px solid #ddd;border-radius: 5px 5px 5px 5px}
div.show_more div {display:inline-block;}
div.show_more div::before {display:inline-block;width:10px;height:10px;padding-right:10px;content: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2032%2032%22%3E%0A%3Cpath%20fill%3D%22%23888888%22%20d%3D%22M0.5%2C7.8L0.5%2C7.8%0A%09c-0.6%2C0.6-0.6%2C1.7%2C0%2C2.3l13.2%2C13.7c1.2%2C1.3%2C3.3%2C1.3%2C4.5%2C0L31.5%2C10c0.6-0.6%2C0.6-1.7%2C0-2.3c-0.6-0.7-1.6-0.7-2.3%2C0L17.1%2C20.3%0A%09c-0.6%2C0.6-1.6%2C0.6-2.3%2C0L2.7%2C7.8C2.1%2C7.1%2C1.1%2C7.1%2C0.5%2C7.8%22%2F%3E%0A%3C%2Fsvg%3E");  }
div.show_more:hover {color:#000;background:#fcfcfc;border-color:#ccc;}

div.station_marker {font-family: "Trebuchet MS", Helvetica, sans-serif;font-size:15px;font-weight:bold;min-width:22px;height:22px;border-radius:20px;cursor:pointer;border:3px solid #9600a9;background:#fff;
                display: flex;justify-content: center;position:relative;left:-13px;top:-13px;box-shadow: 0px 0px 4px #00000099;}
div.station_marker div {border-radius:20px;white-space: nowrap;margin:auto;padding:0px 2px}


div.station_marker.zoom_12 {background:#fff;min-width:4px;height:4px;left:-4px;top:-4px;box-shadow: none;}
div.station_marker.zoom_12 div {display:none}

div.station_marker.zoom_16 {background:#fff;font-size:22px;min-width:40px;height:40px;border-radius:40px;left:-22px;top:-22px;}
div.station_marker.zoom_16 div {display:block}


div.station_popup {font-family: "Trebuchet MS", Helvetica, sans-serif;display:none;color:#000;background:#fff;white-space: nowrap;border-radius:15px;border:2px solid #71007f;position:relative;left:-13px;top:-13px;box-shadow: 0px 0px 5px #00000066;}
div.station_popup div.header {padding:6px 12px 4px 12px;display:flex;background:#f9ebfb;border-radius:15px 15px 0px 0px;border-bottom:1px solid #e9daeb}
div.station_popup div.header div.header_text {flex-grow: 1;color:#777}
div.station_popup div.header div.close_popup {cursor:pointer;margin-left:10px;width:20px;height:20px;color:#b51010;position:relative;left:5px;content:url('data:image/svg+xml,%3Csvg%20fill%3D%22%23b51010%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M18.8%2C16l5.5-5.5c0.8-0.8%2C0.8-2%2C0-2.8l0%2C0C24%2C7.3%2C23.5%2C7%2C23%2C7c-0.5%2C0-1%2C0.2-1.4%2C0.6L16%2C13.2l-5.5-5.5%20%20c-0.8-0.8-2.1-0.8-2.8%2C0C7.3%2C8%2C7%2C8.5%2C7%2C9.1s0.2%2C1%2C0.6%2C1.4l5.5%2C5.5l-5.5%2C5.5C7.3%2C21.9%2C7%2C22.4%2C7%2C23c0%2C0.5%2C0.2%2C1%2C0.6%2C1.4%20%20C8%2C24.8%2C8.5%2C25%2C9%2C25c0.5%2C0%2C1-0.2%2C1.4-0.6l5.5-5.5l5.5%2C5.5c0.8%2C0.8%2C2.1%2C0.8%2C2.8%2C0c0.8-0.8%2C0.8-2.1%2C0-2.8L18.8%2C16z%22%2F%3E%0A%3C%2Fsvg%3E')}
div.station_popup div.name {padding:6px 12px 4px 12px;}
div.station_popup div.name a.st_link {color:#000;font-weight:bold}

div.station_popup div.mrts {margin-top:6px;white-space: normal;min-width:180px;padding:0px 12px 6px 12px;}
div.station_popup div.type_mrt {margin:4px 0px; color:#777;font-size:14px;}
div.station_popup a.mrt_link {font-size:14px; font-weight:400!important;white-space: nowrap;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color:#0b4b00;
    display:inline-block;
    text-decoration:none;
    padding:2px 5px 1px 5px;
    margin:0px 3px 4px 0px;
    background:#f5fff4;
    border:1px solid #cde5ca;
    border-radius:5px}
div.station_popup a.mrt_link span {font-size:12px;color:#999;padding-left:0px}
div.station_popup a.mrt_link.Автобусы {color:#0b4b00;background:#f5fff4;border:1px solid #9dc796;}
div.station_popup a.mrt_link.Автобусы:hover {background: #e2ffdf;border:1px solid #57974c;}
div.station_popup a.mrt_link.Маршрутки {color:#00404b;background:#f4fdff;border:1px solid #a0c4c7;}
div.station_popup a.mrt_link.Маршрутки:hover {background:#daf7fd;border:1px solid #67979b;}
div.station_popup a.mrt_link.Троллейбусы {color:#2f004b;background:#fdf7ff;border:1px solid #d4bbdb;}
div.station_popup a.mrt_link.Троллейбусы:hover {background:#f8e3ff;border:1px solid #b490bd;}
div.station_popup a.mrt_link.Трамваи {color:#4b4600;background:#ffffeb;border:1px solid #d1c69a;}
div.station_popup a.mrt_link.Трамваи:hover {background:#ffffb6;border:1px solid #b5a25a;}

#station_hover {
    position:fixed; 
    text-shadow: 0px 0px 3px #000;
    display:none; 
    font-family: "Trebuchet MS", Helvetica, sans-serif;box-shadow: 0px 0px 5px #00000066;color:#fff;border:1px solid #fff;border-radius:10px;background:#71007fcc;white-space: nowrap;height:21px;padding:2px 8px;
}



h2.mrt_type {font-weight:500;font-size:19px;margin:12px 0px 10px 0px;padding:0px;color:#000000}
a.mrt_link {
    font-size:16px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color:#0b4b00;
    display:inline-block;
    text-decoration:none;
    padding:3px 12px 2px 12px;
    margin:0px 6px 7px 0px;
    background:#f5fff4;
    border:1px solid #cde5ca;
    border-radius:5px
}
a.mrt_link span {font-size:14px;color:#999;padding-left:3px}
div.mrt_avtobus a.mrt_link {color:#0b4b00;background:#f5fff4;border:1px solid #9dc796;}
div.mrt_avtobus a.mrt_link:hover {background: #e2ffdf;border:1px solid #57974c;}
div.mrt_marshrutka a.mrt_link {color:#00404b;background:#f4fdff;border:1px solid #a0c4c7;}
div.mrt_marshrutka a.mrt_link:hover {background:#daf7fd;border:1px solid #67979b;}
div.mrt_trolleybus a.mrt_link {color:#2f004b;background:#fdf7ff;border:1px solid #d4bbdb;}
div.mrt_trolleybus a.mrt_link:hover {background:#f8e3ff;border:1px solid #b490bd;}
div.mrt_tramvay a.mrt_link {color:#4b4600;background:#ffffeb;border:1px solid #d1c69a;}
div.mrt_tramvay a.mrt_link:hover {background:#ffffb6;border:1px solid #b5a25a;}

a.ulica_link {
    font-size:16px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    display:inline-block;
    text-decoration:none;
    padding:3px 12px 2px 12px;
    margin:0px 6px 7px 0px;
    border-radius:5px;
    color:#0b4b00;background:#f5fff4;border:1px solid #9dc796;
}
a.ulica_link:hover {background: #e2ffdf;border:1px solid #57974c;}
a.ulica_link span {font-size:14px;color:#999;}

a.ost_link {
    font-size:16px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    display:inline-block;
    text-decoration:none;
    padding:3px 12px 2px 12px;
    margin:0px 6px 7px 0px;
    border-radius:5px;
    color:#00404b;background:#f4fdff;border:1px solid #a0c4c7;
}
a.ost_link:hover {background:#daf7fd;border:1px solid #67979b;}
a.ost_link span {font-size:14px;color:#999;}

div.dest_pogoda {margin:20px 0px 0px 0px}