@font-face {
    font-family: "Linearicons-Free";
    src: url("../fonts/Linearicons-Free/Linearicons-Free.ttf");
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/static/Montserrat-VariableFont_wght.ttf");
}

strong, b {
    font-weight: 700;
    font-family: Montserrat, sans-serif !important;
}

table tbody tr:nth-child(odd) > td,
table tbody tr:nth-child(odd) > th,
table tbody tr:nth-child(odd) > td,
table tbody tr:nth-child(odd) > th {
    background: #f9f9f9;
}

table th {
    text-transform: none;
    font-family: Montserrat, sans-serif;
}

table td {
    font-family: 'Montserrat', sans-serif;
}

.select_stop_from,
.select_stop_to {
    clip: auto !important;
    background: #fff;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 14px;
    outline: none;
    white-space: normal;
    position: relative !important;
    width: 100% !important;
    height: 40px !important;
    border: 1px #003a81 solid !important;
    z-index: 1;
    overflow: visible;
    margin: 0 !important;
    padding: 0 15px !important;
    border-radius: 3px;
    box-shadow: 0 3px 0 #d8e6f8 inset; }

.input-invalid {
    border: red 1px solid !important;

}

.select-invalid::before {
    color: red;
}

.minus-invalid::before {
    background: red;
}

#test::after {
    content: url(../images/icon/ic-warning.png)
}

table {
    border-collapse: collapse;
    text-indent: initial;
    border-spacing: 0px;
}

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
}
/*
a {
    color: #ffba00;
    text-decoration: none;
    outline: none !important;
}

a:hover, a:active, a:focus {
    text-decoration: underline;
    color: #ffba00;
    outline: none !important;
}

*/

.rs_wrapper {
    min-height: 620px;
    height: 100vh;
    position: relative;
}

.rs_wrapper>iframe {
    border: none;
    display: block;
    width: 100%;
    height: 100%;
}

.rs_holder {
    position: absolute;
    overflow: hidden;
    top: 10px;
    left: 10px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 6px 9px 6px rgba(0, 58, 129, 0.1);
    height: 610px;
    width: 480px;
}

.rs_head {
    height: 60px;
    padding: 0 15px 0 15px;
    background: #00a79c;
    color: #fff;
}

.rs_head>a {
    display: flex;
}

.rs_head>a:hover {
    text-decoration: none;
}

.rs_title {
    color: #fff;
    font-size: 24px;
    line-height: 60px;
    white-space: nowrap;
    /* overflow: hidden;
    text-overflow: ellipsis;  */
}

.rs_icon {
    overflow: hidden;
}

.rs_icon i {
    font-style: normal;
    display: block;
    padding: 9px 0;
    margin-right: 9px;
}

.rs_icon i:before {
    color: #fff;
    display: block;
    font-size: 36px;
    line-height: 42px;
    opacity: .6;
}

.rs_route {
    display: flex;
    padding: 12px 0;
    margin-left: auto;
    overflow: auto;
}

.rs_route span {
    position: relative;
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    padding: 9px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rs_route span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px;
    border: 1px solid #fff;
    opacity: .3;
}

.rs_route i {
    display: block;
    line-height: 36px;
    font-style: normal;
    margin: 0 6px;
}

.rs_route i:before {
    display: block;
}

.rs_neck {
    position: relative;
    border-bottom: 1px solid #eee;
    padding-top: 5px;
    box-shadow: 0 3px 4px 1px rgba(0, 58, 129, 0.1);
    height: 60px;
}

.rs_neck:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    height: 5px;
    background: #ffba00;
    background: linear-gradient(90deg, #fce450, #ffba00);
}

.rs_form>form {
    display: flex;
}

.rs_form>form input {
    display: block;
    border: none;
    height: 54px;
    padding: 0 30px;
    line-height: 54px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #333;
    outline: none;
    font-weight: bold;
    width: 100%;
}

.rs_form>form input::-webkit-input-placeholder {
    color: #aaa;
    font-weight: normal;
    font-size: 12px;
    opacity: 1;
}

.rs_form>form input:-moz-placeholder {
    color: #aaa;
    font-weight: normal;
    font-size: 12px;
    opacity: 1;
}

.rs_form>form input::-moz-placeholder {
    color: #aaa;
    font-weight: normal;
    font-size: 12px;
    opacity: 1;
}

.rs_form>form input:-ms-input-placeholder {
    color: #aaa;
    font-weight: normal;
    font-size: 12px;
    opacity: 1;
}

.rs_form>form button {
    border: none;
    outline: none;
    padding: 9px;
    display: flex;
    font-size: 14px;
    line-height: 36px;
    background: transparent;
}

.rs_form>form button i {
    transition: .3s ease;
    font-style: normal;
    display: block;
    font-size: 18px;
    background: #d8e6f8;
    color: #006cb7;
    border-radius: 50%;
    width: 36px;
    text-align: center;
}

.rs_form>form button:hover i {
    background: #fffecc;
    color: #ffba00;
}

.rs_form>form button i:before {
    display: block;
}

.rs_links {
    padding: 9px 30px;
    display: flex;
}

.rs_links a {
    border-radius: 18px;
    display: flex;
    font-size: 14px;
    line-height: 36px;
    text-decoration: none;
}

.rs_links a+a {
    margin-left: 6px;
}

.rs_links a:before {
    display: block;
    line-height: 36px;
    width: 36px;
    font-size: 18px;
    text-align: center;
}

.rs_links a:hover {
    padding: 0 12px 0 6px;
}

.rs_links a.Linearicons-Free-flag {
    background: #fce450;
    color: #ffba00;
}

.rs_links a.Linearicons-Free-map-marker {
    background: #9de4cf;
    color: #0abb87;
}

