﻿.header {
    position: relative;
    left: 0;
    width: 100%
}
.header-button-login {
    padding: 5px 20px !important;
    border-radius: 0 !important;
    cursor:pointer;
    height: 70px;
}
.header-button-login i{
    font-size:22px
}
.header-button-basket {
    position: relative;
    display: flex;
    padding: 5px 10px !important;
    border-radius: 0 !important;
}
.basket-counter {
    color: white;
    position: absolute;
    top: 10px;
}
.basket-counter:hover {
    color: white;
 
}
.top-externallinks .dropdown-menu {
    left: inherit;
    right: 0;
}
.top-externallinks .dropdown-menu a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    font-family: "Oswald", sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
    line-height: 1.375;
    -webkit-transition: color .25s;
    transition: color .25s;
    color: black;
    text-decoration: none
}

.header-button:hover {
    color: white !important
}

.partnerweb .dropdown-menu {
    padding: 18px;
    text-align: center;
}

    .partnerweb .dropdown-menu li a {
        padding: 15px 20px;
    }


.modalPZ .modal-body .cislo-karty-block {
    background: white;
    border: 1px solid #D33
}

    .modalPZ .modal-body .cislo-karty-block label {
        color: black;
    }

.icon-cart {
    width: 42px;
    height: 42px;
    position: relative;
    overflow: hidden;
}

    .icon-cart .cart-line-1 {
        width: 15%;
        height: 7%;
        position: absolute;
        left: 8%;
        top: 25%;
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
        background-color: #000;
        border-bottom-left-radius: 35%;
    }

    .icon-cart .cart-line-2 {
        width: 35%;
        height: 7%;
        position: absolute;
        left: 6%;
        top: 40%;
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        background-color: #000;
    }

        .icon-cart .cart-line-2:before {
            content: "";
            width: 120%;
            height: 100%;
            position: absolute;
            left: 45%;
            top: -280%;
            -webkit-transform: rotate(-80deg);
            -moz-transform: rotate(-80deg);
            -ms-transform: rotate(-80deg);
            transform: rotate(-80deg);
            background-color: inherit;
        }

        .icon-cart .cart-line-2:after {
            content: "";
            width: 70%;
            height: 100%;
            position: absolute;
            left: 59%;
            top: -670%;
            background-color: inherit;
            -webkit-transform: rotate(40deg);
            -moz-transform: rotate(40deg);
            -ms-transform: rotate(40deg);
            transform: rotate(40deg);
            border-top-left-radius: 50%;
            border-bottom-left-radius: 25%;
        }

    .icon-cart .cart-line-3 {
        width: 30%;
        height: 7%;
        position: absolute;
        left: 33%;
        top: 45%;
        background-color: #000;
    }

        .icon-cart .cart-line-3:after {
            content: "";
            width: 124%;
            height: 100%;
            position: absolute;
            top: -150%;
            left: -5%;
            background-color: inherit;
        }

    .icon-cart .cart-wheel {
        width: 12%;
        height: 12%;
        background-color: #000;
        border-radius: 100%;
        position: absolute;
        left: 28%;
        bottom: 20%;
    }

        .icon-cart .cart-wheel:after {
            content: "";
            width: 100%;
            height: 100%;
            background-color: inherit;
            border-radius: 100%;
            position: absolute;
            left: 200%;
            bottom: 0;
        }

.kosik.cardpay .text-success {
    color: #d33 !important
}

#gtmVar-download-ticket {
    color: white !important;
    background: #d33 !important;
}

    #gtmVar-download-ticket:hover {
        color: white !important;
        background: #d33 !important;
    }

.festival status.more-info {
    display: none
}

.detail-content h1 {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Oswald",sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 38px;
    font-size: clamp(26px, 4vw, 38px);
    letter-spacing: .05em;
    min-height: 0.000001vw;
    margin: 0.5em 0;
    color: #d33;
    text-transform: uppercase
}

h2 {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Oswald",sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 38px;
    font-size: clamp(26px, 4vw, 38px);
    letter-spacing: .05em;
    min-height: 0.000001vw;
    text-transform: uppercase;
}

