.splide__container{box-sizing:border-box;position:relative}
.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}
.splide.is-initialized:not(.is-active) .splide__list{display:block}
.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}
.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}
.splide:not(.is-overflow) .splide__pagination{display:none}
.splide__progress__bar{width:0}
.splide{position:relative;visibility:hidden}
.splide.is-initialized,.splide.is-rendered{visibility:visible}
.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}
.splide__slide img{vertical-align:bottom}
.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}
.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}
.splide__toggle.is-active .splide__toggle__pause{display:inline}
.splide__track{overflow:hidden;position:relative;z-index:0}
@keyframes splide-loading{0%{transform:rotate(0)}
to{transform:rotate(1turn)}
}
.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}
.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}
.splide--rtl{direction:rtl}
.splide__track--ttb>.splide__list{display:block}
.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}
.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}
.splide__arrow:hover:not(:disabled){opacity:.9}
.splide__arrow:disabled{opacity:.3}
.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}
.splide__arrow--prev{left:1em}
.splide__arrow--prev svg{transform:scaleX(-1)}
.splide__arrow--next{right:1em}
.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}
.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}
.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}
.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}
.splide__pagination__page:hover{cursor:pointer;opacity:.9}
.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}
.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}
.splide__progress__bar{background:#ccc;height:3px}
.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.splide__slide:focus{outline:0}
@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}
}
@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}
}
@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}
}
@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}
.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}
}
.splide__toggle{cursor:pointer}
.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}
.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}
.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}
.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}
.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}
.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}
.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}
.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}
.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}
.splide__arrows--ttb .splide__arrow--prev{top:1em}
.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}
.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}
.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}
.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
.autocomplete {background-color: var(--bg);z-index: 1000;font: var(--font-family);overflow: auto;top: 100%;left: 0;box-sizing: border-box;border: 1px solid rgba(50, 50, 50, 0.6);max-height: 400px;width: 100%;color: var(--txt5-c)}
.autocomplete > div {padding: 5px 4px;border: 1px dotted var(--bkk-gray);}
.autocomplete .group {background-color: var(--bg);color: var(--txt-c);font-size: 16px;cursor: pointer;}
.autocomplete .group.active{background-color: var(--bkk-purple);color: var(--txt2-c);}
.autocomplete .group:hover{background-color: rgba(var(--bkk-purple-rgb), 20%);color: var(--txt-c);}
.autocomplete > div:hover:not(.group),.autocomplete > div.selected {background-color: var(--success-color);color: var(--txt-c);cursor: pointer;}
.autocomplete-outer {position: relative;float: left;width: 100%;}
.autocomplete-outer .acpl-aria-info {text-align: center;}
.ac_results {padding: 0;border: var(--bkk-gray) 1px solid;background-color: var(--bg);color: var(--txt-c);overflow: hidden;z-index: 99999;border-radius: var(--radius-m);box-shadow: 2.5px 2.5px 10px -5px rgba(var(--bkk-gray-rgb), 0.5) ;margin-top: 10px;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {margin: 0;padding: 10px 15px;display: block;font: menu;font-size: 14px;line-height: 16px;overflow: hidden;cursor: pointer;}
.ac_results li:first-child { padding-top: 20px; }
.ac_results li:last-child { padding-bottom: 20px; }
.ac_odd {background-color: var(--bg2);}
.ac_over {background-color: var(--bg3);color: var(--txt-c);}
.ac_input {padding: 3px;}
.ac_loading {padding: 3px;background: var(--bg) url('../images/wait.gif') right center no-repeat;}
.news-row {}
.news-tiles {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 50px;}
.news-tile {border-radius: var(--radius-m);color: var(--txt-c);}
.news-img {border-radius: var(--radius-m);max-height: 225px;object-fit: cover;object-position: center;width: 100%;}
.news-date {color: var(--txt4-c);margin-bottom: 5px;}
.news-date small {font-size: 12px;}
.news-date i {margin-right: 10px;margin-left: 2.5px;}
.news-date span {}
.news-title { font-weight: var(--fw-h);}
.news-tile:focus .news-title,.news-tile:hover .news-title {text-decoration: underline;}
.faq-row {max-width: 762px;width: 100%;}
@media screen and (max-width: 800px) {.news-tiles { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 480px) {.news-tiles { grid-template-columns: repeat(1, 1fr); }
}
.map-row {padding-bottom: 30px;}
.map-grid {display: grid;grid-template-columns: auto 440px;grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 0;width: 100%;}
.map-cnt {border-radius: var(--radius-m);}
.map-cnt > img {object-fit: cover;object-position: center;width: 100%;height: 100%;border-radius: var(--radius-m);}
.map-form {}
.map-form .form-item input[type='checkbox'] ~ label {padding: 0;margin: 0 0 0 10px;display: inline-grid;grid-template-columns: 1fr;grid-template-rows: 1fr;grid-column-gap: 10px;grid-row-gap: 0;align-items: center;float: none;font-weight: 400;}
.map-form .form-item input[type='checkbox'] ~ label.icon {grid-template-columns: 24px 1fr;}
.map-adv-btn {width: 100%;background-color: var(--bkk-purple);color: var(--txt2-c);border: none;border-radius: var(--radius-m);padding: 10px;text-align: left;font-size: 14px;display: grid;grid-template-columns: auto 20px;grid-template-rows: 1fr;grid-column-gap: 10px;grid-row-gap: 0;cursor: pointer;align-items: center;transition: margin-bottom var(--trans-def);}
.map-adv-btn[aria-expanded="false"] {margin-bottom: 20px;}
.map-adv-btn span {}
.map-adv-btn i {font-size: 12px;width: 20px;height: 20px;background-color: var(--bg);color: var(--bkk-purple);text-align: center;line-height: 20px;border-radius: 50%;padding: 1px 0 0 1px;}
.map-adv-btn[aria-expanded="true"] i {padding: 0 0 1px 1px;}
.map-adv-btn[aria-expanded="true"] i:before {content: "\eada";}
.map-adv-cnt {visibility: hidden;opacity: 0;max-height: 0;z-index: -1;transition: opacity var(--trans-faster),visibility var(--trans-def),max-height var(--trans-def);}
.map-adv-cnt.open {visibility: visible;opacity: 1;z-index: initial;max-height: 180px; transition: opacity var(--trans-slower),visibility var(--trans-def),max-height var(--trans-def);}
.map-chkbox-grid {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 10px;grid-row-gap: 10px;padding: 20px 0;}
.map-chkbox-grid i {font-size: 24px;vertical-align: middle;}
.map-chkbox-grid .form-item {padding-bottom: 0;min-height: 24px;display: grid;grid-template-columns: 16px 1fr;grid-template-rows: 1fr;grid-column-gap: 0;grid-row-gap: 0;align-items: center;}
.map-row .form-cnt section:last-child input[type="checkbox"] {margin-top: 0;}
.map-row .marker {--marker-size: 50px;width:var(--marker-size);height:var(--marker-size);}
.map-row .marker.points_type_1:before { color: var(--bkk-purple); }
.map-row .marker.points_type_2:before { color: #EE7203; }
.map-row .marker.points_type_3:before { color: var(--bkk-purple); }
.map-row .marker.points_type_4:before { color: #3F8E84; }
.map-row .marker:before {content:'';background-color: #FFF;border-radius: 50%;width: 70%;height: 70%;position: absolute;top: 0;left: 50%;transform: translate(-50%);}
.map-row .marker > img {filter: invert(9%) sepia(46%) saturate(7405%) hue-rotate(282deg) brightness(77%) contrast(97%);}
.map-row .marker > img.cashier {filter: invert(63%) sepia(54%) saturate(6369%) hue-rotate(4deg) brightness(98%) contrast(98%);}
.map-row .marker > img.automat {filter: invert(9%) sepia(46%) saturate(7405%) hue-rotate(282deg) brightness(77%) contrast(97%);}
.map-row .marker > img.reseller {filter: invert(49%) sepia(12%) saturate(1653%) hue-rotate(123deg) brightness(96%) contrast(87%);}
.map-row .marker > img.inactive {filter: invert(86%) sepia(2%) saturate(225%) hue-rotate(131deg) brightness(88%) contrast(91%);}
.map-cnt .marker > a {display: inline-block;width: 100%;height: 100%;}
.map-cnt .marker > img {max-width: var(--marker-size);max-height: var(--marker-size);width: 100%;height: 100%;object-fit: contain;object-position: center;}
.marker-hidden {opacity:0;display:none;}
.marker-fade-in {animation: fade-in-marker 0.2s ease-out;}
.pointsmap-wrapper {}
.pointsmap-box {float: left;width: 100%;}
.pointsmap-box:not(:last-child) {margin-bottom: 18px;padding-bottom: 18px;border-bottom: 1px solid var(--bkk-gray);}
.pointsmap-title {font-size: var(--fs-h4);margin-bottom: 18px;}
.pointsmap-grid {display: grid;width: 100%;grid-template-columns: repeat(2, 1fr);grid-column-gap: 10px;grid-row-gap: 10px;}
.pointsmap-box:has(.pointsmap-grid:empty) { display: none; }
.pm-key {grid-column-start: 1;}
.pm-value {grid-column-start: 2;font-weight: 600;}
.pm-value[data-state="0"] { color: #ee2527; }
.pm-value[data-state="1"] { color: #80cc28; }
.pm-value[data-state="2"] { color: #f7ad0d; }
.pointsmap-accordion {}
.pma-item {grid-template-columns: 30px 1fr;display: grid;align-items: center;grid-column-gap: 20px;}
.pma-item:not(:last-child) {padding-bottom: 10px;}
.pma-btn {--cbtn-pad-hor: 0;--cbtn-w: 30px;--cbtn-h: 30px;border-radius: 50%;}
.pma-btn[aria-expanded="true"] i:before { content: "\ea52";}
.pma-title {font-weight: 600;}
.pma-list {grid-area: 2 / 1 / 3 / 3;list-style: none;padding-left: 50px;visibility: visible;opacity: 1;height: auto;transition: visibility var(--trans-def)opacity var(--trans-def);}
.pma-list[aria-hidden="true"] {display: none;visibility: hidden;opacity: 0;height: 0;}
.pma-list li {}
.pma-list li:not(:last-child) {padding-bottom: 10px;}
.pma-list a {color: var(--bkk-purple) !important;}
.pma-list a:focus,.pma-list a:hover {text-decoration: underline;}
@keyframes fade-in-marker {0% {opacity: 0;display:none;}
1% {display:block;opacity: 0;}
100% {opacity: 1;}
}
@media screen and (max-width: 900px) {.map-grid {grid-template-columns: 1fr;grid-template-rows: auto;grid-column-gap: 0;grid-row-gap: 30px;}
.map-form {display: grid;width: 100%;grid-template-columns: repeat(2, 1fr);grid-template-rows: auto;grid-column-gap: 30px;grid-row-gap: 0;}
.map-form > section:nth-child(1) {grid-area: 1 / 1 / 2 / 3;}
.map-form > section:nth-child(2) {padding-top: 22.5px;}
}
@media screen and (max-width: 650px) {.map-form {grid-template-columns: repeat(1, 1fr);}
.map-form > section:nth-child(1) {grid-area: unset;}
.map-form > section:nth-child(2) {padding-top: 0;}
}
@media screen and (max-width: 350px) {.map-chkbox-grid {grid-template-columns: repeat(1, 1fr);}
.map-adv-cnt.open {max-height: 410px;}
}
.bkk-grid-category-wrapper {display: grid;margin: 0 auto 0 0;max-width: 850px;width: 100%;}
.bkk-grid-category-wrapper > .btn {--cbtn-w: 100%;--cbtn-h: 45px;--cbtn-pad-hor: 8px;--cbtn-fs: 20px;--cbtn-fw: 600;justify-content: space-between;margin-bottom: 10px;padding-right: 15px !important;}
.bkk-grid {display: grid;grid-template-columns: 1fr;grid-template-rows: auto;grid-column-gap: 0;grid-row-gap: 10px;width: 100%;}
.bkk-grid-item {--item-cols: 4;--item-spacing: 50px;--vh-col: 2;--vh-size: 30px;display: grid;grid-template-columns: max-content repeat(3, auto);grid-template-rows: 1fr;grid-column-gap: var(--item-spacing);grid-row-gap: 0;align-items: center;background-color: var(--bg8);border-radius: var(--radius-m);padding: 10px;transition: padding var(--trans-def);transform: translateZ(0);}
.bkk-grid-item.open {padding: 20px 10px 10px;}
.bkk-grid-col-2 .bkk-grid-item {--item-cols: 2;grid-template-columns: max-content repeat(1, 1fr);}
.bkk-grid-col-3 .bkk-grid-item {--item-cols: 3;grid-template-columns: max-content repeat(1, 1fr) auto;}
.bkk-grid-col-4 .bkk-grid-item {--item-cols: 4;grid-template-columns: max-content repeat(2, 1fr) auto;}
.bkk-grid-col-5 .bkk-grid-item {--item-cols: 5;grid-template-columns: max-content repeat(3, 1fr) auto;}
.bkk-grid-item .bkk-grid-item-details {display: none;}
.bkk-grid-item.open .bkk-grid-item-details {display: block;}
.bkk-grid-vehicles {cursor: pointer;justify-self: start;width: calc((var(--vh-size) * (var(--vh-col) + 1)) * var(--vh-col));}
.bkk-grid-type-grid {display: grid;grid-template-columns: var(--vh-size) auto;grid-template-rows: 1fr;width: max-content;}
.bkk-grid-type-grid[data-vhtype="round"] {grid-column-gap: calc(var(--vh-size) * 0.1);grid-row-gap: calc(var(--vh-size) * 0.1);}
.bkk-grid-type-grid:not([data-vhtype="round"]),.bkk-grid-type-grid[data-vhtype="square"] {grid-column-gap: calc(var(--vh-size) * 0.25);grid-row-gap: calc(var(--vh-size) * 0.25);}
.bkk-grid-type-grid[data-vhtype="round"]:not(:only-child) {margin-bottom: calc(var(--vh-size) * 0.1);}
.bkk-grid-type-grid:not([data-vhtype="round"]):not(:only-child),.bkk-grid-type-grid[data-vhtype="square"]:not(:only-child) {margin-bottom: calc(var(--vh-size) * 0.25);}
.bkk-grid-vh-type {color: var(--type-txt);height: var(--vh-size);width: var(--vh-size);border-radius: 50%;font-size: var(--vh-size);}
.bkk-grid-vh-num {--num-bg: var(--txt-c);--num-txt: var(--bg);background-color: var(--num-bg);color: var(--num-txt);text-align: center;line-height: var(--vh-size) !important;font-weight: 700;}
.bkk-grid-type-grid[data-vhtype="round"] .bkk-grid-vh-num {height: var(--vh-size);width: var(--vh-size);font-size: calc(var(--vh-size) / 1.428);border-radius: 50%;}
.bkk-grid-type-grid:not([data-vhtype="round"]) .bkk-grid-vh-num,.bkk-grid-type-grid[data-vhtype="square"] .bkk-grid-vh-num {height: var(--vh-size);width: calc(var(--vh-size) * 2);font-size: calc(var(--vh-size) / 1.578);border-radius: 5px;}
.bkk-grid-vh-num-grid {display: grid;width: 100%;grid-column-gap: inherit;grid-row-gap: inherit;grid-template-rows: 1fr;}
.bkk-grid-type-grid[data-vhtype="round"] .bkk-grid-vh-num-grid {grid-template-columns: repeat(var(--vh-col), 1fr);}
.bkk-grid-type-grid:not([data-vhtype="round"]) .bkk-grid-vh-num-grid,.bkk-grid-type-grid[data-vhtype="square"] .bkk-grid-vh-num-grid {grid-template-columns: repeat(var(--vh-col), 1fr);}
.bkk-grid-info {cursor: pointer;font-size: 14px;}
.bkk-grid-buttons {float: left;justify-self: end;display: flex;flex-direction: row;align-items: center;gap: 20px;}
.bkk-grid-href-icon,.bkk-grid-href-btn {width: var(--vh-size);height: var(--vh-size);border-radius: 50%;text-align: center;}
.bkk-grid-href-icon {font-size: var(--vh-size);color: var(--bkk-gray);display: inline-block;}
.bkk-grid-href-icon > i {display: block;}
.bkk-grid-href-btn > i {font-size: calc(var(--vh-size) / 2);}
.bkk-grid-href-btn {font-size: 12px;line-height: var(--vh-size);background-color: var(--bg6);color: var(--txt2-c);display: inline-block;transition: color var(--trans-def),box-shadow var(--trans-def),background-color var(--trans-def);}
button.bkk-grid-href-btn {border: none;padding: 0;cursor: pointer;}
.bkk-grid-href-btn [class*="bkk-icon-"] {width: 100%;height: 100%;display: block;vertical-align: middle;line-height: inherit;}
.bkk-grid-href-btn .bkk-icon-chevright_2 {padding-top: 1px;padding-left: 2px;}
.bkk-grid-href-btn .bkk-icon-chevleft_2 {padding-top: 1px;padding-right: 1px;}
.bkk-grid-href-btn .bkk-icon-chevdown_2 {padding-left: 1px;padding-top: 1px;}
.bkk-grid-href-btn .bkk-icon-chevup_2 {padding-left: 1px;}
.bkk-grid-href-btn:hover,.bkk-grid-href-btn:focus {box-shadow: inset 0 0 0 2px var(--bg6);color: var(--bg6);background-color: var(--txt2-c);}
.bkk-grid-item-details {grid-column: 1 / calc(var(--item-cols) + 1);}
.bkk-grid-item-details:not(:first-child) {margin-top: 20px;padding-top: 20px;border-top: 1px solid var(--bkk-gray);}
.bkk-gid-title {font-size: var(--fs-h2);font-weight: var(--fw-h);color: var(--bkk-purple);margin-bottom: 20px;}
.bkk-gid-item {display: grid;grid-template-columns: 0.25fr 1.75fr;grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 0;border-top: 1px solid var(--bg5);margin-top: 15px;padding-top: 15px;}
.bkk-grid-item-details:first-child .bkk-gid-item:first-child {margin-top: 0;padding-top: 0;border-top: unset;}
.bkk-gid-item .bkk-gid-desc,.bkk-gid-item p {font-size: 14px;line-height: 16px;}
.bkk-gid-item > p:only-child {}
.bkk-gid-item > p:first-child:not(:only-child) {font-weight: 600;}
.bkk-gid-item .bkk-gid-desc {}
.bkk-gid-item .bkk-gid-desc .bkk-grid-vehicles:not(:first-child) {margin-top: 15px;}
.bkk-grid-item-details button.btn.icon.icon-bothside {--cbtn-icon-size-l: 24px;--cbtn-icon-size-r: 20px;--cbtn-w: 100%;padding: 0 10px;grid-column-gap: 10px;}
.bkk-grid-item-details button.btn.icon.icon-bothside span {justify-self: start;}
.bkk-grid-info-icons {display: grid;align-items: center;justify-items: start;}
.bkk-grid-info-icons > i {background-color: transparent;color: var(--type-txt);height: var(--vh-size);width: var(--vh-size);border-radius: 50%;font-size: var(--vh-size);position: relative;cursor: pointer;}
.bkk-grid-tooltip {visibility: hidden;opacity: 0;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);background-color: var(--bkk-purple);color: var(--txt2-c);padding: 2.5px 5px;border-radius: var(--radius-s);white-space: nowrap;}
.bkk-grid-details-href {display: grid;grid-template-columns: 1fr var(--vh-size);grid-template-rows: 1fr;grid-column-gap: 10px;grid-row-gap: 0;justify-items: start;align-items: center;color: var(--txt-c);}
.bkk-grid-details-href > i {width: var(--vh-size);height: var(--vh-size);font-size: calc(var(--vh-size) / 2);line-height: var(--vh-size);text-align: center;color: var(--txt2-c);background-color: var(--bg6);border-radius: 50%;padding-top: 1%;}
.bkk-grid-details-href.red > i {background-color: var(--info-D12);padding-top: 0;font-size: calc(var(--vh-size) / 1.5);}
.ticket-grid > a {border-radius: var(--radius-m);}
.bkk-grid-details-href:focus span,.bkk-grid-details-href:focus p,.bkk-grid-details-href:hover span,.bkk-grid-details-href:hover p,.ticket-grid > a:focus .bkk-grid-details-href p,.ticket-grid > a:hover .bkk-grid-details-href p,.ticket-grid > a:focus .bkk-grid-details-href span,.ticket-grid > a:hover .bkk-grid-details-href span {text-decoration: underline;}
.bkk-grid-announcement {--ann-bg: var(--error-color);--ann-c: var(--txt2-c);display: grid;grid-template-columns: repeat(1, auto);grid-template-rows: repeat(1, auto);padding: 20px;background-color: var(--ann-bg);color: var(--ann-c);border-radius: var(--radius-l);align-items: start;}
.bkk-grid-announcement a {font-weight: 600;text-decoration: underline;}
.bkk-grid-announcement.hasicon {grid-template-columns: 30px auto;grid-column-gap: 15px;}
.bkk-grid-announcement > i[class*="bkk-icon-"] {font-size: 30px;}
.bkk-grid-announcement.opaque {--ann-bg: rgba(var(--error-color-rgb), 0.15);--ann-c: var(--error-color);box-shadow: inset 0 0 0 1px var(--ann-c);}
.bkk-grid-announcement.opaque a {color: var(--bkk-purple) !important;text-decoration: none;}
.bkk-grid-announcement a:focus,.bkk-grid-announcement a:hover {text-decoration: underline;}
.bkk-grid-type-grid[data-type="L"] > .bkk-grid-vh-num-grid .bkk-grid-vh-num,.bkk-grid-vh-type.bkk-icon-chairlift_full + .bkk-grid-vh-num-grid .bkk-grid-vh-num {font-size: calc(var(--vh-size) / 1.85);}
.bkk-gid-map {min-height: 400px;grid-area: auto / 1 / auto / 3;border: none;border-radius: var(--radius-m);}
.bkk-gid-map .marker {display: block;border-radius: 50%;cursor: pointer;padding: 0;width: 12px;height: 12px;background: var(--bg);border: 1px solid var(--txt-c);speak: none;speak: never;speak-as: spell-out;}
.bkk-gid-map .marker.terel {background: var(--alert-color);}
.bkk-gid-map .marker.vegall {background: var(--bg);border-radius: 0;}
.bkk-gid-map .marker.zavar {border: none;background: var(--bg);color: var(--error-color);--type-txt: var(--txt2-c);font-family: 'BKK-Icon-Pack' !important;}
.bkk-gid-map .marker.zavar:before {content: "\eac8";position: absolute;top: -4px;}
.bkk-gid-map .marker.pin {border: none;width: 25px;height: 34px;background: transparent url("../images/markers/pin.png") no-repeat;}
.bkk-gid-map .marker.bkkpin {border: none;width: 25px;height: 34px;background: transparent url("../images/markers/bkkpin.png") no-repeat;}
.triangle {--size-hor: 5px;--size-vert: calc(var(--size-hor) * 2);--triangle-color: var(--txt-c);width: 0;height: 0;display: inline-block;border-style: solid;transform: rotate(0deg);}
.triangle.left {border-width: var(--size-hor) var(--size-vert) var(--size-hor) 0;border-color: transparent var(--triangle-color) transparent transparent;}
.triangle.right {border-width: var(--size-hor) 0 var(--size-hor) var(--size-vert);border-color: transparent transparent transparent var(--triangle-color);}
.triangle.left + .triangle.right {margin-left: var(--size-hor);}
@media screen and (max-width: 768px) {.bkk-grid-category-wrapper > .btn {--cbtn-fs: 18px;}
}
@media screen and (max-width: 420px) {.bkk-grid-category-wrapper > .btn {--cbtn-fs: 16px;}
}
.bkkinfo-box.frame {--infobox-bg: var(--bkk-gray-rgb);--infobox-color: var(--txt-c);border-radius: var(--radius-m);padding: 16px;background-color: rgba(var(--infobox-bg), 0.15);color: var(--infobox-color);border: 1px solid rgba(var(--infobox-bg), 1);display: inline-block;width: calc(100% - 40px);margin: 0 20px;}
.bkkinfo-box.frame.info    {--infobox-bg: var(--info-color-rgb);--infobox-color: var(--txt-c);}
.bkkinfo-box.frame.success {--infobox-bg: var(--success-color-rgb);;--infobox-color: var(--txt-c);}
.bkkinfo-box.frame.error   {--infobox-bg: var(--error-color-rgb);;--infobox-color: var(--txt-c);}
.bkkinfo-box.frame.warning {--infobox-bg: var(--alert-color-rgb);;--infobox-color: var(--txt-c);}
.bkkinfo-box.frame .bkkinfo-box-inner {display: grid;grid-template-columns: repeat(1, auto);grid-template-rows: repeat(1, auto);grid-row-gap: 10px;}
.bkkinfo-box.frame .bkkinfo-box-title {}
.bkkinfo-box.frame .bkkinfo-box-msg {}
.banner-wrapper {position: relative;padding: 15px 0;height: auto;display: inline-block;width: 100%;--bpgo-gap: 100px;--bpgo-width: 364px;--bpgo-width-calculated: calc(var(--bpgo-width) + var(--sidecalc));--bpgo-spacing: calc(var(--bpgo-width) + var(--bpgo-gap));--bpgo-spacing-calculated: calc(var(--bpgo-width-calculated) + var(--bpgo-gap));}
.banner-bpgo-cnt { grid-area: 1 / 1 / 2 / 2; }
.banner-slider-cnt { grid-area: 2 / 1 / 3 / 3; }
.banner-bpgo-cnt {padding: 20px 20px 20px var(--sidecalc);position: relative;background-color: var(--bkk-purple);border-radius: 0 var(--radius-m) var(--radius-m) 0;z-index: 2;height: 100%;display: inline-block;color: var(--txt2-c);max-width: var(--bpgo-width-calculated);}
.bpgo-form {max-width: 344px;}
.route-plan {display: grid;grid-template-columns: 25px 1fr 40px;grid-template-rows: repeat(2, 1fr);grid-column-gap: 10px;grid-row-gap: 20px;max-width: 100%;justify-items: center;align-items: center;}
.route-plan .route-decor { grid-area: 1 / 1 / 3 / 2; }
.route-plan .form-item:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
.route-plan .form-item:nth-child(3) { grid-area: 2 / 2 / 3 / 3; }
.route-plan .form-item:nth-child(4) { grid-area: 1 / 3 / 3 / 4; }
.route-decor {position: relative;align-self: end;padding-bottom: 7.5px;}
.route-decor > i {color: var(--icon-c-white);font-size: 25px;}
.route-dots {width: 25px;display: grid;justify-items: center;margin: 5px 0 7.5px;align-items: center;    }
.route-dot {display: block;width: 4px;height: 6px;background-color: rgba(var(--bg-rgb), 50%);border-radius: 2px;}
.route-dot:not(:last-child) {margin-bottom: 4px;}
.route-dot.small {height: 5px;}
.route-plan .form-item:nth-child(4) {margin-top: 27.5px;}
.route-plan .form-item:nth-child(4) button {background-color: transparent;font-size: 24px;padding: 0;border-radius: 50%;line-height: unset;--cbtn-icon-size: 24px;--cbtn-h: 40px;--cbtn-w: 40px;}
.route-plan .form-item:nth-child(4) button:focus,.route-plan .form-item:nth-child(4) button:hover {background-color: var(--bg);}
.route-plan sup { color: var(--txt2-c); }
.form-item button.bpgo-adv-btn {grid-template-columns: 25px auto;grid-column-gap: 20px;grid-row-gap: 0;--cbtn-w: 100%;justify-items: start;align-items: center;justify-content: start;text-align: left;--cbtn-bg: transparent;--cbtn-bg-h: transparent;--cbtn-color: var(--txt3-c);--cbtn-color-h: var(--txt3-c);border: none;cursor: pointer;--cbtn-h: 48px;--cbtn-pad-hor: 0;--cbtn-pad-vert: 0;}
.form-item button.bpgo-adv-btn i {font-size: 24px;}
.form-item button.bpgo-adv-btn span {font-size: var(--fs-body);font-weight: var(--fw-h);}
.plan-btn button {--cbtn-w: 100%;}
.plan-btn button i {font-size: 12px;}
.banner-slider-cnt {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;--slider-bg-color: var(--bkk-purple);background-color: var(--slider-bg-color);}
.banner-slider-cnt img {object-fit: cover;object-position: center;width: 100%;height: 100%;}
.banner-outer {width: 100%;height: 600px;position: relative;user-select: none;}
.banner-images {position: absolute;width: 100%;height: 100%;float: left;max-width: 1900px;left: 50%;transform: translateX(-50%);cursor: pointer;}
.banner-images:after {content: '';position: absolute;width: 90%;height: 100%;top: 0;left: 0;background: linear-gradient(90deg, var(--bg10) 0%, rgb(var(--bg10-rgb), 0%) 100%);mix-blend-mode: multiply;pointer-events: none;touch-action: none;}
.banner-images .image {width: 100%;height: 100%;float: left;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transform-origin: center;object-fit: cover;opacity: 0;transition: 0.3s ease-in-out;pointer-events: none;}
.banner-images .image.active {opacity: 1;pointer-events: all;}
.banner-texts {position: absolute;left: var(--sidecalc);top: 0;height: 100%;width: 100%;max-width: 1300px;cursor: pointer;}
.banner-texts .text {position: absolute;top: 50%;left: 0px;padding: 0px 50px 0 var(--bpgo-spacing);width: 100%;opacity: 0;transform: translateY(-50%);user-select: none;z-index: 1;pointer-events: none;}
.banner-texts .text.active {opacity: 1;pointer-events: all;}
.banner-texts .banner-title {font-family: var(--font-family);font-weight: var(--fw-h);font-size: var(--fs-h1);margin: 0 0 30px;overflow: hidden;color: var(--txt2-c);position: relative;z-index: 3;}
.banner-texts .banner-subtitle {font-family: var(--font-family);font-weight: 600;font-size: var(--fs-h4);color: var(--txt2-c);z-index: 3;position: relative;}
.banner-texts .banner-description {font-family: var(--font-family);font-weight: 600;font-size: var(--fs-h4);color: var(--txt2-c);z-index: 3;position: relative;}
.banner-texts .banner-description p[style*='color'],.banner-texts .banner-title p[style*='color'] {padding: 2.5px 10px;-webkit-box-decoration-break: clone;-moz-box-decoration-break: clone;-ms-box-decoration-break: clone;box-decoration-break: clone;border-radius: 5px;line-height: 58px;}
.banner-texts .banner-description p[style*='color'] {line-height: initial;}
.banner-texts a {font-family: var(--font-family);font-weight: bold;font-size: 12px;color: var(--color1);margin-top: 20px;background-color: #FFF;padding: 15px 30px;float: left;width: auto;text-transform: uppercase;border-radius: 8px;border: 1px solid transparent;z-index: 3;position: relative;transition: color 0.25s ease-in-out,border-color 0.25s ease-in-out,background-color 0.25s ease-in-out;}
.banner-texts a:focus,.banner-texts a:focus-within,.banner-texts a:hover {border-color: #FFF;color: #FFF;background-color: transparent;}
.banner-controls {position: absolute;height: 40px;max-width: 100%;user-select: none;z-index: 2;bottom: 10px;left: var(--bpgo-spacing-calculated);display: grid;grid-template-columns: repeat(4, auto);grid-template-rows: 1fr;grid-column-gap: 10px;grid-row-gap: 0;justify-items: center;align-items: center;--ctrl-c: var(--bg);--ctrl-c-2: var(--bkk-purple);}
.banner-playpause,.banner-left,.banner-right {height: 40px;width: 40px;cursor: pointer;float: left;text-align: center;transition: background-color var(--trans-def);background-color: transparent;border-radius: 4px;position: relative;}
.banner-playpause .playpause,.banner-controls .arrow {display: inline-block;width: 100%;height: 100%;border: none;background-color: transparent;cursor: pointer;border-radius: 4px;}
.banner-playpause .playpause:before {content: '';border: 0;background: transparent;box-sizing: border-box;width: 0;height: 15px;border-color: transparent transparent transparent var(--ctrl-c);transition: border-width var(--trans-def),border-style var(--trans-def),border-color var(--trans-def);cursor: pointer;border-style: double;border-width: 0 0 0 15px;top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute;}
.banner-playpause.paused .playpause:before {border-style: solid;border-width: 10px 0 10px 15px;}
.banner-playpause:focus .playpause:before,.banner-playpause:focus-within .playpause:before,.banner-playpause:hover .playpause:before {border-color: transparent transparent transparent var(--ctrl-c-2);}
.banner-left {}
.banner-right {}
.banner-controls .arrow:before {content: '';height: 15px;width: 15px;z-index: 1;text-align: center;pointer-events: none;float: left;background-color: transparent;border: none;position: absolute;top: 50%;transform: translate(-50%, -50%) rotate(-45deg);transition: border-color var(--trans-def);}
.banner-left .arrow:before {border-left: 3px solid var(--ctrl-c);border-top: 3px solid var(--ctrl-c);left: calc(50% + 2.5px);}
.banner-right .arrow:before {border-right: 3px solid var(--ctrl-c);border-bottom: 3px solid var(--ctrl-c);left: calc(50% - 2.5px);}
.banner-playpause:focus,.banner-playpause:focus-within,.banner-playpause:hover,.banner-controls .banner-left:hover,.banner-controls .banner-right:hover,.banner-controls .banner-left:focus,.banner-controls .banner-right:focus,.banner-controls .banner-left:focus-within,.banner-controls .banner-right:focus-within {background-color: var(--ctrl-c);}
.banner-controls .banner-left:focus .arrow:before,.banner-controls .banner-right:focus .arrow:before,.banner-controls .banner-left:focus-within .arrow:before,.banner-controls .banner-right:focus-within .arrow:before,.banner-controls .banner-left:hover .arrow:before,.banner-controls .banner-right:hover .arrow:before {border-color: var(--ctrl-c-2);}
.banner-dots {float: left;display: flex;flex-wrap: wrap;gap: 10px;}
.banner-dots .dot {position: relative;width: 12px;height: 12px;border: 2px solid var(--ctrl-c);border-radius: 50%;float: left;cursor: pointer;padding: 0;background-color: transparent;}
.banner-dots .dot:after {position: absolute;content: '';width: 12.5px;height: 12.5px;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: transparent;border-radius: 50%;transition: background-color var(--trans-def);}
.banner-dots .dot.active:after {background-color: var(--ctrl-c);}
.banner-dots .dot:not(.active):focus:after,.banner-dots .dot:not(.active):focus-within:after,.banner-dots .dot:not(.active):hover:after {background-color: rgba(255, 255, 255, 0.3);}
.banner-dots .dot:not(.active):focus:after,.banner-dots .dot:not(.active):focus-within:after {background-color: var(--ctrl-c-2);}
.banner-dots .dot:hover,.banner-dots .dot:focus,.banner-dots .dot:active {border-color: var(--ctrl-c);}
.banner-slider-cnt.mobile {display: none;visibility: hidden;}
@media screen and (max-width: 1320px) {.banner-bpgo-cnt {padding: 20px 20px 20px calc(var(--sidecalc) + 15px);}
}
@media screen and (max-width: 900px) {.banner-slider-cnt.mobile {display: initial;visibility: visible;}
.banner-slider-cnt:not(.mobile) {display: none;visibility: hidden;}
.banner-wrapper {padding: 0;border-bottom: 1px solid var(--bkk-gray);margin-bottom: 15px;--bpgo-gap: 0px;--bpgo-width: 100%;--bpgo-width-calculated: calc(var(--bpgo-width) + var(--sidecalc));--bpgo-spacing: calc(var(--bpgo-width) + var(--bpgo-gap));--bpgo-spacing-calculated: calc(var(--bpgo-width-calculated) + var(--bpgo-gap));}
.banner-slider-cnt {position: relative;height: auto;--slider-bg-color: var(--bg);}
.banner-controls,.banner-images,.banner-texts {display: inline-block;position: relative;transform: none;left: auto;top: auto;bottom: auto;right: auto;}
.banner-controls {--ctrl-c: var(--bkk-gray);--ctrl-c-2: var(--bg);display: grid;margin-bottom: 5px;grid-template-columns: 40px 40px auto 40px;grid-column-gap:  15px;padding: 0 20px;}
.banner-images {height: 280px;width: 100%;max-width: 100%;}
.banner-texts {min-height: 165px;max-width: 100%;width: 100%;background-color: var(--bg6);}
.banner-texts .text {padding: 20px;top: 0;transform: none;height: 100%;}
.banner-texts .banner-title {margin: 0 0 15px;}
.banner-texts .banner-description {font-weight: 400;font-size: 18px;}
.banner-playpause .playpause,.banner-controls .arrow {border: 2px solid var(--ctrl-c);}
.banner-dots .dot:not(.active):focus:after,.banner-dots .dot:not(.active):focus-within:after {background-color: var(--ctrl-c);}
.banner-bpgo-cnt {border-radius: 0;}
.bpgo-form {max-width: 100%;}
.plan-grid-left {width: 50%;padding-right: 20px;float: left;margin-bottom: 20px;}
.adv-settings-btn,.plan-btn {grid-area: 3 / 1 / 3 / 3}
.plan-grid-right {width: 50%;display: inline-grid;grid-template-columns: auto 30%;grid-template-rows: repeat(3, 1fr);grid-column-gap: 15px;align-items: center;float: right;}
.plan-grid-right .form-item:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
.plan-grid-right .form-item:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
.plan-grid-right .form-item:nth-child(3) { grid-area: 2 / 2 / 3 / 3; }
.plan-grid-right .form-item:nth-child(4) { grid-area: 3 / 1 / 4 / 3; }
}
@media screen and (max-width: 650px) {.plan-grid-right,.plan-grid-left {width: 100%;float: left;}
.plan-grid-left {padding-right: 0;margin-bottom: 10px;}
}
.bkk-filter {}
.bkk-filter .bkk-filter-types {--ft-items: 13;--ft-size-max: 48px;--ft-size: 48px;--ft-calc: calc(48px / 1.5);display: flex;width: 100%;flex-wrap: wrap;align-items: center;justify-content: flex-start;flex-direction: row;gap: 16px;margin: 30px 0 20px;}
.bkk-filter .bkk-filter-types .form-item {position: relative;height: var(--ft-size);width: var(--ft-size);border-radius: var(--radius-s);transition: box-shadow var(--trans-def);}
.bkk-filter .bkk-filter-types a {border: 1px solid var(--border-c-1);transition: border var(--trans-def);}
.bkk-filter .bkk-filter-types a:focus,.bkk-filter .bkk-filter-types a:hover {border-color: var(--bkk-purple);}
.bkk-filter .bkk-filter-types input,.bkk-filter .bkk-filter-types a,.bkk-filter .bkk-filter-types label {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: var(--ft-size);width: var(--ft-size);text-align: center;cursor: pointer;}
.bkk-filter .bkk-filter-types a,.bkk-filter .bkk-filter-types label {z-index: 2;border-radius: var(--radius-s);padding: 0;}
.bkk-filter .bkk-filter-types a i,.bkk-filter .bkk-filter-types label i {font-size: var(--ft-calc);line-height: var(--ft-size);}
.bkk-filter .bkk-filter-types a p,.bkk-filter .bkk-filter-types label p {}
.bkk-filter .bkk-filter-types input {z-index: 1;height: var(--ft-size);width: var(--ft-size);border-radius: var(--radius-s);}
.bkk-filter .bkk-filter-types input[type='checkbox']:after {border-radius: var(--radius-s);}
.bkk-filter .bkk-filter-types .form-item:focus-within,.bkk-filter .bkk-filter-types .form-item:hover {box-shadow: 0 0 0 1px var(--bkk-purple);}
.bkk-filter .bkk-filter-types .form-item:focus-within input[type='checkbox']:after,.bkk-filter .bkk-filter-types .form-item:hover input[type='checkbox']:after {border-color: var(--bkk-purple);}
.bkk-filter .bkk-filter-types .form-item input[type='checkbox']:checked:after {background-color: var(--bp-info);}
.bkk-filter-fields {display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr;grid-column-gap: 20px;grid-row-gap: 0;width: 100%;}
.timetable-search {max-width: calc(100% - 360px);min-width: 440px;}
.timetable-search .form-item {position: relative;}
.timetable-search .form-item button {position: absolute;bottom: 2px;right: 0;--cbtn-h: 40px;--cbtn-w: 40px;--cbtn-pad-hor: 0;--cbtn-pad-vert: 0;--cbtn-fs: 24px;padding: 0;--cbtn-bg: transparent;--cbtn-bg-h: transparent;--cbtn-color: var(--txt4-c);--cbtn-color-h: var(--bkk-purple);}
.timetable-date-filter {display: grid;grid-template-columns: repeat(3, auto);grid-template-rows: 1fr;grid-column-gap: 20px;grid-row-gap: 0;width: 100%;}
.timetable-date-filter .form-item {--cbtn-w: 100%;--cbtn-h: 48px;grid-column-gap: 20px;position: relative;}
.timetable-date-filter .form-item input {visibility: hidden;display: none;}
.timetable-date-filter .form-item input ~ label {--cbtn-bg: var(--bkk-purple);--cbtn-bg-h: var(--bkk-purple);--cbtn-color: var(--txt2-c);--cbtn-color-h: var(--txt2-c);--cbtn-border-c: var(--bkk-purple);--cbtn-h: 48px;--cbtn-w: 100%;--cbtn-rad: var(--radius-m);--cbtn-fw: var(--fw-h);--cbtn-fs: var(--fs-body);--cbtn-border-w: 1px;--cbtn-pad-hor: 50px;--cbtn-pad-vert: 0;--cbtn-icon-size-l: 16px;--cbtn-icon-size-r: 16px;--cbtn-icon-size: 16px;z-index: 1;min-height: var(--cbtn-h);max-width: 100%;width: var(--cbtn-w);background-color: var(--cbtn-bg);color: var(--cbtn-color);font-family: var(--font-family);font-weight: var(--cbtn-fw);font-size: var(--cbtn-fs);border-radius: var(--cbtn-rad);display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr;grid-column-gap: 10px;grid-row-gap: 10px;text-align: center;cursor: pointer;justify-items: center;align-items: center;justify-content: center;margin-left: auto;margin-right: auto;border: var(--cbtn-border-w) solid var(--cbtn-border-c);transition: border-color var(--trans-def),color var(--trans-def),background-color var(--trans-def);}
.timetable-date-filter .form-item input ~ label:focus,.timetable-date-filter .form-item input ~ label:hover {background-color: var(--cbtn-bg-h);border-color: var(--cbtn-bg-h);color: var(--cbtn-color-h);}
.timetable-date-filter .form-item input:not(:checked) ~ label {--cbtn-bg: var(--bg7);--cbtn-bg-h: var(--bkk-purple);--cbtn-color: var(--bkk-purple);--cbtn-color-h: var(--txt2-c);--cbtn-border-c: var(--bkk-purple);}
.timetable-date-filter .form-item input ~ label > i {font-size: 20px;}
.bkkinfo-cnt .content-login-btn {display: none;}
.bkk-grid-item {--vh-size: 24px;}
@media screen and (max-width: 1152px) and (min-width: 1024px) {.bkk-grid-col-4 .bkk-grid-item {--item-cols: 2;--vh-col: minmax(var(--vh-size), var(--vh-size));--item-spacing: 16px;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-row-gap: 8px;position: relative;}
.bkk-grid-col-4 .bkk-grid-item.open {padding-bottom: 45px;}
.bkk-grid-vehicles {width: 100%;}
.bkk-grid-type-grid[data-vhtype="round"] .bkk-grid-vh-num-grid {grid-template-columns: repeat(auto-fit, var(--vh-size));}
.bkk-grid-type-grid[data-vhtype="square"] .bkk-grid-vh-num-grid {grid-template-columns: repeat(auto-fit, calc(var(--vh-size) * 2));}
.bkk-grid-type-grid[data-vhtype="round"],.bkk-grid-type-grid[data-vhtype="square"] {grid-template-columns: var(--vh-size) auto;width: 100%;}
.bkk-grid-item > div:not(:nth-child(3)):not(:nth-child(4)) {grid-column-start: 1;grid-column-end: 3;}
button.bkk-grid-href-btn {position: absolute;right: 10px;bottom: 10px;}
}
@media screen and (max-width: 1023px) {.content-outer:not(.no-sidebar),.content-outer {grid-template-columns: 1fr;}
.bkkinfo-cnt {position: relative;}
.bkkinfo-cnt .content-login-btn {position: absolute;top: 2px;right: 0;display: grid;--cbtn-color: var(--bkk-gray);--cbtn-color-h: var(--bkk-purple);--cbtn-bg: transparent;--cbtn-bg-h: transparent;--cbtn-pad-hor: 0;--cbtn-pad-vert: 0;border: none;--cbtn-icon-size: 30px;--cbtn-fs: 30px;}
.sidebar-box {float: left;width: 100%;border-radius: var(--radius-m);background-color: var(--bg);margin-top: 10px;padding: 0 10px;}
}
@media screen and (max-width: 834px) {.bkkinfo-cnt .content-login-btn {--cbtn-h: 24px;--cbtn-fs: 24px;--cbtn-icon-size: 24px;}
}
@media screen and (max-width: 650px) {.bkk-grid-col-4 .bkk-grid-item {--item-cols: 2;--vh-col: minmax(var(--vh-size), var(--vh-size));--item-spacing: 16px;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-row-gap: 8px;position: relative;}
.bkk-grid-col-4 .bkk-grid-item.open {padding-bottom: 45px;}
.bkk-grid-vehicles {width: 100%;}
.bkk-grid-type-grid[data-vhtype="round"] .bkk-grid-vh-num-grid {grid-template-columns: repeat(auto-fit, var(--vh-size));}
.bkk-grid-type-grid[data-vhtype="square"] .bkk-grid-vh-num-grid {grid-template-columns: repeat(auto-fit, calc(var(--vh-size) * 2));}
.bkk-grid-type-grid[data-vhtype="round"],.bkk-grid-type-grid[data-vhtype="square"] {grid-template-columns: var(--vh-size) auto;width: 100%;}
.timetable-date-filter {grid-template-columns: repeat(1, auto);grid-row-gap: 10px;}
.bkk-grid-item > div:not(:nth-child(3)):not(:nth-child(4)) {grid-column-start: 1;grid-column-end: 3;}
button.bkk-grid-href-btn {position: absolute;right: 10px;bottom: 10px;}
.bkk-filter-fields {padding: 0 20px;}
}
@media screen and (max-width: 480px) {.timetable-search {min-width: unset;max-width: 100%;}
.bkk-gid-item {grid-template-columns: 1fr;grid-row-gap: 8px;}
.bkk-grid.bkk-grid-col-4 + .btn.plain {--cbtn-w: 100%;}
}
.route-advanced {width: 100%;}
.route-advanced {}
.route-advanced-set {padding: 0;margin: 0;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid rgba(var(--bkk-gray-rgb), 20%);}
.route-advanced-legend small,.route-advanced-legend {float: left;width: 100%;}
.route-advanced-legend {margin-bottom: 10px;}
.route-advanced-block {display: grid;grid-template-columns: repeat(2, auto);grid-template-rows: repeat(1, auto);width: 100%;grid-gap: 10px;}
.route-advanced-block .form-item { position: relative; }
.form-item > label.route-adv-chk-label {display: grid;grid-template-columns: 40px auto 40px;grid-template-rows: 1fr;width: 100% !important;padding: 0 !important;margin: 0 !important;grid-column-gap: 5px;border-radius: var(--radius-m);align-items: center;background-color: rgba(var(--bkk-gray-rgb), 10%);padding-bottom: 0;}
.route-adv-chk-label i {width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 30px;}
.route-adv-chk-label i.bkk-icon-check {color: var(--success-color);}
.route-advanced-block .form-item input[type="checkbox"],.route-advanced-block .form-item input[type="radio"] {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: var(--radius-m);background-color: transparent;color: transparent;border: none;}
.route-advanced-block .form-item input[type="checkbox"]:before,.route-advanced-block .form-item input[type="radio"]:before,.route-advanced-block .form-item input[type="checkbox"]:after,.route-advanced-block .form-item input[type="radio"]:after {content: unset;}
input[type="checkbox"]:not(:checked) + .route-adv-chk-label i.bkk-icon-check,input[type="radio"]:not(:checked) + .route-adv-chk-label i.bkk-icon-check {color: var(--error-color);}
input[type="checkbox"]:not(:checked) + .route-adv-chk-label i.bkk-icon-check:before,input[type="radio"]:not(:checked) + .route-adv-chk-label i.bkk-icon-check:before {content: "\eac7";}
.route-walk-distance {display: grid;grid-template-columns: auto 40px 80px;align-items: center;justify-items: center;margin: 10px 0 0;}
.on-nontransitmode-walk.hide {display: none;visibility: hidden;}
.route-walk-distance i {font-size: 30px;color: var(--bkk-purple);}
@media screen and (max-width: 420px) {.route-advanced-block {grid-template-columns: repeat(1, auto);}
}