.hd-tyr-astnt-act, .hd2-tyr-astnt-act {
    display: none;
}
.shw-tyr-astnt-act {
    width: 100%;
}

.ovr-bx {
    border-radius: 4px;
    position: absolute;
    padding: 8px;
    z-index: 999;
    width: 190px;
    height: 190px;
}

@media (min-width: 741px) and (max-width: 900px) {
    #tyr-astnt-bx {
        display: none;
    }
}

.search-filter-floating-container .ovr-bx {
    position: relative;
}

#tyr-astnt-bx.ovr-bx {
    right: 1px;
}

#tyr-astnt-bx.ovr-bx-bg {
    background: rgba(256, 256, 256, 0.9) url(/static/images/tyre-assistant.png) 90px 20px/50% no-repeat;
}

#facettenfilter #tyr-astnt-bx.ovr-bx {
    right: auto;
    left: auto;
    border: 1px solid #e9e9e9;
    margin: 1.5em 0 0 1.5em;
}

.ovr-bx-cls {
    cursor: pointer;
    position: absolute;
    right: -18px;
    top: -5px;
    height: 32px;
    width: 32px;
    color: gray;
    font-size: 14px;
    font-weight: 700;
}

.ovr-bx-hrf {
    left: 5px;
    font-size: 13px;
}

.ovr-bx-txt {
    max-width: 90px;
}

.ovr-bx-btn {
    margin-top: 8px;
    text-align: center;
}

.ovr-bx-btn .pure-button:hover {
    text-decoration: none;
}

.tyr-astnt-ct {
    text-align: center;
}

.tyr-astnt-ct img {
    max-width: 100%;
}

.tyr-astnt-ct h2 {
    font-size: 28px;
    font-weight: 700;
}

.tyr-astnt-ct h2.xxl {
    font-size: 34px;
}

.tyr-astnt-ct.tyr-astnt-hm .pure-button {
    min-width: 300px;
    height: 50px;
    font-size: 20px;
    font-weight: 700;
}

.tyr-astnt-ct .pure-button:hover {
    text-decoration: none;
}

.tyr-astnt-ct .stps-pag {
    margin: 10px 10px;
}

.tyr-astnt-op {
    background-color: #00539F;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    box-shadow: 1px 1px 3px #999;
    padding: 0;
    margin: 5px;
    width: 95%;
}

.tyr-astnt-op .pure-button {
    width: 100%;
    color: white;
    white-space: normal;
    position: relative;
    display: inline-block;
}

.tyr-astnt-op .pure-button .tyr-astnt-op-txt {
    font-size: 24px;
}

.tyr-astnt-op .pure-button .tyr-astnt-op-txt u {
    font-size: 14px;
    text-decoration: none;
    display: none;
}

.tyr-astnt-op .pure-button i {
    color: white;
}

.tyr-astnt-bdgt .fa-percent:before {
    content: "%";
    font-weight: bold;
}

@media (min-width: 992px) {
    .tyr-astnt-ct .stps-pag {
        margin: 100px 10px;
    }

    .tyr-astnt-op {
        height: 300px;
    }

    .tyr-astnt-op .pure-button {
        background-color: transparent!important;
        height: 300px;
    }

    .tyr-astnt-op .pure-button .tyr-astnt-op-txt {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
    }

    .tyr-astnt-op .pure-button .tyr-astnt-op-txt u {
        display: block;
    }

    .tyr-astnt-op .pure-button i {
        position: absolute;
        bottom: 50%;
        left: 0;
        right: 0;
    }

    .tyr-astnt-mtrwys.lazyloaded {
        background: url(/static/lite/common/images/tyre-assistant-motorways.jpg) no-repeat center;
        background-size: cover;
    }

    .tyr-astnt-rur.lazyloaded {
        background: url(/static/lite/common/images/tyre-assistant-rural-roads.jpg) no-repeat center;
        background-size: cover;
    }

    .tyr-astnt-cit.lazyloaded {
        background: url(/static/lite/common/images/tyre-assistant-cities.jpg) no-repeat center;
        background-size: cover;
    }

    .tyr-astnt-dstl.lazyloaded {
        background: #00539F url(/static/lite/common/images/tyre-assistant-travel-distance-low.png) no-repeat center;
    }

    .tyr-astnt-dstm.lazyloaded {
        background: #00539F url(/static/lite/common/images/tyre-assistant-travel-distance-medium.png) no-repeat center;
    }

    .tyr-astnt-dsth.lazyloaded {
        background: #00539F url(/static/lite/common/images/tyre-assistant-travel-distance-high.png) no-repeat center;
    }

    .tyr-astnt-spt.lazyloaded {
        background: url(/static/lite/common/images/tyre-assistant-sport.jpg) no-repeat center;
        background-size: cover;
    }

    .tyr-astnt-eco.lazyloaded {
        background: url(/static/lite/common/images/tyre-assistant-eco.jpg) no-repeat center;
        background-size: cover;
    }

    .tyr-astnt-all.lazyloaded {
        background: url(/static/lite/common/images/tyre-assistant-allround.jpg) no-repeat center;
        background-size: cover;
    }
}

@media (max-width: 740px) {
    .ovr-bx {
        position: relative;
        width: 300px;
        margin: 0 auto 0 -150px;
        left: 50%;
    }

    .results-filters-form .ovr-bx {
        width: 190px;
    }
}

@media (max-width: 991px) {
    .tyr-astnt-op .pure-button i.fa {
        font-size: 1em;
    }
}