.btn_basic {
    display: inline-block;
    vertical-align: top;
    border: 0;
    background: none;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    font-size: 16px;
    line-height: 1.375;
    font-weight: 700;
    padding: 13px 25px;
    border-radius: 3px;
    background-color: #832121;
    color: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
}

    .btn_basic:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #d33;
        z-index: -1;
        border-radius: 3px;
        -webkit-transition: all .5s;
        transition: all .5s;
    }

.container .header.onhome ~ .main {
    padding-top: 0
}

.item_ticket .btn_basic {
    min-width: 170px
}

.sico {
    fill: currentColor;
    display: inline-block;
    pointer-events: none
}

.sicos {
    stroke: currentColor;
    stroke-width: 2px;
    fill: none;
    display: inline-block;
    pointer-events: none
}

.sicofill {
    fill: currentColor;
    display: inline-block;
    pointer-events: none;
    display: block;
    width: 100%;
    height: 100%
}

.box_hero_logo .sicofill {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.btn_more2 .sico {
    position: absolute;
    right: 0;
    top: -1px;
    height: 1.3333333em;
    width: 8px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.btn_more2:hover .sico {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0)
}

.list_icons .sico {
    position: absolute;
    left: 0;
    width: 22px;
    height: 1.5625em;
    top: 0;
    color: #d33
}

.list_icons.mid .sico {
    width: 16px
}

.list_icons.light .sico {
    color: currentColor
}

.list_icons.shdw {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5)
}

    .list_icons.shdw .sico {
        -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
        filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5))
    }

.input_select.type2 + .sico {
    color: #fff
}

.input_select_cont .sico {
    position: absolute;
    height: 100%;
    top: 0;
    right: 15px;
    width: 12px;
    color: #000;
    pointer-events: none
}

.input_select_cont .mid + .sico {
    right: 25px
}

.btn_play .sico {
    display: block;
    height: 88px;
    width: 30px;
    margin: 0 auto
}

.element_logo2 .sico {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.btn_basic {
    display: inline-block;
    vertical-align: top;
    border: 0;
    background: none;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    font-size: 16px;
    line-height: 1.375;
    font-weight: 700;
    padding: 13px 25px;
    border-radius: 3px;
    background-color: #832121;
    color: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

    .btn_basic:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #d33;
        z-index: -1;
        border-radius: 3px;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .btn_basic.blue {
        background-color: #00477e
    }

        .btn_basic.blue::before {
            background-color: #0062AE
        }

    .btn_basic.dark {
        background-color: #2c2c2c
    }

        .btn_basic.dark::before {
            background-color: #000
        }

    .btn_basic:hover::before {
        opacity: 0;
        -webkit-transform: scale(0.1);
        transform: scale(0.1)
    }

    .btn_basic.disabled {
        pointer-events: none;
        background-color: #ebebeb
    }

        .btn_basic.disabled::before {
            display: none
        }

.video_cont .btn_basic.play {
    margin: auto
}

.header_button.btn_basic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 30px;
    z-index: 2
}

@media (max-width: 1023px) {
    .header_button.btn_basic {
        padding: 10px 15px
    }

}

.header_button.btn_basic .sico {
    width: 24px;
    height: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    margin-right: 10px
}

@media (max-width: 1023px) {
    .header_button.btn_basic .sico {
        width: 26px;
        height: 26px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 26px;
        flex: 0 0 26px
    }
}

.header_button.btn_basic span {
    display: block;
    font-size: 16px;
    line-height: 1.375;
    text-transform: uppercase;
    letter-spacing: .05em
}

@media (max-width: 1023px) {
    .header_button.btn_basic span {
        font-size: 13px
    }
}

nav {
    display: block
}

    nav ul,
    nav ol {
        list-style: none;
        list-style-image: none
    }

.nav-lovestream {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

@media (max-width: 1023px) {
    .nav-lovestream {
        position: fixed;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        overflow-x: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform .6s, -webkit-box-shadow 0s .6s;
        transition: -webkit-transform .6s, -webkit-box-shadow 0s .6s;
        transition: transform .6s, box-shadow 0s .6s;
        transition: transform .6s, box-shadow 0s .6s, -webkit-transform .6s, -webkit-box-shadow 0s .6s;
        -webkit-box-shadow: 0 0 15px transparent;
        box-shadow: 0 0 15px transparent
    }

        .nav-lovestream::before {
            content: '';
            display: block;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 70px;
            flex: 0 0 70px
        }
}

@media (max-width: 1023px) {
    .menuopen .nav-lovestream {
        -webkit-transition: -webkit-transform .6s;
        transition: -webkit-transform .6s;
        transition: transform .6s;
        transition: transform .6s, -webkit-transform .6s;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1)
    }
}

.nav_cont {
    height: 100%
}

.nav_cont {
    height: 100%
}

.nav_button {
    display: inline-block;
    vertical-align: top;
    border: 0;
    background: none;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    height: 100%;
    width: 70px;
    position: relative;
    color: #d33;
    z-index: 2;
    -webkit-transition: color .35s;
    transition: color .35s
}

@media (min-width: 1024px) {
    .nav_button {
        display: none
    }
    .header-button-login {
        height: 80px;
    }
}

.nav_lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    color: #fff !important;
    background-color: #000;
    font-size: 16px;
    font-weight: 600;
    font-family: "Oswald", sans-serif;
    padding: 15px 15px 17px 15px
}

