h1 {font-size:22px;margin:0px 0px 12px 0px}
h2 {display:block;color:#000;font-weight:500;font-size:19px;padding:0px;margin:15px 0px 7px 0px}
div.opis_text {margin:0px 0px 10px 0px;line-height:22px}

h2.h2_full_address {border:1px solid #bbb;font-size:14px;font-family:"Trebuchet MS", Helvetica, sans-serif;border-radius:5px;margin-top:0px;text-align:left;color:#555;font-weight:normal;display:block;margin-bottom:10px;padding:3px 10px 2px 10px;line-height:21px;}
h2.h2_full_address span {color:#ccc}

h2.h2_dom_right {font-size:18px;text-align:center;font-weight:500;border:1px solid #9dc796;padding:9px 15px;color:#0b4b00;margin:0px;border-radius:5px;text-shadow: 0px 0px 10px #fff; background:linear-gradient(to top,#e8ffe5, #f5fff4)}
h2.h2_dom_jkh {font-size:18px;text-align:center;font-weight:500;border:1px solid #c7b6cb;padding:9px 15px;color:#2f004b;margin:15px 0px 0px 0px;border-radius:5px;text-shadow: 0px 0px 10px #fff; background:linear-gradient(to top, #f5ebf9, #fcf8fd)}
table.dom_info {border:0px solid #99bb99;border-top:0px;border-spacing:0px;width:100%;box-sizing: border-box;padding:0px 10px;line-height:22px}
table.dom_info td {padding:7px 0px 8px 8px;vertical-align:top;border-bottom:1px solid #cee5ca;}
table.dom_info td sup {font-size:10px}
table.dom_info th sup {font-size:10px}
table.dom_info th {text-align:right;width:44%;padding:7px 8px 8px 8px;vertical-align:top;border-bottom:1px solid #cee5ca;font-weight:normal;padding-right:10px;color:#407f2b;}

div.jkh_flex {display:flex}
div.jkh_flex table.dom_info {padding:0px 0px;}
div.jkh_flex table.dom_info td {border-bottom:1px solid #e6dae9;}
div.jkh_flex table.dom_info td span {color:#888}
div.jkh_flex table.dom_info th {border-bottom:1px solid #e6dae9;text-align:right;white-space: nowrap;color:#795a8b}
div.jkh_flex.green table.dom_info th {color: #407f2b;}
div.jkh_flex div.jkh_1 {width:100%}
div.jkh_flex div.jkh_1 table.dom_info {padding:0px 10px 0px 2px;}
div.jkh_flex div.jkh_2 {width:100%}
div.jkh_flex div.jkh_2 table.dom_info {padding:0px 2px 0px 10px;}

div.map_left {float:left;width:64%;}
div.dom_info_right {float:right;width:34%}
div.dom_info_right a {color:#111}

div#map_cont {position:relative;box-sizing: border-box;border: 1px solid #0c4106;margin:0px 0px 5px 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 {
  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");
}

.my-hint {
    margin:15px 0px 0px 10px;
    text-shadow: 0px 0px 3px #000;
    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;
}

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

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

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 {border:1px solid #ddd;border-radius:5px;margin-bottom:6px;padding:0px 8px 3px 8px;background:#fcfcfc}
div.station_line {margin:4px 0px 5px 0px;}
a.station_link {font-weight:500;}
span.station_dist {color:#999;font-size:14px;margin-left:2px}

div.mrts_type_wrap {display:inline-block}
div.mrts_type {display:inline-block;}
div.mrts_type div.type {margin:3px 5px 3px 0px;color:#999;font-size:14px}


div.mrts_type div.mrts {display:inline-block}

a.mrt_link {
    font-size:15px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color:#0b4b00;
    display:inline-block;
    text-decoration:none;
    padding:2px 8px 2px 8px;
    margin:0px 5px 5px 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;}

@media only screen and (max-width: 800px) {
    h2.h2_dom_right {padding:7px 15px;margin-bottom: 2px}
    h2.h2_dom_jkh  {padding:7px 15px;margin-bottom: 2px}
    table.dom_info td {padding:6px 0px 6px 5px;}
    table.dom_info th {padding:6px 8px 6px 0px;}


    div.jkh_flex {display:block;margin-bottom:20px;}
    div.jkh_flex table.dom_info th {white-space: normal}
    
    div.jkh_flex div.jkh_1 table.dom_info {padding:0px 10px 0px 10px;}
    div.jkh_flex div.jkh_2 table.dom_info {padding:0px 10px 0px 10px;}
    
    div#map_cont {height:400px;}
    div.map_left {float:none;width:100%;}
    div.dom_info_right {float:none;width:100%;margin:20px 0px}
    
    a.kvartal_link {padding:2px 8px 2px 8px;margin:0px 5px 6px 0px;}
    a.dom_link {padding:2px 8px 2px 8px;margin:0px 5px 6px 0px;}
    a.sosed_link {padding:2px 8px 2px 8px;margin:0px 5px 6px 0px;}
    a.show_all {padding:2px 8px 2px 8px;margin:0px 5px 6px 0px;}
}