html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body{
font-family: 'Tahoma', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
background: #f4f4f4;
}
.container {
width: 100%;
margin: 0 auto;
padding: 0 15px;
box-sizing: border-box;
}
.header-area {
/*display: flex;*/
}
.head {
background-color: #222;
height: 60px;
display: flex;
align-items: center;
width: 100%;
}
.head-logo {
height: 60px;
display: flex;
align-items: center;
}
.head-search,
.head-btn {
display: none;
}
.navbar-area {
background-color: #161616;
height: 35px;
}
.site-logo {
font-size: 26px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
text-decoration: none;
}
.site-navbar ul {
list-style: none;
display: flex;
}
.site-navbar ul li a {
color: #fff;
padding: 20px;
display: block;
text-decoration: none;
text-transform: uppercase;
}
/* navbar regular css end */
.head-date {
display: flex;
justify-content: space-between;
padding: 7px 0;
}
.head-date {
color: #fff;
}
.head-date > span:before {
content: "";
display: block;
width: 16px;
height: 16px;
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
float: left;
margin: 2px 5px 0 0;
}
.date:before {
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3Av%3D%22https%3A%2F%2Fvecta.io%2Fnano%22%3E%3Cpath%20d%3D%22M16.75%203.56V2c0-.41-.34-.75-.75-.75s-.75.34-.75.75v1.5h-6.5V2c0-.41-.34-.75-.75-.75s-.75.34-.75.75v1.56c-2.7.25-4.01%201.86-4.21%204.25-.02.29.22.53.5.53h16.92c.29%200%20.53-.25.5-.53-.2-2.39-1.51-4-4.21-4.25zM20%209.84H4c-.55%200-1%20.45-1%201V17c0%203%201.5%205%205%205h8c3.5%200%205-2%205-5v-6.16c0-.55-.45-1-1-1zM9.21%2018.21c-.05.04-.1.09-.15.12-.06.04-.12.07-.18.09-.06.03-.12.05-.18.06-.07.01-.13.02-.2.02-.13%200-.26-.03-.38-.08-.13-.05-.23-.12-.33-.21-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.1-.09.2-.16.33-.21.18-.08.38-.1.58-.06.06.01.12.03.18.06.06.02.12.05.18.09l.15.12c.18.19.29.45.29.71s-.11.52-.29.71zm0-3.5c-.19.18-.45.29-.71.29s-.52-.11-.71-.29c-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.28-.28.72-.37%201.09-.21.13.05.24.12.33.21.18.19.29.45.29.71s-.11.52-.29.71zm3.5%203.5c-.19.18-.45.29-.71.29s-.52-.11-.71-.29c-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.37-.37%201.05-.37%201.42%200%20.18.19.29.45.29.71s-.11.52-.29.71zm0-3.5-.15.12c-.06.04-.12.07-.18.09-.06.03-.12.05-.18.06-.07.01-.13.02-.2.02-.26%200-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.09-.09.2-.16.33-.21.37-.16.81-.07%201.09.21.18.19.29.45.29.71s-.11.52-.29.71zm3.5%203.5c-.19.18-.45.29-.71.29s-.52-.11-.71-.29c-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.37-.37%201.05-.37%201.42%200%20.18.19.29.45.29.71s-.11.52-.29.71zm0-3.5-.15.12c-.06.04-.12.07-.18.09-.06.03-.12.05-.18.06-.07.01-.14.02-.2.02-.26%200-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.1-.09.2-.16.33-.21.18-.08.38-.1.58-.06.06.01.12.03.18.06.06.02.12.05.18.09l.15.12c.18.19.29.45.29.71s-.11.52-.29.71z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
}
.head-date > .time:before {
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22%23fff%22%20xmlns%3Av%3D%22https%3A%2F%2Fvecta.io%2Fnano%22%3E%3Cpath%20d%3D%22M16%205.5A10.5%2010.5%200%201%200%2026.5%2016%2010.511%2010.511%200%200%200%2016%205.5zm4.78%2014.12A.999.999%200%200%201%2020%2020a.962.962%200%200%201-.62-.22l-4-3A1%201%200%200%201%2015%2016V9a1%201%200%200%201%202%200v6.52l3.62%202.7a.982.982%200%200%201%20.16%201.4zM16%201a15%2015%200%201%200%2015%2015A15.018%2015.018%200%200%200%2016%201zm0%2027.567A12.567%2012.567%200%201%201%2028.567%2016%2012.579%2012.579%200%200%201%2016%2028.567z%22%2F%3E%3C%2Fsvg%3E);
margin-right: 4px;
}
/* nav-toggler css start */
.nav-toggler {
padding: 15px;
cursor: pointer;
height: 60px;
display: block;
background: transparent;
border: 0px;
position: absolute;
right: 0;
top: 0;
}
.nav-toggler span,
.nav-toggler span:before,
.nav-toggler span:after {
width: 35px;
height: 4px;
background-color: #fff;
display: block;
transition: .3s;
}
.nav-toggler span:before {
content: '';
transform: translateY(-9px);
}
.nav-toggler span:after {
content: '';
transform: translateY(6px);
}
.nav-toggler.toggler-open span {
background-color: transparent;
}
.nav-toggler.toggler-open span:before {
transform: translateY(0px) rotate(45deg);
}
.nav-toggler.toggler-open span:after {
transform: translateY(-3px) rotate(-45deg);
}
/* navbar css for mobile start */
.site-navbar ul {
position: absolute;
width: 100%;
height: calc(100vh - 60px);
left: 0;
top: 60px;
flex-direction: column;
align-items: center;
background-color: #161616;
max-height: 0;
overflow: hidden;
transition: .3s;
}
.site-navbar ul li {
width: 100%;
text-align: center;
}
.site-navbar ul li a {
padding: 25px;
}
.site-navbar ul.open {
max-height: 100vh;
overflow: visible;
z-index: 99999;
padding-top: 20px;
}
.site-navbar ul.open li a {
font-size: 18px;
}
h1 {
padding: 10px 0;
font-size: 20px;
font-weight: 600;
color: #161616;
}
.breadcrumbs {
margin-top: -5px;
padding-bottom: 5px;
}
.breadcrumbs ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.breadcrumbs ul li {
color: #444;
}
.breadcrumbs ul li a {
position: relative;
font-size: 14px;
color: #0053d3;
margin-right: 20px;
}
.breadcrumbs ul li:last-child a {
margin-right: 0;
}
.breadcrumbs ul li a:after {
content: "/";
position: absolute;
right: -12px;
font-size: 9px;
top: 4px;
color: #4d4d4d;
}
.breadcrumbs ul li:last-child a:after {
content: "";
}
.content p b {
font-weight: 600;
}
.map {
height: auto;
background: #fff;
}
.metro-info {
background: #222;
padding: 15px 0 20px;
}
h2 {
padding: 10px 0;
font-size: 18px;
font-weight: 600;
color: #fff;
}
.metro-info p {
color: #fff;
font-size: 14px;
line-height: 1.3;
font-weight: 300;
padding: 5px 0;
}
.metro-info_bens {
margin: 15px 0 0;
display: flex;
flex-direction: column;
}
.ben {
background: #161616;
border-radius: 5px;
margin: 5px 0;
height: 80px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: wrap;
align-content: center;
padding: 10px 0;
box-sizing: border-box;
}
.ben h3 {
font-size: 20px;
font-weight: 600;
color: #fff;
}
.metro-info .ben p {
padding: 5px 0 0;
}
.ben:before {
content: "";
display: block;
width: 59px;
height: 59px;
background-size: 59px;
background-repeat: no-repeat;
background-position: center;
float: left;
margin: 0 20px 0 0;
}
.ben:nth-child(1):before {
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3Av%3D%22https%3A%2F%2Fvecta.io%2Fnano%22%3E%3Cpath%20d%3D%22M2%2021h26.7c1.1%200%202.1-.5%202.7-1.4s.8-1.9.4-2.9c-1.4-4-5.2-6.7-9.6-6.7H2c-.6%200-1%20.4-1%201v9c0%20.6.4%201%201%201zm13-6v-3h4v3zm-2%200H9v-3h4zm15.6%200H21v-3h1.3c2.5%200%204.8%201.1%206.3%203zM7%2012v3H3v-3zM31%2023H1c-.6%200-1%20.4-1%201s.4%201%201%201h30c.6%200%201-.4%201-1s-.4-1-1-1z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
}
.ben:nth-child(2):before {
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3Av%3D%22https%3A%2F%2Fvecta.io%2Fnano%22%3E%3Cpath%20d%3D%22M2%2021h26.7c1.1%200%202.1-.5%202.7-1.4s.8-1.9.4-2.9c-1.4-4-5.2-6.7-9.6-6.7H2c-.6%200-1%20.4-1%201v9c0%20.6.4%201%201%201zm13-6v-3h4v3zm-2%200H9v-3h4zm15.6%200H21v-3h1.3c2.5%200%204.8%201.1%206.3%203zM7%2012v3H3v-3zM31%2023H1c-.6%200-1%20.4-1%201s.4%201%201%201h30c.6%200%201-.4%201-1s-.4-1-1-1z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
}
.ben:nth-child(3):before {
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3Av%3D%22https%3A%2F%2Fvecta.io%2Fnano%22%3E%3Cpath%20d%3D%22M2%2021h26.7c1.1%200%202.1-.5%202.7-1.4s.8-1.9.4-2.9c-1.4-4-5.2-6.7-9.6-6.7H2c-.6%200-1%20.4-1%201v9c0%20.6.4%201%201%201zm13-6v-3h4v3zm-2%200H9v-3h4zm15.6%200H21v-3h1.3c2.5%200%204.8%201.1%206.3%203zM7%2012v3H3v-3zM31%2023H1c-.6%200-1%20.4-1%201s.4%201%201%201h30c.6%200%201-.4%201-1s-.4-1-1-1z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
}
.ben:nth-child(4):before {
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3Av%3D%22https%3A%2F%2Fvecta.io%2Fnano%22%3E%3Cpath%20d%3D%22M2%2021h26.7c1.1%200%202.1-.5%202.7-1.4s.8-1.9.4-2.9c-1.4-4-5.2-6.7-9.6-6.7H2c-.6%200-1%20.4-1%201v9c0%20.6.4%201%201%201zm13-6v-3h4v3zm-2%200H9v-3h4zm15.6%200H21v-3h1.3c2.5%200%204.8%201.1%206.3%203zM7%2012v3H3v-3zM31%2023H1c-.6%200-1%20.4-1%201s.4%201%201%201h30c.6%200%201-.4%201-1s-.4-1-1-1z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
}
.stations {
padding: 10px 0 20px;
}
.stations h2 {
color: #161616;
padding: 10px 0;
font-size: 18px;
font-weight: 600;
}
.stations p {
color: #161616;
font-size: 14px;
line-height: 1.3;
font-weight: 300;
padding: 5px 0;
}
.stations__navigation {
display: flex;
flex-direction: column;
padding: 10px 0;
}
.stations__navigation li a {
border: 1px solid #e0e0e0;
background: #fff;
color: #161616;
text-decoration: none;
display: flex;
min-height: 46px;
padding: 10px 15px;
align-items: center;
margin: 5px 0;
border-radius: 5px;
transition: .2s;
font-size: 18px;
}
.reverse-route {
background: #333;
color: #fff;
padding: 15px 20px;
border-radius: 5px;
display: inline-block;
margin-top: 10px;
text-decoration: none;
}
.footer {
padding: 20px 0;
height: auto;
background: #161616;
}
.footer-first {
display: flex;
flex-direction: column;
}
.footer-logo a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 25px;
font-weight: 300;
padding: 5px 0 15px;
display: block;
}
.footer-logo a:before {
content: "";
display: block;
width: 32px;
height: 32px;
background-size: 32px;
background-repeat: no-repeat;
background-position: center;
float: left;
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2048%2048%22%20xmlns%3Av%3D%22https%3A%2F%2Fvecta.io%2Fnano%22%3E%3ClinearGradient%20id%3D%22A%22%20x1%3D%2224%22%20x2%3D%2224%22%20y1%3D%220%22%20y2%3D%2248.033%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ff416c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff4b2b%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url%28%23A%29%22%20d%3D%22M48%2024c0-4.6-.2-8.8-.9-11.2-.8-2.8-1.7-5.4-4.2-7.7-3-2.7-5.7-3.6-9.6-4.4C30.4.1%2027%200%2024.9%200H23c-2.1%200-5.5.1-8.4.7C10.7%201.5%208%202.4%205%205.1%202.6%207.4%201.8%2010%20.9%2012.8.2%2015.2%200%2019.4%200%2024s.2%208.8.9%2011.2c.8%202.8%201.7%205.4%204.2%207.7%203%202.7%205.7%203.6%209.6%204.4%203.4.7%207.4.7%209.3.7%201.9.1%205.9%200%209.3-.7%203.9-.8%206.6-1.7%209.6-4.4%202.5-2.3%203.4-4.9%204.2-7.7.7-2.4.9-6.6.9-11.2z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.8%2012.9c.2-1.4%201.7-3%203.8-3%201.9%200%203.4%201.4%203.9%202.8L24.1%2028h.1l4.6-15.3c.4-1.4%201.9-2.8%203.9-2.8%202.1%200%203.6%201.6%203.8%203L40%2034.5v.7c0%201.7-1.2%202.8-2.8%202.8-2%200-2.8-.9-3-2.7L32%2019.5h-.1l-4.6%2016.2c-.3.9-1%202.2-3.1%202.2s-2.8-1.3-3.1-2.2l-4.8-16.3h-.1l-2.3%2015.8c-.3%201.8-1%202.7-3%202.7-1.7.1-2.9-1-2.9-2.7v-.7z%22%2F%3E%3C%2Fsvg%3E);
margin: -6px 6px 0 0;
}
.footer-copyright {
color: #fff;
padding: 2px 0;
}
.footer-last ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-top: 10px;
}
.footer-last ul li a {
font-size: 16px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
padding: 10px 30px 10px 0;
display: block;
position: relative;
}
.footer-last ul li a:after {
content: "|";
position: absolute;
right: 12px;
font-size: 9px;
color: #333;
}
.footer-last ul li:last-child a:after {
content: "";
}
.footer-copyright a {
color: #999;
display: block;
}
.footer-social {
display: flex;
padding: 10px 0;
}
.footer-social li a:before {
content: "";
display: block;
width: 30px;
height: 30px;
background-size: 30px;
background-repeat: no-repeat;
background-position: center;
float: left;
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3Av%3D%22https%3A%2F%2Fvecta.io%2Fnano%22%3E%3Cpath%20d%3D%22M19.915%2013.028c-.388-.49-.277-.708%200-1.146.005-.005%203.208-4.431%203.538-5.932l.002-.001c.164-.547%200-.949-.793-.949h-2.624c-.668%200-.976.345-1.141.731%200%200-1.336%203.198-3.226%205.271-.61.599-.892.791-1.225.791-.164%200-.419-.192-.419-.739V5.949c0-.656-.187-.949-.74-.949H9.161c-.419%200-.668.306-.668.591%200%20.622.945.765%201.043%202.515v3.797c0%20.832-.151.985-.486.985-.892%200-3.057-3.211-4.34-6.886-.259-.713-.512-1.001-1.185-1.001H.9c-.749%200-.9.345-.9.731%200%20.682.892%204.073%204.148%208.553C6.318%2017.343%209.374%2019%2012.154%2019c1.671%200%201.875-.368%201.875-1.001%200-2.922-.151-3.198.686-3.198.388%200%201.056.192%202.616%201.667C19.114%2018.217%2019.407%2019%2020.405%2019h2.624c.748%200%201.127-.368.909-1.094-.499-1.527-3.871-4.668-4.023-4.878z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
margin-right: 10px;
}
svg#svgMap {
width: 100%;
height: auto;
}
.app-body .app-content {
padding: 15px;
}
.scroll-top {
width: 44px;
height: 44px;
background: #000000;
position: fixed;
bottom: 15px;
right: 15px;
z-index: 9;
cursor: pointer;
border-radius: 5px;
border: 0px solid;
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2024%2024%22%20fill-rule%3D%22evenodd%22%20xmlns%3Av%3D%22https%3A%2F%2Fvecta.io%2Fnano%22%3E%3Cpath%20d%3D%22m12%209.414-6.293%206.293a1%201%200%200%201-1.414-1.414l7-7a.999.999%200%200%201%201.414%200l7%207a1%201%200%200%201-1.414%201.414z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
background-size: 32px;
background-position: center;
background-repeat: no-repeat;
opacity: .4;
}
/*404*/
.map-wrap.error404 {
background: #333e50;
}
.map-wrap.error404 h1 {
color: #fff;
}
.map-wrap.error404 .breadcrumbs ul li a {
color: #fff;
}
.map-wrap.error404 .content {
padding: 15px 0;
}
.map-wrap.error404 .content p {
color: #fff;
font-size: 16px;
line-height: 1.3;
}
.map-wrap.error404 .content p a {
display: flex;
color: #0cc5ff;
font-weight: 600;
font-size: 16px;
}
.edinorog {
display: flex;
background: #333e50;
}
.edinorog img{
width: 100%;
height: auto;
}
@media (min-width: 480px) {
.metro-info_bens {
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
.ben {
margin: 5px 0 10px;
height: auto;
justify-content: center;
flex-wrap: nowrap;
padding: 10px 0 20px;
width: 48%;
}
.ben:before {
float: inherit;
margin: 0;
}
.stations__navigation {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.stations__navigation li {
width: 48%;
}
.edinorog img{
width: 100%;
max-width: 624px;
height: auto;
}
}
@media (min-width: 768px) {
.head-search, .head-btn {
display: block;
}
.container {
width: 720px;
}
.head-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-area {
flex-direction: column;
}
.head {
height: 100px;
}
.site-logo_img {
width: 177px;
height: 64px;
}
.head-btn__button {
background: #333;
color: #fff;
width: 252px;
border: 0px;
height: 50px;
border-radius: 5px;
box-sizing: border-box;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
transition: .2s;
}
button.head-btn__button > span {
display: flex;
flex-direction: column;
}
.head-btn__button:before {
content: "";
width: 27px;
height: 27px;
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20fill%3D%22%23fff%22%20xmlns%3Av%3D%22https%3A%2F%2Fvecta.io%2Fnano%22%3E%3Cpath%20d%3D%22M435.855%20245.557h-29.522c7.703-9.54%2016.762-21.187%2025.882-33.884%2032.858-45.745%2048.832-79.946%2048.832-104.558C481.048%2048.051%20433.037%200%20374.025%200S267.002%2048.051%20267.002%20107.114c0%2024.613%2015.973%2058.814%2048.832%20104.558%2023.21%2032.312%2046.06%2057.893%2047.022%2058.966a14.982%2014.982%200%200%200%2010.615%204.961l.004.019h.361c.063.001.125.01.188.01s.124-.009.187-.01l61.593.01c9.005.072%2016.29%207.363%2016.29%2016.326s-7.285%2016.253-16.24%2016.253H334.563c-32.974%200-59.802%2026.85-59.802%2059.852s26.827%2059.853%2059.802%2059.853h37.238c14.859%200%2026.948%2012.099%2026.948%2026.971s-12.089%2026.972-26.948%2026.972H169.177c7.69-9.526%2016.726-21.147%2025.824-33.813%2032.859-45.745%2048.832-79.946%2048.832-104.558%200-59.063-48.01-107.114-107.022-107.114S29.786%20284.423%2029.786%20343.485c0%2024.613%2015.974%2058.813%2048.832%20104.558%2023.211%2032.312%2046.062%2057.893%2047.023%2058.966A14.994%2014.994%200%200%200%20136.809%20512l.04-.002.019.002H371.8c31.467%200%2057.066-25.622%2057.066-57.115s-25.6-57.115-57.066-57.115h-37.238c-16.367%200-29.683-13.327-29.683-29.709s13.316-29.709%2029.683-29.709h101.293c25.561%200%2046.358-20.813%2046.358-46.397s-20.796-46.398-46.358-46.398zM328.351%20107.114c0-25.207%2020.489-45.713%2045.674-45.713S419.7%2081.908%20419.7%20107.114s-20.489%2045.714-45.675%2045.714-45.674-20.507-45.674-45.714zM91.135%20342.484c0-25.207%2020.489-45.714%2045.675-45.714s45.674%2020.507%2045.674%2045.714-20.489%2045.713-45.674%2045.713-45.675-20.507-45.675-45.713zm61.349%200c0-8.651-7.031-15.688-15.674-15.688s-15.675%207.037-15.675%2015.688%207.031%2015.687%2015.675%2015.687%2015.674-7.037%2015.674-15.687zM389.7%20107.114c0-8.651-7.031-15.688-15.675-15.688s-15.674%207.037-15.674%2015.688%207.031%2015.688%2015.674%2015.688%2015.675-7.037%2015.675-15.688z%22%20opacity%3D%22.788%22%2F%3E%3C%2Fsvg%3E);
background-size: 27px;
background-repeat: no-repeat;
margin-right: 5px;
}
.head-btn__button-d {
font-size: 13px;
font-weight: 400;
color: #FFF0CA;
text-transform: lowercase;
letter-spacing: -.2px;
}
.site-navbar ul {
position: relative;
height: auto;
left: inherit;
top: inherit;
max-height: inherit;
flex-direction: row;
}
.nav-toggler {
display: none;
}
.navbar-area {
background-color: #161616;
height: 50px;
}
.site-navbar {
display: flex;
justify-content: space-between;
}
.site-navbar ul li {
width: auto;
}
.site-navbar ul li a {
position: relative;
padding: 15px 10px;
}
.site-navbar ul li a:after {
content: "|";
font-size: 10px;
margin-top: -1px;
position: absolute;
right: -2px;
color: #333;
}
.site-navbar ul li:first-child a {
padding-left: 0px;
}
.site-navbar ul li:last-child a:after {
content: "";
}
.head-date {
width: 400px;
display: flex;
align-items: center;
}
h1 {
font-size: 34px;
}
h2,
.stations h2 {
font-size: 30px;
}
.breadcrumbs ul li a {
font-size: 14px;
}
.content {
padding: 10px 0;
}
.content p,
.stations p,
.metro-info p {
font-size: 18px;
}
.ben {
width: 24%;
}
.metro-info,
.stations {
padding: 30px 0 40px;
}
.stations__navigation li {
width: 32%;
}
.footer-logo a {
padding-top: 17px;
}
.footer-social li a:before {
width: 20px;
height: 20px;
background-size: 20px;
}
.footer-wrap {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.footer-last {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.footer-last ul li:last-child a {
padding-right: 0;
}
.footer-last {
justify-content: space-between;
}
}
@media (min-width: 992px) {
.container {
width: 960px;
}
.site-navbar ul li a {
padding: 15px 20px;
}
.head-date {
width: 320px;
}
.stations__navigation li {
width: 24%;
}
.footer-copyright {
display: inline-block;
padding: 2px 3px 2px 0px;
}
}
@media (min-width: 1200px) {
.container {
width: 1140px;
}
}
@media (min-width: 1400px) {
.container {
width: 1320px;
}
}
/*
@media (min-width: 1600px) {
.container {
width: 1520px;
}
}
*/
/* METRO */
.app-layout {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
min-width: 100%;
}
.app-header,
.app-footer,
.app-footer-mobile {
display: flex;
align-items: center;
height: 5rem;
flex: 0 0 auto;
background-color: #333;
background-image: url(../images/px_by_Gre3g.png)
}
.app-header-logo img,
.app-footer-logo img,
.app-footer-mobile-logo img {
height: 3rem;
display: block;
margin: 0 1.5rem
}
.app-header-text,
.app-footer-text,
.app-footer-mobile-text {
font-family: "Roboto Condensed", Arial, sans-serif;
font-weight: 400;
flex: 1;
color: #fff;
font-size: 2.4rem;
line-height: 1em
}
.app-header-navigation-button-open,
.app-footer-navigation-button-open,
.app-footer-mobile-navigation-button-open {
display: block;
height: 5rem;
width: 5rem;
border: none;
background-color: transparent;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='44' height='44' version='1.1' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-3.7061e-7 20)'%3E%3Cpath d='m3.7061e-7 14.375v5.5h44v-5.5zm0-15.125v5.5h44v-5.5zm0-15.125v5.5h44v-5.5z' fill='%23fff' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 22px 22px;
cursor: pointer;
outline: none
}
.app-header-navigation-button-close,
.app-footer-navigation-button-close,
.app-footer-mobile-navigation-button-close {
display: block;
height: 5rem;
width: 5rem;
border: none;
background-color: transparent;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='26.641mm' height='26.641mm' version='1.1' viewBox='0 0 26.641 26.641' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-44.51 -11.726)' fill='none' stroke='%23000' stroke-width='3.465'%3E%3Cpath d='m45.735 37.141 24.19-24.19'/%3E%3Cpath d='m45.735 12.951 24.19 24.19'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 22px 22px;
cursor: pointer;
outline: none
}
.app-header-navigation,
.app-footer-navigation,
.app-footer-mobile-navigation {
display: none;
background-color: #fff;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100
}
@media(min-width:1000px) {
.app-header-navigation,
.app-footer-navigation,
.app-footer-mobile-navigation {
position: absolute;
top: 5rem;
right: 0;
bottom: auto;
left: auto;
width: 300px;
box-shadow: -2px 2px 5px rgba(0, 0, 0, .2)
}
}
.app-header-navigation.visible,
.app-footer-navigation.visible,
.app-footer-mobile-navigation.visible {
display: block
}
.app-header-navigation header,
.app-footer-navigation header,
.app-footer-mobile-navigation header {
display: flex;
justify-content: space-between;
align-items: center
}
.app-header-navigation header .link-home,
.app-footer-navigation header .link-home,
.app-footer-mobile-navigation header .link-home {
text-decoration: none;
color: #000;
display: flex;
align-items: center;
padding: 1rem 1.5rem;
font-size: 2.4rem
}
.app-header-navigation header .link-home:hover,
.app-footer-navigation header .link-home:hover,
.app-footer-mobile-navigation header .link-home:hover {
background-color: #f5f5f5
}
.app-header-navigation header .link-home img,
.app-footer-navigation header .link-home img,
.app-footer-mobile-navigation header .link-home img {
margin: 0 1rem 0 0
}
.app-header-navigation h2,
.app-footer-navigation h2,
.app-footer-mobile-navigation h2 {
margin: 0 2rem;
font-size: 2rem
}
.app-header-navigation ul,
.app-footer-navigation ul,
.app-footer-mobile-navigation ul {
list-style-type: none;
margin: 0;
padding: 0
}
.app-header-navigation ul>li,
.app-footer-navigation ul>li,
.app-footer-mobile-navigation ul>li {
list-style-type: none;
margin: 0;
padding: 0
}
.app-header-navigation ul li,
.app-footer-navigation ul li,
.app-footer-mobile-navigation ul li {
border-left: 3px solid transparent
}
.app-header-navigation ul li a,
.app-footer-navigation ul li a,
.app-footer-mobile-navigation ul li a {
color: #333;
text-decoration: none;
display: block;
padding: 1rem 1.5rem;
box-sizing: border-box;
margin: .5rem 0;
font-size: 2rem
}
.app-header-navigation ul li a:hover,
.app-footer-navigation ul li a:hover,
.app-footer-mobile-navigation ul li a:hover {
background-color: #f5f5f5
}
.app-body {
position: relative;
display: block;
}
.app-body .app-search-bar {
background-color: #fafafa;
z-index: 999;
}
@media(min-width:1000px) {
.app-body .app-search-bar {
position: relative;
}
}
.app-search-controls {
display: flex;
justify-content: space-between;
flex-direction: column;
z-index: 99970;
}
.app-map-wrapper {
display: block;
position: relative;
width: 100%;
height: auto;
}
.app-body .app-search-bar .app-search-controls .app-search-control {
height: 4rem;
padding: .8rem .8rem;
box-sizing: border-box;
width: 100%;
}
div#lstStationsFrom {
padding-bottom: 0.4rem;
}
div#lstStationsTo {
padding-top: 0.4rem;
}
@media (min-width: 480px) {
.app-search-controls {
flex-direction: row;
}
.app-body .app-search-bar .app-search-controls .app-search-control {
padding: .8rem .8rem;
height: 5rem;
width: 50%;
}
div#lstStationsFrom {
padding-bottom: 0.8rem;
padding-right: 0.4rem;
}
div#lstStationsTo {
padding-top: 0.8rem;
padding-left: 0.4rem;
}
}
.app-body .app-search-bar .app-search-controls .app-search-control .app-search-input-wrapper {
position: relative;
height: 100%
}
.app-body .app-search-bar .app-search-controls .app-search-control .app-search-input-wrapper .app-search-icon-line {
display: none;
position: absolute;
top: -5px;
left: -3px;
width: 1.5rem;
height: 1.5rem;
margin: 1rem;
border-radius: 50%
}
@media (min-width: 480px) {
.app-body .app-search-bar .app-search-controls .app-search-control .app-search-input-wrapper .app-search-icon-line {
top: 0;
left: 0;
}
}
.app-body .app-search-bar .app-search-controls .app-search-control .app-search-input-wrapper .app-search-icon-line.visible {
display: block
}
.app-body .app-search-bar .app-search-controls .app-search-control .app-search-input-wrapper .app-search-icon-line.visible+.app-search-input {
padding-left: 3rem
}
.app-body .app-search-bar .app-search-controls .app-search-control .app-search-input-wrapper .app-search-input {
display: block;
width: 100%;
font-size: 14px;
box-sizing: border-box;
border: none;
height: 100%;
background-color: #ebebeb;
padding: .5rem 3rem .5rem 1rem;
border-radius: .5rem
}
.app-body .app-search-bar .app-search-controls .app-search-control .app-search-input-wrapper .app-search-button-clear {
position: absolute;
top: 0;
right: 0;
display: block;
width: 3rem;
height: 100%;
cursor: pointer;
border: none;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='26.641mm' height='26.641mm' version='1.1' viewBox='0 0 26.641 26.641' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-44.51 -11.726)' fill='none' stroke='%23000' stroke-width='3.465'%3E%3Cpath d='m45.735 37.141 24.19-24.19'/%3E%3Cpath d='m45.735 12.951 24.19 24.19'/%3E%3C/g%3E%3C/svg%3E");
background-size: 50%;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
opacity: .5
}
.app-body .app-search-bar .app-search-controls .app-search-control .app-search-suggestions {
top: 5rem;
right: 0;
bottom: 0;
left: 0;
display: none;
background-color: #fff;
z-index: 50;
overflow: auto
}
@media(min-width:1000px) {
.app-body .app-search-bar .app-search-controls .app-search-control .app-search-suggestions {
bottom: auto;
height: auto;
max-height: 40rem;
left: .8rem;
right: .8rem;
background: #f5f5f5;
border: 1px solid #eaeaea;
border-radius: .5rem;
box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}
}
.app-body .app-search-bar .app-search-controls .app-search-control .app-search-suggestions.visible {
display: block
}
.app-body .app-search-bar .app-search-controls .app-search-control .app-search-suggestions a {
display: flex;
align-items: center;
padding: 1rem;
position: relative;
text-decoration: none;
color: #444
}
.app-body .app-search-bar .app-search-controls .app-search-control .app-search-suggestions a i {
display: block;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
margin: 0 1rem 0 0
}
.app-body .app-search-bar .app-search-controls .app-search-control .app-search-suggestions a.selected {
background-color: #f5f5f5
}
@media(min-width:1000px) {
.app-body .app-search-bar .app-search-controls .app-search-control .app-search-suggestions a.selected {
background-color: #e0e0e0
}
}
.app-body .app-search-bar .app-search-controls .app-search-control:last-child .app-search-suggestions {
top: 10rem
}
.app-body .app-search-bar .app-search-results-tabs {
display: none;
background-color: #fafafa;
background-image: linear-gradient(180deg, #fafafa 0%, #fafafa 80%, #eaeaea 100%);
overflow-x: auto
}
.app-body .app-search-bar .app-search-results-tabs a {
display: block;
text-decoration: none;
cursor: pointer;
padding: .4rem;
}
@media (min-width: 480px) {
.app-body .app-search-bar .app-search-results-tabs a {
display: block;
text-decoration: none;
cursor: pointer;
padding: .8rem;
}
}
.app-body .app-search-bar .app-search-results-tabs a.selected {
background-color: #fff
}
.app-body .app-search-bar .app-search-results-tabs a .text-duration {
display: block;
font-size: 14px;
font-weight: 600;
}
@media (min-width: 480px) {
.app-body .app-search-bar .app-search-results-tabs a .text-duration {
font-size: 1.1rem;
font-weight: 600;
}
}
.app-body .app-search-bar .app-search-results-tabs a .text-transfers {
display: block;
font-size: .8rem;
color: #555;
margin: 0 0 0 1rem
}
.app-body .app-search-bar .app-search-results-list {
flex: 1;
//display: none;
//position: absolute;
background-color: #fff;
z-index: 99980;
right: -100%;
}
.app-body .app-search-bar .app-search-results-list ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: auto;
margin: 1rem 2rem
}
.app-body .app-search-bar .app-search-results-list ul>li {
list-style-type: none;
margin: 0;
padding: 0
}
.app-body .app-search-bar .app-search-results-list ul li {
display: flex;
align-items: center;
margin: .5em 0
}
.app-body .app-search-bar .app-search-results-list ul li i {
display: block;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
margin: 0 1rem 0 0
}
.app-body .app-search-bar .app-search-results-list ul li.transfer:before {
display: block;
content: "";
width: 1.5rem;
height: 1.5rem;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48' viewBox='0 0 48 48'%3E%3Cg%3E%3Cpath id='path1' transform='rotate(0,24,24) translate(8.37749845440564,0) scale(1.5,1.5) ' fill='%23000000' d='M10.194297,4.5999994C10.894281,4.5999994 12.694242,5.7999997 12.994236,6.0999994 13.29423,6.3999996 14.994193,11.2 15.194188,11.4 15.394184,11.6 20.294078,13.4 20.294078,13.4 20.294078,13.4 20.994062,14.1 20.794066,15 20.594071,15.9 19.094104,15.7 19.094104,15.7 19.094104,15.7 13.794219,13.9 13.394227,13.5 12.994236,13.2 12.594244,12.5 12.594244,12.5L10.594288,17.299999C10.594288,17.299999 13.994214,21.599999 14.19421,22.2 14.394206,22.799999 14.794197,30.6 14.794197,30.6 14.794197,30.6 14.594201,32 12.994236,32 11.494268,32 11.394271,30.4 11.394271,30.4 11.394271,30.4 10.794284,23.7 10.694286,23.299999 10.694286,22.799999 7.9943443,20.2 7.9943442,20.2L3.0944505,30.9C3.0944505,30.9 2.0944724,32.1 0.89449835,31.6 -0.40547371,31.1 0.0945158,29.5 0.0945158,29.5L5.7943921,16.7C5.7943921,16.7 5.1944051,15.9 5.1944051,15.5 5.0944073,15.3 4.9944093,14.7 4.9944096,14.2 4.9944093,13.7 6.5943748,8.7999997 6.5943747,8.7999997 6.5943748,8.7999997 5.0944073,8.9999995 4.9944096,9.3999996 4.7944138,9.7999995 3.994431,14.4 3.994431,14.4 3.994431,14.4 3.59444,15.5 2.5944614,15.3 1.6944809,15.1 1.3944874,14.1 1.3944874,14.099999 1.3944874,14.1 2.1944704,7.6999998 2.6944594,7.1999998 3.2944465,6.5999994 9.3943139,4.5999994 10.194297,4.5999994z M13.494225,0C14.894195,0 15.994171,1.0999994 15.994171,2.5 15.994171,3.8999996 14.894195,5 13.594223,5 12.194253,5 11.094277,3.8999996 11.094277,2.5 11.094277,1.0999994 12.194253,0 13.494225,0z' /%3E%3C/g%3E%3C/svg%3E%0A");
background-size: cover;
opacity: .5
}
.app-body .app-search-bar .app-search-results-route {
display: none;
font-family: Roboto, Arial, sans-serif;
font-weight: 400;
font-size: 1.1rem;
margin: 1rem 1rem;
color: #888
}
.app-body .app-search-bar .app-search-results-route-title {
font-size: 1em;
font-family: Roboto, Arial, sans-serif;
font-weight: 900
}
.app-body .app-search-bar .app-search-results-route-title:after {
content: ":";
display: inline
}
@media(min-width:1000px) {
.app-body .app-search-bar .app-search-results-route {
display: block
}
.app-body .app-search-bar .app-search-results-route.hidden {
display: none
}
}
.app-body .app-search-bar .app-search-info {
display: none;
font-family: Roboto, Arial, sans-serif;
font-weight: 400;
font-size: 1.1rem;
margin: 1rem 1rem;
color: #888
}
@media(min-width:1000px) {
.app-body .app-search-bar .app-search-info {
display: block
}
}
.app-body .app-search-bar .app-search-info a {
color: #888
}
.app-body .app-search-bar .app-ad-aside {
display: none
}
@media(min-width:1000px) {
.app-body .app-search-bar .app-ad-aside {
display: block;
flex: 1
}
}
.app-body .app-search-bar.show-tabs .app-search-info,
.app-body .app-search-bar.show-tabs .app-ad-aside {
display: none
}
.app-body .app-search-bar.show-tabs .app-search-results-tabs {
display: flex
}
@media(min-width:1000px) {
.app-body .app-search-bar.show-tabs .app-search-results-list {
display: flex;
flex-direction: column;
overflow: hidden;
}
.app-body .app-search-bar.show-tabs .app-search-results-list ul {
position: static;
flex: 1;
margin: 0 0 0 1rem
}
}
.app-body .app-search-bar.show-tabs.show-list {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 25
}
.app-body .app-search-bar.show-tabs.show-list .app-search-results-list {
display: block
}
.app-body .app-content {
flex: 1;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.app-body .app-content .app-breadcrumbs {
display: none
}
@media(min-width:1000px) {
.app-body .app-content .app-breadcrumbs {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
height: 5rem;
background-color: #fafafa;
border-bottom: 1px solid #eaeaea;
padding: 0 1rem
}
.app-body .app-content .app-breadcrumbs>li {
list-style-type: none;
margin: 0;
padding: 0
}
.app-body .app-content .app-breadcrumbs li {
font-size: 1.4rem
}
.app-body .app-content .app-breadcrumbs li a {
display: inline-block;
color: #666;
padding: .25em 1em
}
.app-body .app-content .app-breadcrumbs li:not(:last-child):after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
background-color: #ccc
}
}
.app-body .app-content .app-map-wrapper .data-loading {
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
background-color: #f7efae;
padding: .5rem 2rem
}
.app-body .app-map-station-popup {
position: fixed;
display: none;
background-color: #fff;
border: 1px solid #eee;
padding: 1rem;
z-index: 20;
border-radius: .5rem;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.app-body .app-map-station-popup.visible {
display: block
}
.app-body .app-map-station-popup-item div {
display: flex;
align-items: baseline
}
.app-body .app-map-station-popup-item div i {
display: block;
width: .75em;
height: .75em;
border-radius: 50%;
margin: 0 .5rem 0 0
}
.app-body .app-map-station-popup-item div button {
display: block;
margin: 3px 5px;
text-decoration: none;
border: none;
text-align: center;
background-color: #eee;
border-radius: .5rem;
padding: .5rem 1rem;
width: 50%;
cursor: pointer;
color: #000;
-webkit-appearance: none
}
.app-body .app-map-station-popup-item .note {
font-family: Roboto, Arial, sans-serif;
font-weight: 400;
font-size: 1.1rem;
margin: .5rem 0;
color: #888;
max-width: 180px
}
.app-body .app-control-button {
background-color: #fff;
width: 5rem;
height: 5rem;
border: none;
border-radius: 50%;
padding: 0;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
position: absolute;
right: 1rem;
z-index: 20;
cursor: pointer;
background-repeat: no-repeat;
background-position: center;
}
.app-body .app-control-button:active,
.app-body .app-control-button:focus,
.app-body .app-control-button:active:focus {
outline: none
}
.app-body .app-control-button#btnShowList {
top: 2rem;
display: none;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24' height='24' version='1.1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath transform='rotate(0 12 12) translate(0 1.4779) scale(.75075)' d='m7.968 25.031h23c0.553 0 1 0.448 1 1s-0.447 1-1 1h-23c-0.553 0-1-0.448-1-1-2e-7 -0.552 0.447-1 1-1zm-5.968-1c1.105 0 2 0.895 2 2 0 1.105-0.895 2-2 2-1.105 0-2-0.895-2-2 0-1.105 0.895-2 2-2zm5.968-11h23c0.55298-1e-6 1 0.448 1 1 0 0.552-0.44702 1-1 1h-23c-0.55298-1e-6 -1-0.448-1-1-2e-7 -0.552 0.44702-1 1-1zm-5.968-1.016c1.105 0 2 0.895 2 2s-0.895 2-2 2c-1.105 0-2-0.895-2-2s0.895-2 2-2zm5.968-10.984h23c0.553 0 1 0.448 1 1 0 0.552-0.447 1-1 1h-23c-0.553 0-1-0.448-1-1-2e-7 -0.552 0.447-1 1-1zm-5.968-1.031c1.105 0 2 0.895 2 2 0 1.105-0.895 2-2 2-1.105 0-2-0.895-2-2 0-1.105 0.895-2 2-2z' fill='%23444'/%3E%3C/svg%3E%0A")
}
.app-body .app-control-button#btnShowList.visible {
display: block
}
@media(min-width:1000px) {
.app-body .app-control-button#btnShowList.visible {
display: none
}
}
.app-body .app-control-button#btnZoomIn {
bottom: 12rem;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 24 24'%3E%3Cg%3E%3Cpath id='path1' transform='rotate(0,12,12) translate(0,0) scale(0.75,0.75) ' fill='%23444444' d='M15,0L17,0 17,15.000008 32,15.000008 32,17.000008 17,17.000008 17,32 15,32 15,17.000008 0,17.000008 0,15.000008 15,15.000008z' /%3E%3C/g%3E%3C/svg%3E")
}
.app-body .app-control-button#btnZoomOut {
bottom: 5rem;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24' height='24' version='1.1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath transform='scale(.75)' d='m32 15v2h-32v-2h32z'/%3E%3C/svg%3E")
}
.app-body .app-control-button#btnCloseResultList {
top: 2rem;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='26.641mm' height='26.641mm' version='1.1' viewBox='0 0 26.641 26.641' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-44.51 -11.726)' fill='none' stroke='%23000' stroke-width='3.465'%3E%3Cpath d='m45.735 37.141 24.19-24.19'/%3E%3Cpath d='m45.735 12.951 24.19 24.19'/%3E%3C/g%3E%3C/svg%3E");
background-size: 1.5rem;
display: none;
}
@media(min-width:1000px) {
.app-body .app-control-button#btnCloseResultList {
display: none
}
}
.app-footer {
display: none
}
.app-footer-mobile {
display: block;
height: 50px
}
@media(min-width:1000px) {
.app-footer {
display: flex;
justify-content: space-between;
color: #fff
}
.app-footer>div {
margin: 0 2rem
}
.app-footer-mobile {
display: none
}
.app-footer a {
color: #fff;
display: inline-block;
margin: 0 1rem
}
}
#svgMap.has-selection>g:not(#m_layerLegend):not(#m_selection_root):not(#m_layerLabelBackgrounds) text[id^="m_lbl"] tspan {
fill: #ddd
}
#svgMap.has-selection>g:not(#m_layerLegend):not(#m_selection_root):not(#m_layerLabelBackgrounds) path[id^="m_p"],
#svgMap.has-selection>g:not(#m_layerLegend):not(#m_selection_root):not(#m_layerLabelBackgrounds) path[id^="m_t"] {
stroke: #ddd
}
#svgMap.has-selection>g:not(#m_layerLegend):not(#m_selection_root):not(#m_layerLabelBackgrounds) path[id^="m_to"] {
stroke: #fff
}
#svgMap.has-selection>g:not(#m_layerLegend):not(#m_selection_root):not(#m_layerLabelBackgrounds) path[id^="m_st"] {
fill: #ddd
}
#svgMap.has-selection>g:not(#m_layerLegend):not(#m_selection_root):not(#m_layerLabelBackgrounds) path[id^="m_sto"] {
fill: #fff
}
#svgMap.has-selection>g:not(#m_layerLegend):not(#m_selection_root):not(#m_layerLabelBackgrounds) path[stroke="#fff"] {
stroke: #fff
}
#svgMap.has-selection>g:not(#m_layerLegend):not(#m_selection_root):not(#m_layerLabelBackgrounds) circle {
fill: #fff;
stroke: #ddd
}
#svgMap.has-selection>g:not(#m_layerLegend):not(#m_selection_root):not(#m_layerLabelBackgrounds) rect {
fill: #ddd
}
#svgMap.has-selection>g#m_layerStations path {
stroke: none;
fill: #ddd
}
.map-moscow .bg-l1 {
background-color: #ee3124
}
.map-moscow .bg-l2 {
background-color: #4cb85e
}
.map-moscow .bg-l3 {
background-color: #0078bf
}
.map-moscow .bg-l4 {
background-color: #00c0ff
}
.map-moscow .bg-l5 {
background-color: #894e35
}
.map-moscow .bg-l6 {
background-color: #f58231
}
.map-moscow .bg-l7 {
background-color: #8e479b
}
.map-moscow .bg-l8a,
.map-moscow .bg-l8 {
background-color: #ffcc32
}
.map-moscow .bg-l9 {
background-color: #a1a2a3
}
.map-moscow .bg-l10 {
background-color: #b4d445
}
.map-moscow .bg-l11 {
background-color: #79cdcd
}
.map-moscow .bg-l12 {
background-color: #acbfe3
}
.map-moscow .bg-l14 {
background-color: #fff;
box-sizing: border-box;
border: 3px double #da2128
}
.map-moscow .bg-l15 {
background-color: #de64a1
}
.map-moscow .app-header-navigation li.selected {
border-color: #ee3124
}
.map-moscow #svgMap.has-selection>g:not(#m_selection_root) #m_t406_1426 {
fill: #ddd
}
.map-moscow #svgMap.has-selection g[id^="m_ln14"] tspan {
fill: #ddd
}
.map-spb .bg-l1 {
background-color: #c62923
}
.map-spb .bg-l2 {
background-color: #3570cd
}
.map-spb .bg-l3 {
background-color: #018900
}
.map-spb .bg-l4 {
background-color: #ea7125
}
.map-spb .bg-l5 {
background-color: #6100a8
}
.map-spb .app-header-navigation li.selected {
border-color: #507be8
}
.map-spb #svgMap.has-selection>g:not(#m_layerLegend):not(#m_selection_root):not(#m_layerLabelBackgrounds) circle {
fill: #ddd;
stroke: #fff
}
.map-spb #svgMap.has-selection>#m_layerTransfers path {
fill: #ddd;
stroke: #fff !important
}
.map-kiev .bg-l1 {
background-color: #e33125
}
.map-kiev .bg-l2 {
background-color: #2184c7
}
.map-kiev .bg-l3 {
background-color: #2db762
}
.map-kiev .app-header-navigation li.selected {
border-color: #2db762
}
.map-minsk .bg-l1 {
background-color: #362e84
}
.map-minsk .bg-l2 {
background-color: #e33125
}
.map-minsk .bg-l3 {
background-color: #2db762
}
.map-minsk .app-header-navigation li.selected {
border-color: #e31e25
}
.page-home .app-header {
justify-content: center
}
.page-home .app-header h1 {
flex: 0 0 auto
}
.page-home .app-header-logo img {
margin: 0 1.5rem 0 0
}
.page-home .app-body {
display: flex;
flex-direction: column;
overflow: auto
}
.page-home .app-body .description {
font-family: Roboto, Arial, sans-serif;
font-weight: 400;
display: none;
flex-direction: row;
flex-wrap: wrap;
justify-content: center
}
.page-home .app-body .description.mobile {
display: flex
}
@media(min-width:1000px) {
.page-home .app-body .description.mobile {
display: none
}
.page-home .app-body .description.desktop {
display: flex
}
}
.page-home .app-body .description>div {
margin: 1rem 1.5rem;
max-width: 400px;
width: 100%
}
.page-home .app-body .description h2 {
font-family: "Roboto Condensed", Arial, sans-serif;
font-weight: 400;
font-size: 2rem;
margin: 0 0
}
.page-home .app-body .description p {
line-height: 1.5em;
text-align: justify
}
@media(min-width:1000px) {
.page-home .app-body .description {
margin: 2rem 2rem 0 2rem
}
.page-home .app-body .description>div {
flex: 1
}
}
.page-home .app-body .map-links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin: 1rem 0;
flex: 1
}
.page-home .app-body .map-links .map-link {
text-decoration: none;
display: block;
max-height: 247px;
height: 20vh;
min-height: 100px;
max-width: 400px;
width: 100%;
margin: 1rem 1.5rem;
background-color: #fafafa;
border: 1px solid #e0e0e0;
position: relative;
overflow: hidden
}
@media(min-width:1000px) {
.page-home .app-body .map-links .map-link {
height: 250px
}
}
.page-home .app-body .map-links .map-link-header {
display: flex;
align-items: center;
font-family: "Roboto Condensed", Arial, sans-serif;
font-weight: 400;
font-size: 2rem;
text-decoration: none;
background: #ffffffd9;
padding: 1rem .5rem;
color: #000;
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 10;
width: 100%;
border-bottom: 1px solid #e0e0e0d9
}
.page-home .app-body .map-links .map-link-header img {
height: 1em;
margin: 0 .25em
}
.page-home .app-body .map-links .map-link-image {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
height: 250px
}
.page-home .app-body .app-ad-content {
margin: 1rem auto;
max-width: 1300px
}
@media(min-width:1000px) {
.page-home .app-body .app-ad-content {
margin: 3rem auto
}
}
.head-btn__button:hover {
cursor: pointer;
background: #444;
}
.scroll-top:hover {
opacity: 1;
}
text:hover {
cursor: pointer;
}
#svgMap.has-selection>g:not(#m_layerLegend):not(#m_selection_root):not(#m_layerLabelBackgrounds) text[id^="m_lbl"] tspan:hover {
fill: #121212;
}
.site-navbar ul li a:hover,
.footer-last ul li a:hover {
text-decoration: underline;
}
.footer-copyright a:hover,
.breadcrumbs ul li a:hover {
text-decoration: none;
}
.stations__navigation li a:hover {
background: #222;
color: #fff;
}
.reverse-route:hover {
background: #121212;
}