.rs_links a.Linearicons-Free-list {
    background: #feb0ca;
    color: #fd397a;
}

.rs_links a.Linearicons-Free-printer {
    background: #feb0ca;
    color: #fd397a;
}

.rs_links a.Linearicons-Free-sync {
    background: #9de4cf;
    color: #0abb87;
}

.rs_links a.Linearicons-Free-calendar-full {
    background: #b3cefb;
    color: #4285f4;
}

.rs_links a.Linearicons-Free-flag:hover {
    background: #ffba00;
    color: #fff;
}

.rs_links a.Linearicons-Free-map-marker:hover {
    background: #0abb87;
    color: #fff;
}

.rs_links a.Linearicons-Free-list:hover {
    background: #fd397a;
    color: #fff;
}

.rs_links a.Linearicons-Free-printer:hover {
    background: #fd397a;
    color: #fff;
}

.rs_links a.Linearicons-Free-sync:hover {
    background: #0abb87;
    color: #fff;
}

.rs_links a.Linearicons-Free-calendar-full:hover {
    background: #4285f4;
    color: #fff;
}

.rs_links a.Linearicons-Free-flag.active {
    background: #ffba00;
    color: #fff;
}

.rs_links a.Linearicons-Free-map-marker.active {
    background: #0abb87;
    color: #fff;
}

.rs_links a.Linearicons-Free-list.active {
    background: #fd397a;
    color: #fff;
}

.rs_links a.Linearicons-Free-printer.active {
    background: #fd397a;
    color: #fff;
}

.rs_links a.Linearicons-Free-sync.active {
    background: #0abb87;
    color: #fff;
}

.rs_links a.Linearicons-Free-calendar-full.active {
    background: #4285f4;
    color: #fff;
}

.rs_links a span {
    display: block;
    width: 0;
    white-space: nowrap;
    overflow: hidden;
    transition: .3s ease;
    text-overflow: ellipsis;
}

.rs_links a:hover span {
    margin: 0 9px 0 3px;
    width: auto;
}

.rs_body {
    position: relative;
}

.rs_viewport {
    width: 100%;
    height: 480px;
    overflow: auto;
}

.rs_viewport table th {
    vertical-align: middle;
}

.rs_lines {
    border: none;
}

.rs_lines tr>* {
    border: none;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
}

.rs_lines a {
    padding: 12px 30px 12px 0;
    display: block;
    color: #333;
    text-decoration: none;
}

.rs_lines a:active, .rs_lines a:focus {
    outline: none!important;
}

.rs_lines tr>*:first-child a {
    padding-left: 30px;
}

.rs_lines tr>*:last-child a {
    min-width: 120px;
}

.rs_lines tr:hover a {
    color: #006cb7;
}

.rs_lines a small,
.rs_lines a b {
    display: block;
    text-align: right;
}

.rs_line {
    margin-top: 45px;
    border: none;
}

.rs_line tr>* {
    border: none;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
}

.rs_line a {
    position: relative;
    padding: 12px 30px 12px 0;
    display: block;
    color: #333;
    text-decoration: none;
    outline: none;
}

.rs_line a:hover, .rs_line a:active, .rs_line a:focus {
    outline: none!important;
}


.rs_line tr>*:first-child a {
    font-weight: bold;
    padding-left: 60px;
}

.rs_line tr>*:first-child a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 28px;
    bottom: 0;
    width: 4px;
    background: #ffba00;
}

.rs_line tr:first-child>*:first-child a:before {
    top: 50%;
}

.rs_line tr:last-child>*:first-child a:before {
    bottom: 50%;
}

.rs_line tr>*:first-child a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -5px;
    background: #fff;
    border: 2px solid #ffba00;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}

.rs_line tr:first-child>*:first-child a:after,
.rs_line tr:last-child>*:first-child a:after {
    left: 24px;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    background: #ffba00;
}

.rs_line .rs_time {
    width: 84px;
    font-family: monospace;
    text-align: right;
}

.rs_line tr:hover a {
    color: #006cb7;
}

.rs_line thead tr {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 17px;
}

.rs_line thead th {
    text-align: right;
    width: 84px;
    min-width: 84px;
    border: none;
    height: 44px;
    background: #fff;
    background: rgba(255, 255, 255, .85);
    border-bottom: 1px solid #eee;
    padding-right: 30px;
}

.rs_line thead tr th:first-child {
    text-align: left;
    width: 100%;
    padding-left: 30px;
}

.rs_timetable_head {
    position: absolute;
    top: 0;
    left: 0;
    right: 17px;
    display: flex;
    background: #fff;
}

.rs_date {
    width: 100%;
    padding: 12px 0 12px 30px;
    position: relative;
    display: flex;
}

.rs_date label {
    font-weight: normal;
    color: #003a81;
    margin: 0 15px 0 0;
    display: block;
    font-size: 14px;
    line-height: 36px;
}

.rs_date select {
    height: 36px !important;
    width: 100%;
    font-weight: bold;
}

.rs_timetable_head .rs_links {
    padding-top: 12px;
    padding-bottom: 12px;
}

.rs_timetable_neck {
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: absolute;
    top: 60px;
    left: 0;
    right: 17px;
    display: flex;
}

.rs_timetable_neck select {
    text-align: center;
    border: none !important;
    border-radius: 0;
    box-shadow: none;
    height: 58px !important;
    width: 100%;
    padding-left: 30px !important;
    font-weight: bold;
}