@media (max-width: 1023px) {
    .nav_lang {
        padding: 20px
    }
}

@media (min-width: 1024px) {
    body:not(.scrolled) .onhome .nav-lovestream {
        color: #fff
    }
}

.topmenu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

@media (max-width: 1023px) {
    .topmenu {
        display: block;
        margin: auto 0;
        width: 100%;
        height: auto;
        padding: 20px 0
    }
}

@media (min-width: 1024px) {
    .topmenu {
        margin-right: 26px
    }
}

@media (min-width: 1441px) {
    .topmenu {
        margin-right: 45px
    }
}

@media (max-width: 1023px) {
    .topmenu {
        margin-right: 20px
    }
}

.topmenu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1023px) {
    .topmenu li {
        height: auto;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .topmenu li + li {
        margin-left: 26px
    }
}

@media (min-width: 1441px) {
    .topmenu li + li {
        margin-left: 45px
    }
}

@media (max-width: 1023px) {
    .topmenu li + li {
        margin-top: 20px
    }
}

@media (max-width: 1023px) {
    .topmenu li:first-child {
        margin-top: auto
    }
}

@media (max-width: 1023px) {
    .topmenu li:last-child {
        margin-bottom: auto
    }
}

.topmenu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    font-family: "Oswald", sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
    line-height: 1.375;
    -webkit-transition: color .25s;
    transition: color .25s;
    color: black;
    text-decoration: none
}

@media (max-width: 1023px) {
    .topmenu a {
        font-size: 18px;
        line-height: 1.3333333
    }
}

.topmenu a span {
    display: block;
    position: relative;
    padding: 10px 0
}

    .topmenu a span::before {
        content: '';
        position: absolute;
        bottom: 0;
        height: 4px;
        width: 100%;
        left: 0;
        background-color: #d33;
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s
    }

.topmenu a:hover span::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.topmenu li.current-menu-item a span::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

@media (min-width: 1024px) {
    body:not(.scrolled) .onhome .topmenu {
        color: #fff
    }
}


.sicofill {
    fill: currentColor;
    display: inline-block;
    pointer-events: none;
    display: block;
    width: 100%;
    height: 100%
}

.box_hero_logo .sicofill {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.header_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 80px;
    z-index: 300
}

    .header_inner:not(.notransition) {
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }

@media (max-width: 1023px) {
    .header_inner {
        height: 70px
    }
}

.header_inner::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.scrollup.scrolled .header_inner::before {
    opacity: 1
}

.fixheader .header_inner,
.scrollup .header_inner {
    position: fixed
}

@media (max-width: 1023px) {
    .menuopen .header_inner {
        position: fixed
    }
}

body:not(.scrollup):not(.menuopen).fixheader .header_inner {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

@media (max-width: 1023px) {
    .header:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff
    }
}

.scrolled .header::before {
    opacity: 1
}

.header_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.header_logo {
    display: block;
    -ms-flex-item-align: center;
    align-self: center;
    width: 210px;
    margin-left: 20px;
    margin-right: auto;
    position: relative;
    z-index: 10
}



    .header_logo g {
        fill: #000;
        -webkit-transition: all .25s;
        transition: all .25s
    }

        .header_logo g:last-child {
            fill: #d33
        }

