@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(0);
        opacity: 0
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(0);
        opacity: 0
    }
}

@font-face {
    font-family: 'icomoon';
    src: url(fonts/icomoon.eot?ktquoo);
    src: url(fonts/icomoon.eot?ktquoo#iefix) format('embedded-opentype'), url(fonts/icomoon.ttf?ktquoo) format('truetype'), url(fonts/icomoon.woff?ktquoo) format('woff'), url(fonts/icomoon.svg?ktquoo#icomoon) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: gijgo-material;
    src: url(fonts/gijgo-material.ttf)
}

select {
    min-width: 300px
}

.icon-my_location:before {
    content: "\e900"
}

.icon-directions_bus:before {
    content: "\e901"
}

.icon-directions_walk:before {
    content: "\e902"
}

.uk-navbar-container.uk-navbar {
    z-index: 999
}

.spinner {
    width: 40px;
    height: 40px;
    margin: 100px auto;
    background: #333;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1s infinite ease-in-out;
    animation: sk-scaleout 1s infinite ease-in-out
}

.lilibus_search {
    width: 100%;
    z-index: 102
}

.lilibus_search .wrapper {
    background: #fff;
    box-shadow: 0 0 12px 0 #00000047;
    flex-direction: column;
    width: 100%;
    z-index: 20;
}

.lilibus_search,
.lilibus_search .search-heading {
    display: flex;
    justify-content: center;
    align-items: center
}

.lilibus_search .search-heading {
    background: #3c3b3b;
    color: #fff;
    padding: 20px;
}

.lilibus_search h3 {
    color: #fff;
    margin: 0;
    font-size: 25px;
    margin-bottom: 10px;
}

.lilibus_search .search-form {
    padding: 20px
}

#googleMap>div {
    min-height: calc(70vh) !important
}

.lilibus_search input#datepicker,
.lilibus_search input#timepicker {
    text-align: center
}

.tm-header,
.tm-header-mobile {
    z-index: 9999;
    background-color: #fff;
}

.lilibus_search_overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 9;
    width: 100%;
    height: 100vh
}

.lilibus_search_result {
    padding: 20px
}

.lilibus_search_result .uk-accordion {
    margin-bottom: 40px
}

.ui-autocomplete {
    background: #fff;
    list-style: none;
    color: #333;
    z-index: 999;
    max-width: 300px;
    border: 1px solid #eee
}

.ui-autocomplete li {
    border-bottom: 1px solid #eee;
    padding: 10px 15px;
    font-size: 15px;
    margin-bottom: 5px
}

.ui-autocomplete li:hover {
    background: #eee
}

.lilibus_search #submit_search {
    background: #eb5d78;
    color: #fff;
    height: 45px;
    width: 100%;
    border: 0
}

.lilibus_search .wrapper p,
.ui-autocomplete {
    padding: 0;
    margin: 0
}

.lilibus_search .uk-hr,
.lilibus_search hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    text-align: inherit;
    margin: 0 0 30px;
    border: 0;
    border-top: 5px dashed #eee
}

.lilibus_search .muted {
    padding: 25px;
    background: rgba(241, 241, 241, .5)
}

.headsign,
.lilibus_search .transit-icon,
.lilibus_search .uk-accordion-content .transit-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.lilibus_search .transit-icon {
    padding: 0 20px 0 10px;
    font-size: 25px;
    flex-direction: column
}

.lilibus_search .transit-icon>span {
    margin: 0;
    height: 25px;
    width: 25px
}

.lilibus_search .transit-icon>span.line-number {
    font-size: 13px;
    background: #eee;
    line-height: 2;
    padding: 0 5px;
    border-radius: 5px;
    margin-top: 5px;
    font-weight: 700;
    width: auto
}

.lilibus_search .transit-heading {
    display: flex;
    flex-direction: column
}

.lilibus_search .uk-description-list {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.lilibus_search .uk-accordion-content {
    background: rgba(241, 241, 241, .5294117647058824);
    padding: 15px 40px
}

.lilibus_search .uk-accordion-content .transit-icon {
    padding: 0 20px 0 10px;
    font-size: 20px
}

.lilibus_search .uk-accordion-content .transit-icon>span {
    height: 25px
}

.lilibus_search .uk-accordion-title::after {
    display: none
}

#googleMap {
    width: 100%;
    height: 70vh !important;
    z-index: 101
}

#kundenstimmen p {
    font-size: 23px
}

#kundenstimmen .uk-slideshow-items {
    max-width: 80%
}

#kundenstimmen footer {
    margin-top: 10px
}

#kundenstimmen * {
    color: #fff;
    border-color: #fff
}

#kundenstimmen .el-slidenav {
    right: 50px
}

.headsign {
    background: #d84f65;
    padding: 5px 15px !important;
    text-align: center;
    font-family: monospace;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    border-radius: 8px
}

.headsign span {
    margin-right: 10px
}

#startup-modal h5 {
    font-size: 25px;
    margin-top: 10px
}

@media (max-width:640px) {
    #startup-modal h5 {
        font-size: 20px
    }
}

#startup-modal button {
    background: #e85970;
    color: #fff
}

.uk-logo {
    margin-bottom: -70px
}

body>div.uk-offcanvas-content>div>div:nth-child(1) {
    display: none
}

.gj-picker-md .arrow-begin,
.gj-picker-md [role=body] [role=arrow],
.gj-picker-md table tr td.selected.gj-cursor-pointer div {
    background: #e85970
}

.gj-picker-md .arrow-end {
    border-color: #e85970
}

.gj-picker-md [role=header],
.gj-picker-md [role=switch] {
    background: #e85970
}

.gj-picker-md button {
    color: #333 !important;
    border: 1px solid #ececec;
    margin-left: 10px
}

.gj-picker-md button:last-child {
    background: #e85970;
    color: #fff !important
}

.ui-helper-hidden-accessible {
    display: none
}

.uk-logo {
    padding: 10px
}

.tm-toolbar {
    border-bottom: 1px solid #eee
}

#kundenstimmen .uk-slideshow-items {
    max-height: 140px !important
}

.icon-my_location {
    position: absolute;
    right: 5px;
    top: 7px;
    font-size: 21px;
    color: rgb(140, 140, 140);
    height: 23px;
    width: 23px;
    margin: 0px;
    background: #fff;
    padding: 5px;
}

.unsafe input{
    border-color: orange !important;
}


@media (max-width:960px) {
    #googleMap>div {
        height: 100%;
        min-height: 100% !important
    }

    .uk-navbar-container.uk-navbar {
        height: 60px !important
    }

    .lilibus_search .uk-accordion-content {
        padding: 15px
    }

    .lilibus_search .uk-accordion-content .transit-icon {
        padding: 0 15px 0 0
    }

    .tiny-font-on-mobile * {
        font-size: 13px !important
    }

    .lilibus_search {
        position: relative
    }

    #googleMap {
        width: 100%;
        height: 410px
    }

    #kundenstimmen .el-slidenav {
        right: 0 !important;
        position: relative !important;
        top: 50px;
        left: calc(50% - 30px);
        display: none
    }

    #kundenstimmen .uk-slideshow-items {
        max-width: 100%;
        max-height: 180px !important
    }

    .tm-header-mobile {
        height: 90px;
    }

    .uk-navbar-toggle {
        height: 40px;
        min-height: 40px;
    }

    .uk-logo {
        margin-top: 0 !important;
        z-index: 9999;
        width: 140px;
    }

    .uk-navbar-toggle:before {
        content: "Menü";
        margin-right: 10px
    }

}