h1 {font-size:22px;}
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}
span#scroll_to_rayon {text-decoration:underline;cursor:pointer}
div.dir_checked_wrap {width:100%;margin:13px 0px 18px 0px}
div.dir_checked {display:inline-block;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);color:#888;font-family: "Trebuchet MS", Helvetica, sans-serif;cursor:pointer;border:1px solid #bbb; border-radius:5px;padding:5px 8px;background: #ffffff}
div.dir_checked:hover {border-color:#aaaaaa;box-shadow: 0px 0px 3px #00000044;}
div.dir_checked.fixed {z-index:2000;position:fixed;top:12px;box-shadow: 0px 0px 5px #333333dd;}
div.dir_checked div.dir_flex {flex-grow: 1}
div.dir_checked div.cont {color:#000;display:inline-block;margin-right:0px}
div.dir_checked div.cont111::after {display:inline-block;float:right;width:10px;height:10px;padding-left: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.dir_checked span.nomer {color:#888;font-size:16px}

div.dir_checked div.arrow {disply:block;justify-content: center;height:auto}
div.dir_checked div.arrow div {display:inline-block;width:10px;height:100%;padding-left: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.modal_back {position:fixed;z-index:3000;top:0px;right:0px;bottom:0px;left:0px;background: #00000033}

div.dir_check_modal {display:none;overflow:auto;border-radius:20px;position:fixed;z-index:3001;left:50%;top:50%;margin:-300px auto auto -250px;width:500px;box-shadow: 0px 0px 5px #000000aa;cursor:default}
div.dir_check_modal div.modal_header {background:linear-gradient(to top,#bedfba, #ecffe9);border-radius:20px 20px 0px 0px;font-weight: 500;font-size: 20px;padding: 13px 20px 13px 20px;color: #0b4b00;border:1px solid #849f7e}
div.dir_check_modal div.modal_content {max-height:450px;color: #858d83;background:#f9fdf9;border-radius:0px 0px 20px 20px;overflow: auto;padding: 15px 20px 15px 20px;border:1px solid #849f7e;border-top:0px;}
div.dir_check_modal div.modal_content ol {padding:0px 0px 0px 20px;margin:0px}
div.dir_check_modal div.modal_content li {margin:2px 0px 8px 0px;color: #999;font-size:16px;}
div.dir_check_modal div.modal_content li a {text-decoration:none;color: #0b4b00;font-size:18px;}
div.dir_check_modal div.modal_content li a span.dir {cursor:pointer;text-decoration:underline}
div.dir_check_modal div.modal_content li a span.nomer {font-size:16px;color: #999;text-decoration:none}


div.dir_check_modal div.modal_header div.close_modal {float:right;cursor:pointer;padding:3px 3px;border-radius: 5px;background: linear-gradient(to top, #90b986, #4d7943);box-shadow: inset 0px 1px 7px #00000044;}
div.dir_check_modal div.modal_header div.close_modal div {background-image: url(/img/close.svg);width:18px;height:18px;}
div.dir_check_modal div.modal_header div.close_modal:hover {background: #c57647;}

div.show_more {color:#333;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#map_cont {position:relative;box-sizing: border-box;border: 1px solid #0c4106;margin:0px 0px 22px 0px;border-radius: 5px 5px 5px 5px;overflow: hidden;height:500px;cursor:grab}
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 {
    top:110px;
  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.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:2px solid #71007f;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.first {border:4px solid #147f02}
div.station_marker.last {border:4px solid #cd0b0b;}

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_12.first {background:#fff;min-width:22px;height:22px;left:-12px;top:-12px;border:4px solid #147f02;box-shadow: 0px 0px 4px #00000099;}
div.station_marker.zoom_12.first div {display:block}

div.station_marker.zoom_12.last {background:#fff;min-width:22px;height:22px;left:-12px;top:-12px;border-width:2px;border:4px solid #cd0b0b;box-shadow: 0px 0px 4px #00000099;}
div.station_marker.zoom_12.last div {display:block}

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.first {border:2px solid #147f02}
div.station_popup.last {border:2px solid #cd0b0b;}
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.first div.header {background:#eefbeb;}
div.station_popup.last div.header {background:#fbebeb;}
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 6px 1px 6px;
    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;}


div.point_city {display:none;position:relative;left:8px;top:-30px;filter: drop-shadow(0px 0px 3px #00000088);}
div.point_city div {
    white-space: nowrap;
    color:#000;
    position: absolute;
    background:#fff;
    padding:2px 8px 3px 8px;
    border:2px solid #71007f;
    border-radius:15px 15px 15px 15px;
    z-index:10;
}
div.point_city::before {
    top: 20px;
    clip-path: polygon(10% 50%, 100% 0%, 100% 100%); 
    transform: rotate(-42deg);
    left: -7px;
    width: 15px;
    height: 15px;
    content: '';
    position: absolute;
    background: #71007f;
    z-index:9;
}


div.dir_block {display:none}
div.dir_block_1 {display:block}


#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.stations {margin:15px 0px 10px 0px;}

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

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

ul.ork_list {padding:0px 0px 0px 22px;margin:0px}
ul.ork_list li  {color:#8e6399}

a.ork_link {
    font-size:16px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color:#2f004b;
    display:inline-block;
    text-decoration:none;
    padding:3px 8px 3px 8px;
    margin:0px 6px 7px 0px;
    background:#fdf7ff;
    border:1px solid #d4bbdb;
    border-radius:5px
        
}
a.ork_link:hover {background:#f8e3ff;border:1px solid #b490bd;}
a.ork_link span {color:#999;font-size:14px}

a.ork_link2 {
    font-size:14px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color:#2f004b;
    display:inline-block;
    text-decoration:none;
    padding:2px 8px 2px 8px;
    margin:0px 6px 7px 0px;
    background:#fdf7ff;
    border:1px solid #d4bbdb;
    border-radius:5px
        
}
a.ork_link2:hover {background:#f8e3ff;border:1px solid #b490bd;}
a.ork_link2 span {color:#999;font-size:14px}

a.ulica_link {
    font-size:16px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    display:inline-block;
    text-decoration:none;
    padding:3px 8px 3px 8px;
    margin:0px 6px 7px 0px;
    border-radius:5px;
    color:#4b4600;background:#ffffeb;border:1px solid #d1c69a;
}
a.ulica_link:hover {background:#ffffb6;border:1px solid #b5a25a;}
a.ulica_link span {color:#999;font-size:14px;}

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

@media only screen and (max-width: 830px), 
            screen and (max-height: 600px) {            
    div.dir_check_modal {border-radius:0px}
    div.dir_check_modal div.modal_header {position:fixed;top:0px;left:0px;right:0px;z-index:201;border-radius:0px;box-shadow: 0px 0px 4px #000000;font-size: 22px;}
    div.dir_check_modal div.modal_content div {margin:0px 0px 12px 0px}
    div.dir_check_modal div.modal_content {max-height:none;position:fixed;top:55px;bottom:0px;left:0px;right:0px;overflow:auto;height:auto;z-index:1000}

}
@media only screen and (max-width: 600px) {
    div#map_cont {height:450px}
    div.dir_check_modal div.modal_header {padding: 13px 10px 13px 10px;}
    div.dir_check_modal div.modal_content {padding: 15px 10px 15px 10px;}
    div.dir_checked {display:block;}
    div.dir_checked div.cont {margin-top:2px}
    div.mrt_ork {margin-bottom:15px}
    
    div.dir_checked.fixed {padding:8px 8px;top:0px;left:0px;right:0px;border-radius: 0px;margin:0px;box-shadow: 0px 0px 6px #000000;}
}
#gotop {opacity:0}