@media (max-width: 767px) {
    .header_logo {
        width: 140px
    }
    .header {
        position:absolute
    }
    .partner-header {
        display:flex !important
    }
    .event-box-8 {
        max-width: fit-content;
        width:50% !important;
    }
}

@media (min-width: 1024px) {
    body:not(.scrolled) .onhome .header_logo g:first-child {
        fill: #fff
    }

    .header_logo img {
        height: 80px
    }
}

@media (max-width: 1023px) {
    body:not(.scrolled):not(.menuopen) .onhome .header_logo g:first-child {
        fill: #fff
    }
    .header_logo img {
        height: 48px;
        position:relative;
        top:10px;
    }
    .partner-header .site-heading {
        font-size: larger
    }

}

@media (max-width: 1023px) {
    body:not(.scrolled).menuopen .onhome .header_logo g:first-child {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
}

.header_button.btn_basic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 30px;
    z-index: 2
}

@media (max-width: 1023px) {
    .header_button.btn_basic {
        padding: 10px 15px
    }
}

.icon_menu {
    position: absolute;
    width: 22px;
    height: 14px;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -11px
}

    .icon_menu i {
        position: absolute;
        height: 2px;
        background-color: currentColor;
        left: 0;
        width: 100%;
        top: calc(50% - 1px);
        -webkit-transition: opacity .35s .15s, -webkit-transform .35s .15s;
        transition: opacity .35s .15s, -webkit-transform .35s .15s;
        transition: opacity .35s .15s, transform .35s .15s;
        transition: opacity .35s .15s, transform .35s .15s, -webkit-transform .35s .15s
    }

        .icon_menu i:first-child {
            top: 0;
            -webkit-transition: -webkit-transform .35s;
            transition: -webkit-transform .35s;
            transition: transform .35s;
            transition: transform .35s, -webkit-transform .35s
        }

        .icon_menu i:last-child {
            bottom: 0;
            top: auto;
            -webkit-transition: -webkit-transform .35s;
            transition: -webkit-transform .35s;
            transition: transform .35s;
            transition: transform .35s, -webkit-transform .35s
        }

.menuopen .icon_menu i {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s
}

    .menuopen .icon_menu i:first-child {
        opacity: 1;
        -webkit-transform: translateY(300%) rotate(45deg);
        transform: translateY(300%) rotate(45deg);
        -webkit-transition: -webkit-transform .35s .1s;
        transition: -webkit-transform .35s .1s;
        transition: transform .35s .1s;
        transition: transform .35s .1s, -webkit-transform .35s .1s
    }

    .menuopen .icon_menu i:last-child {
        opacity: 1;
        -webkit-transform: translateY(-300%) rotate(-45deg);
        transform: translateY(-300%) rotate(-45deg);
        -webkit-transition: -webkit-transform .35s .1s;
        transition: -webkit-transform .35s .1s;
        transition: transform .35s .1s;
        transition: transform .35s .1s, -webkit-transform .35s .1s
    }

.header_button.btn_basic .sico {
    width: 24px;
    height: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    margin-right: 10px
}

@media (max-width: 1023px) {
    .header_button.btn_basic .sico {
        width: 26px;
        height: 26px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 26px;
        flex: 0 0 26px
    }
}

.header_button.btn_basic span {
    display: block;
    font-size: 16px;
    line-height: 1.375;
    text-transform: uppercase;
    letter-spacing: .05em
}

@media (max-width: 1023px) {
    .header_button.btn_basic span {
        font-size: 13px
    }
}

.h100p {
    height: 100%
}

@media (max-width: 1023px) {
    .h250_lgm {
        height: 250px
    }

    .h100p_lgm {
        height: 100%
    }

    .hauto_lgm {
        height: auto
    }
}

@media (min-width: 1024px) {
    .h250_lg {
        height: 250px
    }

    .h100p_lg {
        height: 100%
    }

    .hauto_lg {
        height: auto
    }
}

@media (max-width: 767px) {
    .h250_mdm {
        height: 250px
    }

    .h100p_mdm {
        height: 100%
    }

    .hauto_mdm {
        height: auto
    }
}