.rs_timetable_neck i {
    color: #003a81;
    font-style: normal;
    background: #f9f9f9;
    line-height: 58px;
    min-width: 30px;
    text-align: center;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.rs_timetable_neck i:before {
    display: block;
}

.rs_timetable {
    border: none;
    margin-top: 120px;
    table-layout: fixed;
}

.rs_timetable th {
    font-family: monospace;
    font-weight: normal;
    text-align: left;
}

.rs_timetable tr>* {
    border: none;
}

.rs_timetable tr>th:first-child {
    text-align: right;
}

.rs_timetable td {
    vertical-align: middle;
}

.rs_timetable td span {
    display: block;
    border-bottom: 1px dotted #003a81;
}

.rs_stop {
    margin-top: 45px;
    border: none;
}

.rs_stop tr>* {
    text-align: right;
    border: none;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
}

.rs_stop a {
    position: relative;
    padding: 12px 30px 12px 0;
    display: block;
    color: #333;
    text-decoration: none;
}

.rs_stop tbody .rs_time {
    width: 126px;
    font-family: monospace;
    text-align: right;
}

.rs_stop tr:hover a {
    color: #006cb7;
}

.rs_stop tbody .rs_bus {
    font-weight: bold;
    width: 84px;
    text-align: center;
}

.rs_stop thead tr {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 17px;
}

.rs_stop thead th {
    width: 100%;
    text-align: right;
    border: none;
    height: 44px;
    background: #fff;
    background: rgba(255, 255, 255, .85);
    border-bottom: 1px solid #eee;
    padding-right: 30px;
}

.rs_stop thead .rs_time {
    padding-left: 30px;
    min-width: 126px;
    max-width: 126px;
    width: 126px;
}

.rs_stop thead .rs_bus {
    min-width: 84px;
    max-width: 84px;
    width: 84px;
    text-align: center;
}

.rs_timetable_stop {
    border: none;
    margin-top: 105px;
}

.rs_timetable_stop tr>* {
    text-align: right;
    border: none;
    font-size: 14px;
    line-height: 1.5;
    padding: 12px 30px 12px 0;
}

.rs_timetable_stop tr>*:first-child {
    padding-left: 30px;
}

.rs_timetable_stop span {
    display: inline-block;
}

.rs_timetable_stop tbody th {
    text-align: center;
    background: #333 !important;
    color: #ccc;
    padding-top: 6px;
    padding-bottom: 6px;
}

.rs_timetable_stop thead tr {
    position: absolute;
    top: 60px;
    left: 0;
    right: 17px;
}

.rs_timetable_stop thead th {
    width: 100%;
    white-space: nowrap;
    text-align: right;
    border: none;
    height: 44px;
    background: #fff;
    background: rgba(255, 255, 255, .85);
    border-bottom: 1px solid #eee;
    padding-right: 30px;
}

.rs_timetable_stop thead th:first-child {
    text-align: left;
    padding-left: 30px;
}

.rs_timetable_stop a {
    font-weight: bold;
    color: #006cb7;
}

.rs_timetable_stop a:hover {
    color: #ffba00;
}

.rs_neck .rs_route {
    padding: 9px 30px;
}

.rs_neck .rs_route span {
    font-weight: bold;
    color: #003a81;
    line-height: 18px;
}

.rs_neck .rs_route span:before {
    border: 1px solid #003a81;
}

.rs_journey_summary {
    display: block;
    color: #333;
    text-decoration: none !important;
    border-top: 1px solid #ddd;
}

.rs_journey_summary:hover {
    color: #333;
}

.rs_journey_route {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 15px 30px !important;
}

.rs_journey_route li {
    position: relative;
    display: flex;
    margin: 0 !important;
    padding: 3px 30px 3px 0;
}

.rs_journey_route li:last-child {
    padding-right: 0;
}

.rs_journey_route li:after {
    content: '\e876';
    font-family: Linearicons-Free;
    position: absolute;
    line-height: 30px;
    width: 30px;
    text-align: center;
    top: 0;
    right: 0;
}

.rs_journey_route li:last-child:after {
    display: none;
}

.rs_journey_route li:before {
    font-family: FontAwesome;
    display: block;
    line-height: 24px;
    font-size: 16px;
}

.rs_journey_route .fa-walk:before {
    content: '';
    display: block;
    background: url(assets/images/icon/walk.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
}

.rs_journey_route li span {
    display: block;
    font-size: 14px;
    padding: 1px 15px 0;
    border: 1px solid #333;
    color: #333;
    margin-left: 9px;
    line-height: 21px;
    font-weight: bold;
    border-radius: 6px;
}

.rs_journey_route li.fa-bus span {
    color: #003a81;
    background: #fff200;
    border: 1px solid #003a81;
}

.rs_journey_route li.fa-subway-mrt-ns span {
    color: #ffffff;
    background: #ff3c00;
    border: 1px solid #003a81;
}

.rs_journey_route li.fa-subway-mrt-ew span {
    color: #ffffff;
    background: #06a00e;
    border: 1px solid #003a81;
}

.rs_journey_route li.fa-subway-mrt-ne span {
    color: #ffffff;
    background: #cc00ff;
    border: 1px solid #003a81;
}

.rs_journey_route li.fa-subway-lrt-bp span {
    color: #ffffff;
    background: #798191;
    border: 1px solid #003a81;
}

.rs_journey_route li.fa-subway-lrt-sk span {
    color: #ffffff;
    background: #798191;
    border: 1px solid #003a81;
}

.rs_journey_route li.fa-subway-lrt-pg span {
    color: #ffffff;
    background: #798191;
    border: 1px solid #003a81;
}

.rs_journey_detail {
    transition: .3s ease;
    background: #f9f9f9;
    display: flex;
    list-style: none;
    padding: 15px 30px !important;
}

.rs_journey_detail li {
    margin: 0 !important;
}

.rs_journey_detail li:first-child {
    margin-right: auto !important;
}

.rs_journey_detail li+li {
    text-align: right;
    font-size: 14px;
    min-width: 90px;
    max-width: 90px;
}

.rs_journey_detail li span {
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    display: block;
    padding-bottom: 9px;
}

.rs_journey_detail li b {
    display: block;
}

.rs_journey_summary:hover .rs_journey_detail {
    background: #fffecc;
}

.rs_notice {
    margin: 5px;
    border: 1px solid #ffba00;
    border-radius: 6px;
    display: flex;
    color: #333;
    padding: 12px 24px;
    background: #fffecc;
}

.rs_notice i {
    font-style: normal;
    font-size: 18px;
    margin-right: 9px;
    color: #ffba00;
}

.rs_notice i:before {
    display: block;
    line-height: 18px;
}

.rs_notice p {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
}

.rs_journey {
    overflow: hidden;
    list-style: none;
    padding: 0 !important;
    margin: 15px 30px;
}

.rs_journey>li {
    display: flex;
    position: relative;
    margin: 0 !important;
}

.rs_journey_time {
    position: relative;
    min-width: 54px;
    max-width: 54px;
    text-align: right;
    padding: 15px 0;
}

.rs_journey_time b {
    font-family: monospace !important;
    display: block;
    font-weight: normal;
    line-height: 24px;
    font-size: 14px;
}

.rs_journey_walk:before {
    content: '';
    position: absolute;
    top: 21px;
    left: 82px;
    bottom: -21px;
    border-left: 4px dotted #006cb7;
}

.rs_journey_bus:before {
    content: '';
    position: absolute;
    top: 21px;
    left: 82px;
    bottom: -21px;
    width: 4px;
    background: #ffba00;
}

.rs_journey_subway_ns:before {
    content: '';
    position: absolute;
    top: 21px;
    left: 82px;
    bottom: -21px;
    width: 4px;
    background: #ff3c00;
}

.rs_journey_dest:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 24px;
    width: 6px;
    height: 6px;
    background: #333;
    border-radius: 50%;
    left: 81px;
}

.rs_journey_info {
    padding-left: 60px;
}

.rs_journey_title {
    display: block;
    text-decoration: none !important;
    color: #333;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}

.rs_journey_title:hover {
    color: #006cb7;
}

.rs_journey_title b {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 24px;
}

.rs_journey_title b:before {
    content: '';
    position: absolute;
    height: 12px;
    width: 12px;
    top: 6px;
    left: -36px;
    background: #fff;
    border: 2px solid #333;
    border-radius: 50%;
}

.rs_journey_title small {
    display: block;
    font-size: 12px;
    line-height: 1.5;
}

.rs_journey_action {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}

.rs_journey_action>span {
    display: flex;
    position: relative;
    font-size: 16px;
    line-height: 24px;
}

.rs_journey_action>span b {
    display: block;
    border: 1px solid #003a81;
    background: #fff200;
    color: #003a81;
    border-radius: 6px;
    margin-bottom: 3px;
    margin-right: 9px;
}

.rs_journey_action>span b a {
    display: block;
    line-height: 18px;
    color: #003a81;
    text-decoration: none;
    padding: 3px 6px 1px;
    font-size: 12px;
}

.rs_journey_action>span>a {
    line-height: 24px;
    display: block;
    color: #333;
}

.rs_journey_action>span i {
    position: absolute;
    top: 0;
    left: -74px;
}

.rs_journey_action>span i:before {
    display: block;
    line-height: 24px;
    width: 14px;
    font-size: 16px;
}

.rs_journey_action>span .fa-walk:before {
    content: '';
    display: block;
    background: url(assets/images/icon/walk.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 24px;
    width: 14px;
}

.rs_journey_action>a {
    display: flex;
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
    color: #333;
}

.rs_journey_action>a:hover {
    color: #006cb7;
}

.rs_journey_action>a i {
    margin-right: 9px;
    font-size: 18px;
}

.rs_journey_action.active>a i {
    transform: rotate(180deg);
}

.rs_journey_action>ul {
    list-style: none;
    padding: 0 !important;
    margin: 0;
    visibility: hidden;
    height: 0;
    transition: .3s ease;
    opacity: 0;
}

.rs_journey_action.active>ul {
    visibility: visible;
    opacity: 1;
    height: auto;
}

.rs_journey_action>ul li {
    font-size: 12px;
    line-height: 18px;
}

.rs_journey_walk .rs_journey_action>ul li {
    transition: .3s ease;
    padding-top: 0;
    margin-top: 0;
    border-top: 1px solid #eee;
}

.rs_journey_walk .rs_journey_action.active>ul li {
    padding-top: 15px;
    margin-top: 15px;
}

.rs_journey_walk .rs_journey_action>ul li p {
    display: flex;
    font-size: 12px;
    color: #666;
    line-height: 18px;
}

.rs_journey_walk .rs_journey_action>ul li p.warning {
    color: #ffba00;
}

.rs_journey_walk .rs_journey_action>ul li p.warning:before {
    content: '\f071';
    font-family: FontAwesome;
    margin-right: 9px;
    display: block;
}

.rs_journey_walk .rs_journey_action>ul li p.info {
    color: #006cb7;
}

.rs_journey_walk .rs_journey_action>ul li p.info:before {
    content: '\f05a';
    font-family: FontAwesome;
    margin-right: 9px;
    display: block;
}

.rs_journey_bus .rs_journey_action>ul li {
    transition: .3s ease;
    margin-top: 0;
    position: relative;
}

.rs_journey_bus .rs_journey_action.active>ul li {
    margin-top: 9px;
}

.rs_journey_bus .rs_journey_action>ul li:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -35px;
    border: 2px solid #ffba00;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #fff;
}

.rs_journey_bus .rs_journey_action>ul li a {
    display: block;
    color: #333;
    text-decoration: none;
}

.rs_journey_bus .rs_journey_action>ul li a:hover {
    color: #006cb7;
}

.rs_journey_subway_ns .rs_journey_action>ul li {
    transition: .3s ease;
    margin-top: 0;
    position: relative;
}

.rs_journey_subway_ns .rs_journey_action.active>ul li {
    margin-top: 9px;
}

.rs_journey_subway_ns .rs_journey_action>ul li:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -35px;
    border: 2px solid #ff3c00;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #fff;
}

.rs_journey_subway_ns .rs_journey_action>ul li a {
    display: block;
    color: #333;
    text-decoration: none;
}

.rs_journey_subway_ns .rs_journey_action>ul li a:hover {
    color: #006cb7;
}

.rs_fare {
    list-style: none;
    margin: 5px;
    padding: 0 !important;
    position: relative;
    overflow: hidden;
}

.rs_fare>li {
    padding: 24px;
    margin: 0 !important;
}

.rs_fare>li:first-child {
    border-radius: 6px 6px 0 0;
    color: #fd397a;
    border-top: 1px solid #fd397a;
    border-left: 1px solid #fd397a;
    border-right: 1px solid #fd397a;
    background: #feb0ca;
}

.rs_fare>li:nth-child(2) {
    color: #ffba00;
    border-left: 1px solid #ffba00;
    border-right: 1px solid #ffba00;
    background: #fffecc;
}

.rs_fare>li:nth-child(3) {
    color: #4285f4;
    border-left: 1px solid #4285f4;
    border-right: 1px solid #4285f4;
    background: #b3cefb;
}

.rs_fare>li:last-child {
    border-radius: 0 0 6px 6px;
    color: #0abb87;
    border-left: 1px solid #0abb87;
    border-right: 1px solid #0abb87;
    border-bottom: 1px solid #0abb87;
    background: #9de4cf;
}

.rs_fare>li a {
    font-size: 14px;
    line-height: 21px;
    text-decoration: none;
    color: inherit;
    display: flex;
}

.rs_fare>li a span {
    min-width: 120px;
    max-width: 120px;
    color: #333;
}

.rs_fare>li a i {
    margin-left: auto;
    line-height: 21px;
    font-size: 21px;
}

.rs_fare>li p {
    opacity: 0;
    overflow: hidden;
    color: #fff;
    height: 0;
    margin: 0;
    padding: 0 15px;
    transition: .3s ease;
    font-size: 12px;
    line-height: 18px;
}

.rs_fare>li.active p {
    height: auto;
    margin-top: 15px;
    opacity: 1;
    padding-top: 15px;
    padding-bottom: 15px;
}

.rs_fare>li:first-child p {
    background: #fd397a;
}

.rs_fare>li:nth-child(2) p {
    background: #ffba00;
}

.rs_fare>li:nth-child(3) p {
    background: #4285f4;
}

.rs_fare>li:last-child p {
    background: #0abb87;
}





/*--------------------------------------------------------------
# Icons
--------------------------------------------------------------*/
.Linearicons-Free-home:before {
    font-family: 'Linearicons-Free';
    content: '\e800';
}

.Linearicons-Free-apartment:before {
    font-family: 'Linearicons-Free';
    content: '\e801';
}

.Linearicons-Free-pencil:before {
    font-family: 'Linearicons-Free';
    content: '\e802';
}

.Linearicons-Free-magic-wand:before {
    font-family: 'Linearicons-Free';
    content: '\e803';
}

.Linearicons-Free-drop:before {
    font-family: 'Linearicons-Free';
    content: '\e804';
}

.Linearicons-Free-lighter:before {
    font-family: 'Linearicons-Free';
    content: '\e805';
}

.Linearicons-Free-poop:before {
    font-family: 'Linearicons-Free';
    content: '\e806';
}

.Linearicons-Free-sun:before {
    font-family: 'Linearicons-Free';
    content: '\e807';
}

.Linearicons-Free-moon:before {
    font-family: 'Linearicons-Free';
    content: '\e808';
}

.Linearicons-Free-cloud:before {
    font-family: 'Linearicons-Free';
    content: '\e809';
}

.Linearicons-Free-cloud-upload:before {
    font-family: 'Linearicons-Free';
    content: '\e80a';
}

.Linearicons-Free-cloud-download:before {
    font-family: 'Linearicons-Free';
    content: '\e80b';
}

.Linearicons-Free-cloud-sync:before {
    font-family: 'Linearicons-Free';
    content: '\e80c';
}

.Linearicons-Free-cloud-check:before {
    font-family: 'Linearicons-Free';
    content: '\e80d';
}

.Linearicons-Free-database:before {
    font-family: 'Linearicons-Free';
    content: '\e80e';
}

.Linearicons-Free-lock:before {
    font-family: 'Linearicons-Free';
    content: '\e80f';
}

.Linearicons-Free-cog:before {
    font-family: 'Linearicons-Free';
    content: '\e810';
}

.Linearicons-Free-trash:before {
    font-family: 'Linearicons-Free';
    content: '\e811';
}

.Linearicons-Free-dice:before {
    font-family: 'Linearicons-Free';
    content: '\e812';
}

.Linearicons-Free-heart:before {
    font-family: 'Linearicons-Free';
    content: '\e813';
}

.Linearicons-Free-star:before {
    font-family: 'Linearicons-Free';
    content: '\e814';
}

.Linearicons-Free-star-half:before {
    font-family: 'Linearicons-Free';
    content: '\e815';
}

.Linearicons-Free-star-empty:before {
    font-family: 'Linearicons-Free';
    content: '\e816';
}

.Linearicons-Free-flag:before {
    font-family: 'Linearicons-Free';
    content: '\e817';
}

.Linearicons-Free-envelope:before {
    font-family: 'Linearicons-Free';
    content: '\e818';
}

.Linearicons-Free-paperclip:before {
    font-family: 'Linearicons-Free';
    content: '\e819';
}

.Linearicons-Free-inbox:before {
    font-family: 'Linearicons-Free';
    content: '\e81a';
}

.Linearicons-Free-eye:before {
    font-family: 'Linearicons-Free';
    content: '\e81b';
}

.Linearicons-Free-printer:before {
    font-family: 'Linearicons-Free';
    content: '\e81c';
}

.Linearicons-Free-file-empty:before {
    font-family: 'Linearicons-Free';
    content: '\e81d';
}

.Linearicons-Free-file-add:before {
    font-family: 'Linearicons-Free';
    content: '\e81e';
}

.Linearicons-Free-enter:before {
    font-family: 'Linearicons-Free';
    content: '\e81f';
}

.Linearicons-Free-exit:before {
    font-family: 'Linearicons-Free';
    content: '\e820';
}

.Linearicons-Free-graduation-hat:before {
    font-family: 'Linearicons-Free';
    content: '\e821';
}

.Linearicons-Free-license:before {
    font-family: 'Linearicons-Free';
    content: '\e822';
}

.Linearicons-Free-music-note:before {
    font-family: 'Linearicons-Free';
    content: '\e823';
}

.Linearicons-Free-film-play:before {
    font-family: 'Linearicons-Free';
    content: '\e824';
}

.Linearicons-Free-camera-video:before {
    font-family: 'Linearicons-Free';
    content: '\e825';
}

.Linearicons-Free-camera:before {
    font-family: 'Linearicons-Free';
    content: '\e826';
}

.Linearicons-Free-picture:before {
    font-family: 'Linearicons-Free';
    content: '\e827';
}

.Linearicons-Free-book:before {
    font-family: 'Linearicons-Free';
    content: '\e828';
}

.Linearicons-Free-bookmark:before {
    font-family: 'Linearicons-Free';
    content: '\e829';
}

.Linearicons-Free-user:before {
    font-family: 'Linearicons-Free';
    content: '\e82a';
}

.Linearicons-Free-users:before {
    font-family: 'Linearicons-Free';
    content: '\e82b';
}

.Linearicons-Free-shirt:before {
    font-family: 'Linearicons-Free';
    content: '\e82c';
}

.Linearicons-Free-store:before {
    font-family: 'Linearicons-Free';
    content: '\e82d';
}

.Linearicons-Free-cart:before {
    font-family: 'Linearicons-Free';
    content: '\e82e';
}

.Linearicons-Free-tag:before {
    font-family: 'Linearicons-Free';
    content: '\e82f';
}

.Linearicons-Free-phone-handset:before {
    font-family: 'Linearicons-Free';
    content: '\e830';
}

.Linearicons-Free-phone:before {
    font-family: 'Linearicons-Free';
    content: '\e831';
}

.Linearicons-Free-pushpin:before {
    font-family: 'Linearicons-Free';
    content: '\e832';
}

.Linearicons-Free-map-marker:before {
    font-family: 'Linearicons-Free';
    content: '\e833';
}

.Linearicons-Free-map:before {
    font-family: 'Linearicons-Free';
    content: '\e834';
}

.Linearicons-Free-location:before {
    font-family: 'Linearicons-Free';
    content: '\e835';
}

.Linearicons-Free-calendar-full:before {
    font-family: 'Linearicons-Free';
    content: '\e836';
}

.Linearicons-Free-keyboard:before {
    font-family: 'Linearicons-Free';
    content: '\e837';
}

.Linearicons-Free-spell-check:before {
    font-family: 'Linearicons-Free';
    content: '\e838';
}

.Linearicons-Free-screen:before {
    font-family: 'Linearicons-Free';
    content: '\e839';
}

.Linearicons-Free-smartphone:before {
    font-family: 'Linearicons-Free';
    content: '\e83a';
}

.Linearicons-Free-tablet:before {
    font-family: 'Linearicons-Free';
    content: '\e83b';
}

.Linearicons-Free-laptop:before {
    font-family: 'Linearicons-Free';
    content: '\e83c';
}

.Linearicons-Free-laptop-phone:before {
    font-family: 'Linearicons-Free';
    content: '\e83d';
}

.Linearicons-Free-power-switch:before {
    font-family: 'Linearicons-Free';
    content: '\e83e';
}

.Linearicons-Free-bubble:before {
    font-family: 'Linearicons-Free';
    content: '\e83f';
}

.Linearicons-Free-heart-pulse:before {
    font-family: 'Linearicons-Free';
    content: '\e840';
}

.Linearicons-Free-construction:before {
    font-family: 'Linearicons-Free';
    content: '\e841';
}

.Linearicons-Free-pie-chart:before {
    font-family: 'Linearicons-Free';
    content: '\e842';
}

.Linearicons-Free-chart-bars:before {
    font-family: 'Linearicons-Free';
    content: '\e843';
}

.Linearicons-Free-gift:before {
    font-family: 'Linearicons-Free';
    content: '\e844';
}

.Linearicons-Free-diamond:before {
    font-family: 'Linearicons-Free';
    content: '\e845';
}

.Linearicons-Free-linearicons:before {
    font-family: 'Linearicons-Free';
    content: '\e846';
}

.Linearicons-Free-dinner:before {
    font-family: 'Linearicons-Free';
    content: '\e847';
}

.Linearicons-Free-coffee-cup:before {
    font-family: 'Linearicons-Free';
    content: '\e848';
}

.Linearicons-Free-leaf:before {
    font-family: 'Linearicons-Free';
    content: '\e849';
}

.Linearicons-Free-paw:before {
    font-family: 'Linearicons-Free';
    content: '\e84a';
}

.Linearicons-Free-rocket:before {
    font-family: 'Linearicons-Free';
    content: '\e84b';
}

.Linearicons-Free-briefcase:before {
    font-family: 'Linearicons-Free';
    content: '\e84c';
}

.Linearicons-Free-bus:before {
    font-family: 'Linearicons-Free';
    content: '\e84d';
}

.Linearicons-Free-car:before {
    font-family: 'Linearicons-Free';
    content: '\e84e';
}

.Linearicons-Free-train:before {
    font-family: 'Linearicons-Free';
    content: '\e84f';
}

.Linearicons-Free-bicycle:before {
    font-family: 'Linearicons-Free';
    content: '\e850';
}

.Linearicons-Free-wheelchair:before {
    font-family: 'Linearicons-Free';
    content: '\e851';
}

.Linearicons-Free-select:before {
    font-family: 'Linearicons-Free';
    content: '\e852';
}

.Linearicons-Free-earth:before {
    font-family: 'Linearicons-Free';
    content: '\e853';
}

.Linearicons-Free-smile:before {
    font-family: 'Linearicons-Free';
    content: '\e854';
}

.Linearicons-Free-sad:before {
    font-family: 'Linearicons-Free';
    content: '\e855';
}

.Linearicons-Free-neutral:before {
    font-family: 'Linearicons-Free';
    content: '\e856';
}

.Linearicons-Free-mustache:before {
    font-family: 'Linearicons-Free';
    content: '\e857';
}

.Linearicons-Free-alarm:before {
    font-family: 'Linearicons-Free';
    content: '\e858';
}

.Linearicons-Free-bullhorn:before {
    font-family: 'Linearicons-Free';
    content: '\e859';
}

.Linearicons-Free-volume-high:before {
    font-family: 'Linearicons-Free';
    content: '\e85a';
}

.Linearicons-Free-volume-medium:before {
    font-family: 'Linearicons-Free';
    content: '\e85b';
}

.Linearicons-Free-volume-low:before {
    font-family: 'Linearicons-Free';
    content: '\e85c';
}

.Linearicons-Free-volume:before {
    font-family: 'Linearicons-Free';
    content: '\e85d';
}

.Linearicons-Free-mic:before {
    font-family: 'Linearicons-Free';
    content: '\e85e';
}

.Linearicons-Free-hourglass:before {
    font-family: 'Linearicons-Free';
    content: '\e85f';
}

.Linearicons-Free-undo:before {
    font-family: 'Linearicons-Free';
    content: '\e860';
}

.Linearicons-Free-redo:before {
    font-family: 'Linearicons-Free';
    content: '\e861';
}

.Linearicons-Free-sync:before {
    font-family: 'Linearicons-Free';
    content: '\e862';
}

.Linearicons-Free-history:before {
    font-family: 'Linearicons-Free';
    content: '\e863';
}

.Linearicons-Free-clock:before {
    font-family: 'Linearicons-Free';
    content: '\e864';
}

.Linearicons-Free-download:before {
    font-family: 'Linearicons-Free';
    content: '\e865';
}

.Linearicons-Free-upload:before {
    font-family: 'Linearicons-Free';
    content: '\e866';
}

.Linearicons-Free-enter-down:before {
    font-family: 'Linearicons-Free';
    content: '\e867';
}

.Linearicons-Free-exit-up:before {
    font-family: 'Linearicons-Free';
    content: '\e868';
}

.Linearicons-Free-bug:before {
    font-family: 'Linearicons-Free';
    content: '\e869';
}

.Linearicons-Free-code:before {
    font-family: 'Linearicons-Free';
    content: '\e86a';
}

.Linearicons-Free-link:before {
    font-family: 'Linearicons-Free';
    content: '\e86b';
}

.Linearicons-Free-unlink:before {
    font-family: 'Linearicons-Free';
    content: '\e86c';
}

.Linearicons-Free-thumbs-up:before {
    font-family: 'Linearicons-Free';
    content: '\e86d';
}

.Linearicons-Free-thumbs-down:before {
    font-family: 'Linearicons-Free';
    content: '\e86e';
}

.Linearicons-Free-magnifier:before {
    font-family: 'Linearicons-Free';
    content: '\e86f';
}

.Linearicons-Free-cross:before {
    font-family: 'Linearicons-Free';
    content: '\e870';
}

.Linearicons-Free-menu:before {
    font-family: 'Linearicons-Free';
    content: '\e871';
}

.Linearicons-Free-list:before {
    font-family: 'Linearicons-Free';
    content: '\e872';
}

.Linearicons-Free-chevron-up:before {
    font-family: 'Linearicons-Free';
    content: '\e873';
}

.Linearicons-Free-chevron-down:before {
    font-family: 'Linearicons-Free';
    content: '\e874';
}

.Linearicons-Free-chevron-left:before {
    font-family: 'Linearicons-Free';
    content: '\e875';
}

.Linearicons-Free-chevron-right:before {
    font-family: 'Linearicons-Free';
    content: '\e876';
}

.Linearicons-Free-arrow-up:before {
    font-family: 'Linearicons-Free';
    content: '\e877';
}

.Linearicons-Free-arrow-down:before {
    font-family: 'Linearicons-Free';
    content: '\e878';
}

.Linearicons-Free-arrow-left:before {
    font-family: 'Linearicons-Free';
    content: '\e879';
}

.Linearicons-Free-arrow-right:before {
    font-family: 'Linearicons-Free';
    content: '\e87a';
}

.Linearicons-Free-move:before {
    font-family: 'Linearicons-Free';
    content: '\e87b';
}

.Linearicons-Free-warning:before {
    font-family: 'Linearicons-Free';
    content: '\e87c';
}

.Linearicons-Free-question-circle:before {
    font-family: 'Linearicons-Free';
    content: '\e87d';
}

.Linearicons-Free-menu-circle:before {
    font-family: 'Linearicons-Free';
    content: '\e87e';
}

.Linearicons-Free-checkmark-circle:before {
    font-family: 'Linearicons-Free';
    content: '\e87f';
}

.Linearicons-Free-cross-circle:before {
    font-family: 'Linearicons-Free';
    content: '\e880';
}

.Linearicons-Free-plus-circle:before {
    font-family: 'Linearicons-Free';
    content: '\e881';
}

.Linearicons-Free-circle-minus:before {
    font-family: 'Linearicons-Free';
    content: '\e882';
}

.Linearicons-Free-arrow-up-circle:before {
    font-family: 'Linearicons-Free';
    content: '\e883';
}

.Linearicons-Free-arrow-down-circle:before {
    font-family: 'Linearicons-Free';
    content: '\e884';
}

.Linearicons-Free-arrow-left-circle:before {
    font-family: 'Linearicons-Free';
    content: '\e885';
}

.Linearicons-Free-arrow-right-circle:before {
    font-family: 'Linearicons-Free';
    content: '\e886';
}

.Linearicons-Free-chevron-up-circle:before {
    font-family: 'Linearicons-Free';
    content: '\e887';
}

.Linearicons-Free-chevron-down-circle:before {
    font-family: 'Linearicons-Free';
    content: '\e888';
}

.Linearicons-Free-chevron-left-circle:before {
    font-family: 'Linearicons-Free';
    content: '\e889';
}

.Linearicons-Free-chevron-right-circle:before {
    font-family: 'Linearicons-Free';
    content: '\e88a';
}

.Linearicons-Free-crop:before {
    font-family: 'Linearicons-Free';
    content: '\e88b';
}

.Linearicons-Free-frame-expand:before {
    font-family: 'Linearicons-Free';
    content: '\e88c';
}

.Linearicons-Free-frame-contract:before {
    font-family: 'Linearicons-Free';
    content: '\e88d';
}

.Linearicons-Free-layers:before {
    font-family: 'Linearicons-Free';
    content: '\e88e';
}

.Linearicons-Free-funnel:before {
    font-family: 'Linearicons-Free';
    content: '\e88f';
}

.Linearicons-Free-text-format:before {
    font-family: 'Linearicons-Free';
    content: '\e890';
}

.Linearicons-Free-text-format-remove:before {
    font-family: 'Linearicons-Free';
    content: '\e891';
}

.Linearicons-Free-text-size:before {
    font-family: 'Linearicons-Free';
    content: '\e892';
}

.Linearicons-Free-bold:before {
    font-family: 'Linearicons-Free';
    content: '\e893';
}

.Linearicons-Free-italic:before {
    font-family: 'Linearicons-Free';
    content: '\e894';
}

.Linearicons-Free-underline:before {
    font-family: 'Linearicons-Free';
    content: '\e895';
}

.Linearicons-Free-strikethrough:before {
    font-family: 'Linearicons-Free';
    content: '\e896';
}

.Linearicons-Free-highlight:before {
    font-family: 'Linearicons-Free';
    content: '\e897';
}

.Linearicons-Free-text-align-left:before {
    font-family: 'Linearicons-Free';
    content: '\e898';
}

.Linearicons-Free-text-align-center:before {
    font-family: 'Linearicons-Free';
    content: '\e899';
}

.Linearicons-Free-text-align-right:before {
    font-family: 'Linearicons-Free';
    content: '\e89a';
}

.Linearicons-Free-text-align-justify:before {
    font-family: 'Linearicons-Free';
    content: '\e89b';
}

.Linearicons-Free-line-spacing:before {
    font-family: 'Linearicons-Free';
    content: '\e89c';
}

.Linearicons-Free-indent-increase:before {
    font-family: 'Linearicons-Free';
    content: '\e89d';
}

.Linearicons-Free-indent-decrease:before {
    font-family: 'Linearicons-Free';
    content: '\e89e';
}

.Linearicons-Free-pilcrow:before {
    font-family: 'Linearicons-Free';
    content: '\e89f';
}

.Linearicons-Free-direction-ltr:before {
    font-family: 'Linearicons-Free';
    content: '\e8a0';
}

.Linearicons-Free-direction-rtl:before {
    font-family: 'Linearicons-Free';
    content: '\e8a1';
}

.Linearicons-Free-page-break:before {
    font-family: 'Linearicons-Free';
    content: '\e8a2';
}

.Linearicons-Free-sort-alpha-asc:before {
    font-family: 'Linearicons-Free';
    content: '\e8a3';
}

.Linearicons-Free-sort-amount-asc:before {
    font-family: 'Linearicons-Free';
    content: '\e8a4';
}

.Linearicons-Free-hand:before {
    font-family: 'Linearicons-Free';
    content: '\e8a5';
}

.Linearicons-Free-pointer-up:before {
    font-family: 'Linearicons-Free';
    content: '\e8a6';
}

.Linearicons-Free-pointer-right:before {
    font-family: 'Linearicons-Free';
    content: '\e8a7';
}

.Linearicons-Free-pointer-down:before {
    font-family: 'Linearicons-Free';
    content: '\e8a8';
}

.Linearicons-Free-pointer-left:before {
    font-family: 'Linearicons-Free';
    content: '\e8a9';
}


@media only screen and (max-width: 991px) {
    .rs_holder { position: relative; top: auto; left: auto; border-radius: 0; height: auto; width: 100%; }   
}