/* Minification failed. Returning unminified contents.
(584,1): run-time error CSS1019: Unexpected token, found '}'
(926,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1648,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1649,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1666,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1667,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1684,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1685,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1702,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1703,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2297,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2298,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2308,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2309,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2499,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2500,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2510,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2511,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2521,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2536,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2537,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2551,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2552,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2569,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2570,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2587,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2588,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2597,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2598,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2607,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2608,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2617,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2618,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2627,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2628,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2637,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2638,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2804,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2805,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2816,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2817,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2828,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2840,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2841,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2852,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2864,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2865,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

a {
    color: #FFF;
    text-decoration: none;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@media (min-width: 960px) {
    :root {
      font-size: 0.7vw;
    }
  }
  @media (min-width: 568px) and (max-width: 960px) {
    :root {
      font-size: 1vw;
    }
  }
  @media (max-width: 568px) {
    :root {
      font-size: 2.7vw;
    }
  }
  @media (min-width: 1600px) {
    :root {
      font-size: 0.6vw;
    }
}
  

  
body {
    color: #FFF;
    background-color: #0C264B;
    font-family: Arial, Helvetica, sans-serif;
}

@media (min-width: 960px) {
    body {
        font-size: 1.4rem;
    }
}

@media (min-width: 568px) and (max-width: 960px) {
    body {
        font-size: 1.4rem;
    }
}

@media (max-width: 568px) {
    body {
        font-size: 1.2rem;
    }
}

.container {
    margin: 3% auto 0;
    width: 80%;
    max-width: 1500px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 2em;
    background: linear-gradient(to right, #08416a 0%, #082b58 100%);
}

    .container:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(/Content/images/events/EuroSports/bg_3.png) center top 100%;
        border-radius: 10px;
        opacity: 0.15;
        pointer-events: none;
    }

@media (min-width: 568px) and (max-width: 960px) {
    .container {
        width: 95%;
    }
}

@media (max-width: 568px) {
    .container {
        width: 100%;
    }
}

section {
    padding: 2.9em 1.8em 1.5em;
    text-align: center;
    position: relative;
}

@media (max-width: 568px) {
    ._isSports section {
        padding: 20px 1em;
    }
}

    section .section_title {
        font-weight: 900;
        overflow: hidden;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        padding-bottom: 0.3em;
    }

@media (min-width: 960px) {
    section .section_title {
        font-size: 3.2rem;
    }
}

@media (min-width: 568px) and (max-width: 960px) {
    section .section_title {
        font-size: 3.2rem;
    }
}

@media (max-width: 568px) {
    section .section_title {
        font-size: 21px;
    }
}

section .section_title span {
    position: relative;
    display: inline-block;
    padding: 0 1em;
}

    section .section_title span::before, section .section_title span::after {
        content: "";
        position: absolute;
        transform: skew(-40deg) translateY(0.6em);
        width: 50vw;
        height: 0.3em;
        opacity: 0.5;
        display: none;
    }

    section .section_title span:before {
        right: calc(100% - .7em);
        border-right: 10px double #0093BE;
        border-top: 2px solid #0093BE;
        background-image: linear-gradient(to bottom, rgba(0, 191, 214, 0.3) 10%, rgba(0, 191, 214, 0));
    }

    section .section_title span:after {
        left: calc(100% + .3em);
        border-left: 10px double #0093BE;
        border-bottom: 2px solid #0093BE;
        background-image: linear-gradient(to top, rgba(0, 191, 214, 0.3) 10%, rgba(0, 191, 214, 0));
    }

section .section_body {
    display: flex;
}

@media (max-width: 568px) {
    section .section_body {
        flex-direction: column;
        font-size: 14px;
    }
}

section .section_item {
    background-color: rgba(12, 38, 75, 0.5);
    color: #FFF;
    border-radius: 10px;
    margin-top: 1em;
    flex: 1;
    position: relative;
}

    section .section_item:first-child {
        margin-right: 1em;
    }

@media (max-width: 568px) {
    section .section_item:first-child {
        margin-right: 0;
    }
}

section .section_item h3 {
    color: #00BFD6;
    font-weight: 700;
    padding: 1.5em 1em 0.5em;
}

@media (min-width: 960px) {
    section .section_item h3 {
        font-size: 2.1rem;
    }
}

@media (min-width: 568px) and (max-width: 960px) {
    section .section_item h3 {
        font-size: 2.1rem;
    }
}

@media (max-width: 568px) {
    section .section_item h3 {
        font-size: 16px;
    }
}

section .section_item p {
    padding: 0 1em;
}

.stages_switch {
    position: sticky;
    top: 0;
    left: 0;
    display: flex;
    border-radius: 10px 10px 0 0;
    background-color: #0e2950;
    box-shadow: 0 1em 2em rgba(0, 0, 0, 0.3);
    border-bottom: 2px solid #00BFD6;
    overflow: hidden;
    z-index: 50;
}

@media (min-width: 960px) {
    .stages_switch {
        font-size: 1.6rem;
    }
}

@media (min-width: 568px) and (max-width: 960px) {
    .stages_switch {
        font-size: 1.6rem;
    }
}

@media (max-width: 568px) {
    .stages_switch {
        font-size: 12px;
        border-radius: 0;
        top: 0;
    }
}


.stages_switch .stages_item {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8);
    padding: 1em .3em;
    flex: 1;
    text-align: center;
    border-bottom: 0px solid rgba(255, 255, 255, 0);
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .stages_switch .stages_item:hover {
        transform: scale(1.05);
        color: #00BFD6;
    }

    .stages_switch .stages_item.active {
        background-color: rgba(0, 0, 0, 0.4);
        color: #FFF;
        border-color: #00BFD6;
        font-weight: 700;
    }

        .stages_switch .stages_item.active:hover {
            transform: scale(1);
        }

.mission {
    position: relative;
}

    .mission .section_title {
        padding-bottom: 0.6em;
    }

    .mission .section_item {
        display: flex;
        flex-direction: column;
    }

.mission_content {
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

    .mission .mission_mask {
        position: absolute;
        left: 0;
        right: 0;
        top: 1em;
        bottom: 0;
        background-color: rgba(12, 38, 75, 0.97);
        z-index: 200;
        border-radius: 0 0 10px 10px;
        color: rgba(255, 255, 255, 0.8);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        z-index: 20;
    }

@media (min-width: 960px) {
    .mission .mission_mask {
        font-size: 1.6rem;
    }
}

@media (min-width: 568px) and (max-width: 960px) {
    .mission .mission_mask {
        font-size: 1.6rem;
    }
}

@media (max-width: 568px) {
    .mission .mission_mask {
        font-size: 1.4rem;
    }
}

.mission .mission_mask p {
    font-weight: bold;
    color: #FFF;
}

@media (min-width: 960px) {
    .mission .mission_mask p {
      font-size: 2.1rem;
    }
  }
  @media (min-width: 568px) and (max-width: 960px) {
    .mission .mission_mask p {
      font-size: 2.1rem;
    }
  }
  @media (max-width: 568px) {
    .mission .mission_mask p {
      font-size: 1.6rem;
    }
  }

.mission .mission_update {
    color: #F7A800;
    margin-top: 1em;
}

.mission .mission_info {
    padding: 1em 2em;
    display: flex;
    align-items: flex-end;
    background-image: linear-gradient(to bottom, #0093BE 10%, #00BFD6);
    font-weight: 300;
    color: rgba(255, 255, 255, 0.8);
    border-radius: 0 0 10px 10px;
}

@media (min-width: 960px) {
    .mission .mission_info {
        font-size: 1.4rem;
    }
}

@media (min-width: 568px) and (max-width: 960px) {
    .mission .mission_info {
        font-size: 1.4rem;
    }
}

@media (max-width: 568px) {
    .mission .mission_info {
        font-size: 1.2rem;
    }
}

.mission .mission_info span {
    font-weight: 700;
    opacity: 1;
    flex-grow: 1;
    text-align: right;
    color: #FFF;
}

@media (min-width: 960px) {
    .mission .mission_info span {
        font-size: 3.2rem;
    }
}

@media (min-width: 568px) and (max-width: 960px) {
    .mission .mission_info span {
        font-size: 3.2rem;
    }
}

@media (max-width: 568px) {
    .mission .mission_info span {
        font-size: 2.1rem;
    }
}

.progress_area {
    flex-grow: 1;
    display: flex;
    flex-direction: column-reverse;
    padding: 1em 2em 1em 1em;
}

    .progress_area .progress_bar {
        width: 90%;
        height: 10px;
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0.2);
        margin: 4em 1em 4em 1.8em;
        position: relative;
    }

@media (max-width: 568px) {
    .progress_area .progress_bar {
        margin: 3em 1em 3em 1.5em;
    }
}

.progress_area .progress_bar .no1,
.progress_area .progress_bar .no2,
.progress_area .progress_bar .no3,
.progress_area .progress_bar .user {
    width: 2.5em;
    height: 2.5em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

    .progress_area .progress_bar .no1 p,
    .progress_area .progress_bar .no2 p,
    .progress_area .progress_bar .no3 p,
    .progress_area .progress_bar .user p {
        position: absolute;
        top: 105%;
        left: 50%;
        transform: translateX(-50%);
    }


.progress_area .progress_bar .no1 {
    left: 100%;
    background-image: url(/Content/images/events/EuroSports/1st.png);
}

.progress_area .progress_bar .no2 {
    left: 80%;
    background-image: url(/Content/images/events/EuroSports/2nd.png);
}

@media (max-width: 568px) {
    .progress_area .progress_bar .no2 {
        left: 82%;
    }
}

.progress_area .progress_bar .no3 {
    left: 60%;
    background-image: url(/Content/images/events/EuroSports/3rd.png);
}

@media (max-width: 568px) {
    .progress_area .progress_bar .no3 {
        left: 64%;
    }
}

.progress_area .progress_bar .user {
    width: 3.5em;
    height: 3.5em;
    background-image: url(/Content/images/events/EuroSports/me.png);
    z-index: 10;
}

.progress_area .progress_bar .bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #0093BE 0%, #00BFD6 70%);
    border-radius: 10px;
    transition: all 0.5s 0.1s;
}

.progress_area .progress_bar.user_1st .user, .progress_area .progress_bar.user_2nd .user, .progress_area .progress_bar.user_3rd .user {
    display: none;
}

.progress_area .progress_bar.user_1st .no1 {
    width: 3.5em;
    height: 3.5em;
    background-image: url(/Content/images/events/EuroSports/1st_me.png);
}

.progress_area .progress_bar.user_1st .bar {
    width: 100% !important;
}

.progress_area .progress_bar.user_2nd .no2 {
    width: 3.5em;
    height: 3.5em;
    background-image: url(/Content/images/events/EuroSports/2nd_me.png);
}

.progress_area .progress_bar.user_2nd .bar {
    width: 82% !important;
}

.progress_area .progress_bar.user_3rd .no3 {
    width: 3.5em;
    height: 3.5em;
    background-image: url(/Content/images/events/EuroSports/3rd_me.png);
}

.progress_area .progress_bar.user_3rd .bar {
    width: 60% !important;
}

}

@media (max-width: 568px) {
    .progress_area .progress_bar.user_3rd .bar3 {
        left: 64% !important;
    }
}

.ranking .ranking_list {
    padding: 0 1em;
    min-height: 15em;
    height: 25em;
    overflow: auto;
}

    .ranking .ranking_list li {
        background-color: rgba(12, 38, 75, 0.7);
        border-radius: 5px;
        padding: 0.5em 1.5em;
        margin: 2px 0;
        text-align: left;
        display: flex;
        align-items: center;
    }

        .ranking .ranking_list li.updatingSoon {
            display: block;
            text-align: center;
        }

        .ranking .ranking_list li.me {
            background-color: rgba(0, 147, 190, 0.5);
            border: 3px solid rgba(0, 147, 190, 0.3);
            color: #FFF;
            font-weight: bold;
            padding-left: calc(6em - 3px);
            position: relative;
        }

        .ranking .ranking_list li.me span {
            font-weight: 900;
            color: #FFF;
            text-shadow: 0 0 1em rgba(0, 147, 190, 0.8);
            position: absolute;
            left: 1em;
            width: 4em;
            word-break: break-word;
            line-height: 1;
        }

        .ranking .ranking_list li.no1, .ranking .ranking_list li.no2, .ranking .ranking_list li.no3 {
            padding-left: 6em;
            background-repeat: no-repeat;
            background-size: 1.6em;
            background-position: 2.45em 48%;
            height: 3.5em;
        }

            .ranking .ranking_list li.no1.me, .ranking .ranking_list li.no2.me, .ranking .ranking_list li.no3.me {
                background-size: 2em;
                background-position: 2em 48%;
            }

        .ranking .ranking_list li.no1 {
            background-image: url(/Content/images/events/EuroSports/1st.png);
        }

            .ranking .ranking_list li.no1.me {
                background-image: url(/Content/images/events/EuroSports/1st_me.png);
            }

        .ranking .ranking_list li.no2 {
            background-image: url(/Content/images/events/EuroSports/2nd.png);
        }

            .ranking .ranking_list li.no2.me {
                background-image: url(/Content/images/events/EuroSports/2nd_me.png);
            }

        .ranking .ranking_list li.no3 {
            background-image: url(/Content/images/events/EuroSports/3rd.png);
        }

            .ranking .ranking_list li.no3.me {
                background-image: url(/Content/images/events/EuroSports/3rd_me.png);
            }

    .ranking .ranking_list span {
        color: #0093BE;
        font-weight: bold;
        display: inline-block;
        width: 3.6em;
        text-align: center;
        margin-right: 1em;
    }

.ranking .my_ranking {
    color: #FFF;
    text-align: right;
    padding: 0.5em 1em;
    position: relative;
    z-index: 10;
}

    .ranking .my_ranking span {
        font-weight: 700;
        color: #00BFD6;
        margin-left: 0.3em;
    }

@media (min-width: 960px) {
    .ranking .my_ranking span {
        font-size: 3.2rem;
    }
}

@media (min-width: 568px) and (max-width: 960px) {
    .ranking .my_ranking span {
        font-size: 3.2rem;
    }
}

@media (max-width: 568px) {
    .ranking .my_ranking span {
        font-size: 2.1rem;
    }
}

.prizes table {
    width: calc(100% - 2em);
    margin: 0 1em 2em;
    border-radius: 5px;
    overflow: hidden;
}

    .prizes table tr {
        border-bottom: solid 1px rgba(0, 191, 214, 0.2);
    }

        .prizes table tr:first-child {
            border-top: 2px solid rgba(0, 191, 214, 0.2);
        }

        .prizes table tr:nth-child(odd) {
            background-color: rgba(12, 38, 75, 0.7);
        }

    .prizes table th {
        width: 7em;
        font-weight: bold;
        color: #00BFD6;
        position: relative;
    }

        .prizes table th img {
            width: 1.6em;
        }

        .prizes table th:after {
            content: "";
            position: absolute;
            top: 0.5em;
            bottom: 0.5em;
            right: 0;
            width: 1px;
            background-color: rgba(0, 191, 214, 0.3);
        }

    .prizes table th, .prizes table td {
        padding: 0.5em 0;
        vertical-align: middle;
    }

    .prizes table td {
        text-align: left;
        padding-left: 2rem;
    }

.howtoplay {
    background: rgba(0, 0, 0, 0.55);
    border-radius: 0 0 10px 10px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 2.9em 1.8em;
}

    .howtoplay:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: url(/Content/images/events/EuroSports/bg_1.png);
        background-size: cover;
        background-position: 35vw 0;
        opacity: 0.07;
        z-index: -1;
        pointer-events: none;
    }

@media (max-width: 568px) {
    .howtoplay {
        margin-top: 1.4em;
        padding-top: 2em;
    }
}

.howtoplay .section_body {
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    flex-direction: column;
}

.howtoplay ol {
    padding-left: 1.8em;
}

    .howtoplay ol li {
        list-style: decimal;
        padding-left: 0.5em;
        margin: 1em 0;
        text-align: left;
    }

.howtoplay dl {
    margin: 1em 0;
    padding-bottom: 1em;
}

    .howtoplay dl dt {
        margin-top: 1em;
        margin-bottom: 0.3em;
        font-weight: bold;
        color: #0093BE;
    }

@media (min-width: 960px) {
    .howtoplay dl dt {
        font-size: 1.6rem;
    }
}

@media (min-width: 568px) and (max-width: 960px) {
    .howtoplay dl dt {
        font-size: 1.6rem;
    }
}

@media (max-width: 568px) {
    .howtoplay dl dt {
        font-size: 1.4rem;
    }
}

.howtoplay .tnc {
    color: #00BFD6;
    text-decoration: underline;
    cursor: pointer;
}

.howtoplay .button._special {
    z-index: 10;
    margin-bottom: 1.5em;
}

.bottom_btn {
    cursor: pointer;
    position: fixed;
    bottom: 5vh;
    right: 1em;
    z-index: 100;
    width: 6.2em;
    height: 6.2em;
    text-align: center;
    font-weight: 700;
    border-radius: 50%;
    background-image: linear-gradient(220deg, #EA7200 10%, #F7A800 100%);
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    box-sizing: content-box;
    text-shadow: 0 0 0.5em #844000;
    overflow: hidden;
    animation: cta_animate 2s infinite linear;
}

.bottom_btn:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/Content/images/events/EuroSports/bg_1.png);
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.3;
    border-radius: 50%;
    overflow: hidden;
}

@media (max-width: 568px) {
    .bottom_btn {
        width: 100%;
        bottom: 0;
        left: 0;
        right:0;
        border-radius: 0;
        padding: 0.8em 0.5em;
        height: inherit;
        animation: none;
    }
}

@media (min-width: 960px) {
    .bottom_btn {
        font-size: 1.6rem;
    }
}

@media (min-width: 568px) and (max-width: 960px) {
    .bottom_btn {
        font-size: 1.6rem;
    }
}

@media (max-width: 568px) {
    .bottom_btn {
        font-size: 1.4rem;
        padding: 1.1em 0.5em;
    }
    ._isAsi._isSports {
        padding-bottom: 12vw;
    }
}

@keyframes cta_animate {
    0% {
        box-shadow: 0 0 0 0 rgba(234, 114, 0, 0.7), 0 0 0 0 rgba(234, 114, 0, 0.7);
    }

    50% {
        box-shadow: 0 0 0 20px rgba(234, 114, 0, 0), 0 0 0 0 rgba(234, 114, 0, 0.7);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(234, 114, 0, 0), 0 0 0 15px rgba(234, 114, 0, 0);
    }
}

.hide {
    display: none !important;
}

.thxYou .section_item {
    padding: 1em;
}

@media (min-width: 960px) {
    .thxYou .section_item {
        font-size: 2.1rem;
    }
}

@media (min-width: 568px) and (max-width: 960px) {
    .thxYou .section_item {
        font-size: 2.1rem;
    }
}

@media (max-width: 568px) {
    .thxYou .section_item {
        font-size: 1.6rem;
    }
}

.thxYou .section_item h4 {
    font-weight: 900;
    padding: 0.2em 0;
}

.thxYou .section_item p {
    padding: 0.2em 0;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: padding-box transparent;
}

::-webkit-scrollbar-thumb {
  background: padding-box #0093BE;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: padding-box #00BFD6;
}

::-webkit-scrollbar-thumb:active {
  background: padding-box #00BFD6;
}

.swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

body {
  color: #FFF;
  background-color: #0C264B;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
}

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.wrapper {
  position: relative;
  background-size: 100% auto;
  background-repeat: no-repeat;
  overflow: hidden;
}

.mainContent {
  margin: 0 auto 30px auto;
  padding: 20px 15px;
  min-height: 580px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.mainContent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 147, 190, 0.75)), to(rgba(0, 46, 109, 0.75))), url(/Content/images/events/EuroSports/container_bg.jpg);
  background-image: linear-gradient(to right, rgba(0, 147, 190, 0.75), rgba(0, 46, 109, 0.75)), url(/Content/images/events/EuroSports/container_bg.jpg);
  opacity: 0.3;
  z-index: -1;
}

.mainContent_notice {
  margin-bottom: 40px;
  padding: 15px 10px;
  border-radius: 20px;
  background-color: rgba(12, 38, 75, 0.5);
  text-align: center;
}

.mainContent_notice > b {
  display: inline-block;
  padding: 5px 0;
  font-weight: 900;
}

.mainContent_notice .highlight {
  color: #F7A800;
}

.mainContent_header {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mainContent_header h1 {
  margin-bottom: 10px;
  color: #fff;
  font-size: 21px;
  font-weight: 900;
  text-align: center;
}

.mainContent_timezone {
  padding: 5px 10px;
  background-color: rgba(0, 147, 190, 0.3);
  border-radius: 15px;
  font-size: 12px;
}

@media (min-width: 1024px) {
  .mainContent {
    margin-top: calc(3.8% + 60px);
    padding: 40px 25px;
    width: 95%;
    min-height: 480px;
  }
  .mainContent:before {
    border-radius: 15px;
  }
  .mainContent_notice {
    padding: 20px 15px;
    font-size: 21px;
  }
  .mainContent_header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .mainContent_header h1 {
    margin-bottom: 0;
    font-size: 32px;
    text-align: left;
  }
  .mainContent_timezone {
    margin-left: auto;
    padding: 5px 15px;
    font-size: 14px;
  }
}

@media (min-width: 1600px) {
  .mainContent {
    padding: 40px 100px;
    max-width: 1500px;
  }
}

.button {
  position: relative;
  padding: 10px;
  min-width: 70px;
  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;
  text-align: center;
  font-size: 12px;
  border-radius: 5px;
  background-image: linear-gradient(-40deg, #0093BE 50%, #00BFD6 50%);
  background-size: 300% 100%;
  background-position: 0 0;
  -webkit-transition: background-position 0.3s;
  transition: background-position 0.3s;
}

@media (pointer: fine) {
  .button:hover {
    background-position: 100% 0%;
  }
}

.button._special {
  background-image: linear-gradient(-40deg, #f0d437 50%, #ffe13a 50%);
  color: #0C264B;
  font-weight: 900;
  -webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.54);
          box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.54);
}

.button._special::before, .button._special::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  pointer-events: none;
}

.button._special::before {
  background-image: linear-gradient(45deg, rgba(255, 225, 58, 0.8), rgba(255, 225, 58, 0) 80%);
  -webkit-transform: translate(-5px, 5px);
      -ms-transform: translate(-5px, 5px);
          transform: translate(-5px, 5px);
  -webkit-animation: nav_animate_right 2s infinite linear;
          animation: nav_animate_right 2s infinite linear;
}

.button._special::after {
  background-image: linear-gradient(225deg, rgba(255, 225, 58, 0.8), rgba(255, 225, 58, 0) 80%);
  -webkit-transform: translate(5px, -5px);
      -ms-transform: translate(5px, -5px);
          transform: translate(5px, -5px);
  -webkit-animation: nav_animate_left 2s infinite linear;
          animation: nav_animate_left 2s infinite linear;
}

.button._disabled {
  opacity: 0.5;
  cursor: default;
}

@media (pointer: fine) {
  .button._disabled:hover {
    background-position: 0% 0%;
  }
}

@media (min-width: 1024px) {
  .button {
    font-size: 14px;
  }
}

.copyright {
  margin-bottom: 30px;
  text-align: center;
  font-size: 12px;
}

.header {
  position: relative;
  height: 106vw;
}

@media (min-width: 568px) {
  .header {
    height: 34.5vw;
  }
}

.header_slogan {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  overflow: hidden;
  pointer-events: none;
}

.header_slogan > img {
  width: 132%;
  height: auto;
  -webkit-transform: translateX(-12%);
      -ms-transform: translateX(-12%);
          transform: translateX(-12%);
}

@media (min-width: 568px) {
  .header_slogan > img {
    width: 52.4%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.header_left {
  margin: 15px 15px 0;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 1024px) {
  .header_left {
    margin: 30px 30px 0;
  }
}

.header_back {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header_back > svg {
  width: 6px;
  height: auto;
}

.header_back > span {
  display: none;
}

.header_back:after {
  content: '';
  margin: 0 20px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #0F487E;
}

@media (min-width: 1024px) {
  .header_back > span {
    margin-left: 15px;
    display: block;
  }
  .header_back:after {
    margin: 0 30px;
  }
}

@media (min-width: 1360px) {
  .header_back {
    font-size: 21px;
  }
  .header_back > svg {
    width: auto;
  }
}

.header_logo {
  width: 70px;
  height: auto;
}

@media (min-width: 1024px) {
  .header_logo {
    width: 7vw;
  }
}

.header_account {
  margin: 15px 15px 0;
  padding: 8px;
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0C264B;
  border-radius: 50px;
  border: 1px solid #0093BE;
}

.header_account > span {
  margin-left: 10px;
  position: relative;
  font-size: 12px;
}

.header_account > span:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -5px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 18px;
  background-color: #002e6d;
}

@media (min-width: 1024px) {
  .header_account {
    margin: 30px 30px 0;
  }
}

@media (min-width: 1360px) {
  .header_account {
    padding: 12px;
  }
  .header_account > svg {
    width: 18px;
    height: 18px;
  }
  .header_account > span {
    margin-left: 14px;
    font-size: 16px;
  }
  .header_account > span:before {
    left: -7px;
  }
}

.header_login {
  margin: 15px 15px 0;
  padding: 7px;
  position: absolute;
  top: 0;
  right: 0;
  min-width: 80px;
}

@media (min-width: 1024px) {
  .header_login {
    margin: 30px 30px 0;
  }
}

@media (min-width: 1600px) {
  .header_login {
    padding: 10px;
    min-width: 100px;
  }
}

.header_cta {
  position: absolute;
  left: 50%;
  bottom: 35%;
  padding: 10px 20px;
  min-width: 110px;
  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;
  text-align: center;
  color: #0C264B;
  font-size: 12px;
  border-radius: 5px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: background-position 0.3s 0.1s, -webkit-transform 0.3s;
  transition: background-position 0.3s 0.1s, -webkit-transform 0.3s;
  transition: transform 0.3s, background-position 0.3s 0.1s;
  transition: transform 0.3s, background-position 0.3s 0.1s, -webkit-transform 0.3s;
}

@media (pointer: fine) {
  .header_cta:hover {
    -webkit-transform: translateX(-50%) scale(1.2);
        -ms-transform: translateX(-50%) scale(1.2);
            transform: translateX(-50%) scale(1.2);
  }
}

@media (min-width: 568px) {
  .header_cta {
    padding: 1.3% 2%;
    left: 50.5%;
    bottom: 20%;
  }
}

@media (min-width: 1024px) {
  .header_cta {
    padding: 1% 1.7%;
    min-width: 10%;
    bottom: 24%;
    font-size: 14px;
  }
}

@media (min-width: 1360px) {
  .header_cta {
    padding: 0.8% 1.7%;
    bottom: 25%;
    font-size: 16px;
  }
}

@media (min-width: 1600px) {
  .header_cta {
    font-size: 21px;
  }
}

.header_date {
  position: absolute;
  left: 50%;
  bottom: 3%;
  width: 90%;
  color: #D1D3D3;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (min-width: 568px) {
  .header_date {
    left: 5%;
    bottom: 5%;
    text-align: left;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

@media (min-width: 1024px) {
  .header_date {
    font-size: 16px;
  }
}

@media (min-width: 1360px) {
  .header_date {
    font-size: 18px;
  }
}

.menu {
  margin: 0.8% auto 0;
  max-width: 1000px;
  z-index: 100;
  background: rgba(0, 147, 190, 0.9);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  font-size: 12px;
}

.menu._fixed {
  margin: 0;
  position: fixed;
  top: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (min-width: 568px) {
  .menu {
    width: 90%;
    border-radius: 10px;
  }
  .menu._fixed {
    margin-top: 0.8%;
    width: 90%;
  }
}

@media (min-width: 1024px) {
  .menu {
    font-size: 21px;
  }
}

.menu_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu_item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 33.333%;
          flex: 1 0 33.333%;
  text-align: center;
  color: #FFF;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.menu_item > a {
  padding: 0.5em 1em;
  min-height: 40px;
  width: 100%;
  height: 100%;
  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;
}

.menu_item._active {
  font-weight: bold;
  background: #00BFD6;
  border-radius: 10px;
}

.menu_item._active::before, .menu_item._active::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 10px;
}

.menu_item._active::before {
  background-image: linear-gradient(45deg, rgba(0, 191, 214, 0.6) 0%, rgba(0, 191, 214, 0) 80%);
  -webkit-transform: translate(-5px, 5px);
      -ms-transform: translate(-5px, 5px);
          transform: translate(-5px, 5px);
}

.menu_item._active::after {
  background-image: linear-gradient(225deg, rgba(0, 191, 214, 0.6) 0%, rgba(0, 191, 214, 0) 80%);
  -webkit-transform: translate(5px, -5px);
      -ms-transform: translate(5px, -5px);
          transform: translate(5px, -5px);
}

.menu_item._active:hover {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

@media (min-width: 1024px) {
  .menu_item > a {
    min-height: 60px;
  }
}

@media (pointer: fine) {
  .menu_item:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
}

@-webkit-keyframes nav_animate_right {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(-5px, 5px);
            transform: translate(-5px, 5px);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes nav_animate_right {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(-5px, 5px);
            transform: translate(-5px, 5px);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes nav_animate_left {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(5px, -5px);
            transform: translate(5px, -5px);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes nav_animate_left {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(5px, -5px);
            transform: translate(5px, -5px);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  overflow-x: hidden;
  overflow-y: auto;
}

.modal_mask {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.9);
}

.modal_dialog {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 36, 91, 0)), to(#00245b));
  background-image: linear-gradient(rgba(0, 36, 91, 0), #00245b);
}

.modal_content {
  margin: 0 auto;
  padding: 10px 10px 70px 10px;
  position: relative;
  width: 100%;
  max-width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.modal_header {
  margin-bottom: -50px;
  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;
}

.modal_header > img {
  width: 80%;
  max-width: 420px;
  height: auto;
  display: block;
  -webkit-transform: translateY(-75px);
      -ms-transform: translateY(-75px);
          transform: translateY(-75px);
}

.modal_body {
  position: relative;
  text-align: center;
}

.modal_title {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: bold;
}

.modal_text {
  padding: 0 10px;
}

.modal_close {
  position: absolute;
  left: 50%;
  bottom: -25%;
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (pointer: fine) {
  .modal_close:hover {
    -webkit-transform: translateX(-50%) scale(1.1);
        -ms-transform: translateX(-50%) scale(1.1);
            transform: translateX(-50%) scale(1.1);
  }
}

.modal_close:before, .modal_close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 22px;
  height: 3px;
  background-color: #FFF;
  border-radius: 50px;
}

.modal_close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.modal_close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

@media (min-width: 568px) {
  .modal_dialog {
    margin: 15px;
    height: calc(100% - 30px);
    background-image: none;
  }
  .modal_content {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 36, 91, 0)), to(#00245b));
    background-image: linear-gradient(rgba(0, 36, 91, 0), #00245b);
    border-radius: 10px;
  }
  .modal_title {
    font-size: 32px;
  }
  .modal_close {
    left: 50%;
    bottom: -25%;
  }
}

.tabs {
  position: relative;
}

.tabs_container {
  margin: 0 -15px 20px;
  position: relative;
  overflow: hidden;
  list-style: none;
  z-index: 1;
}

.tabs_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

@media (min-width: 1024px) {
  .tabs {
    padding: 0 20px;
  }
  .tabs_container {
    margin: 0 auto 20px;
  }
}

.tabs_item {
  margin-right: 5px;
  width: 110px;
  min-height: 35px;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  color: #0093BE;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.16));
  cursor: pointer;
  border-left: 20px solid #FFF;
  border-right: 20px solid #FFF;
  -o-border-image: url(/Content/images/events/EuroSports/euro_fixture_tab_border.png) 0 50% 0 50% stretch;
     border-image: url(/Content/images/events/EuroSports/euro_fixture_tab_border.png) 0 50% 0 50% stretch;
}

.tabs_item:last-child {
  margin-right: 0;
}

.tabs_item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 103%;
  height: 100%;
  background-color: #FFF;
  z-index: -1;
}

.tabs_item._active {
  color: #FFF;
  -o-border-image: url(/Content/images/events/EuroSports/euro_fixture_tab_border_active.png) 0 50% 0 50% stretch;
     border-image: url(/Content/images/events/EuroSports/euro_fixture_tab_border_active.png) 0 50% 0 50% stretch;
}

.tabs_item._active:before {
  background-color: #00BFD6;
}

.tabs_item._disabled {
  opacity: 0.5;
}

@media (min-width: 1024px) {
  .tabs_item {
    margin-right: 20px;
    width: 130px;
    font-size: 14px;
  }
}

.tabs_container_android .tabs_item,
.tabs_wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.tabs_container_free-mode > .tabs_wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.tabs_container_pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.tabs_button_next,
.tabs_button_prev {
  display: none;
  position: absolute;
  top: 50%;
  width: 10px;
  height: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  background-image: url(/Content/images/events/EuroSports/euro_fixture_next_prev.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  outline: none;
}

.tabs_button_next._disabled,
.tabs_button_prev._disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

@media (min-width: 1024px) {
  .tabs_button_next,
  .tabs_button_prev {
    display: block;
  }
}

.tabs_button_prev {
  left: 0;
  -webkit-transform: translateY(-50%) scaleX(-1);
      -ms-transform: translateY(-50%) scaleX(-1);
          transform: translateY(-50%) scaleX(-1);
}

@media (pointer: fine) {
  .tabs_button_prev:hover {
    -webkit-transform: translateY(-50%) scale(-1.2, 1.2);
        -ms-transform: translateY(-50%) scale(-1.2, 1.2);
            transform: translateY(-50%) scale(-1.2, 1.2);
  }
}

.tabs_button_next {
  right: 0;
}

@media (pointer: fine) {
  .tabs_button_next:hover {
    -webkit-transform: translateY(-50%) scale(1.2);
        -ms-transform: translateY(-50%) scale(1.2);
            transform: translateY(-50%) scale(1.2);
  }
}

.cards {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cards_item {
  margin-top: 10px;
  padding-right: 10px;
  min-height: 85px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFF;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}

.cards_item:first-child {
  margin-top: 0;
}

.cards_item_left, .cards_item_right {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cards_item_left {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 26%;
          flex: 0 0 26%;
}

.cards_item_left:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 80%;
  background-color: #D1D3D3;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cards_item_left .title {
  color: #002e6d;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}

.cards_item_left .time {
  margin-top: 5px;
  color: #7b7b7b;
  font-size: 12px;
}

.cards_item_right {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 2;
      -ms-flex: 2 1 160px;
          flex: 2 1 160px;
}

.cards_item_right .title {
  margin-bottom: 2px;
  font-weight: bold;
  color: #000;
  font-size: 14px;
}

.cards_item_right .desc {
  font-size: 12px;
  color: #000;
}

.cards_item_btnArea {
  margin-left: auto;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0.5;
      -ms-flex: 0.5 0 80px;
          flex: 0.5 0 80px;
}

.cards_item_btnArea .button {
  width: 100%;
}

.cards_item .provider_icon {
  margin-bottom: 2px;
  max-width: 100px;
  width: 100%;
  height: auto;
}

.cards_item .country {
  margin-bottom: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cards_item .country:last-child {
  margin-bottom: 0;
}

.cards_item .country_name {
  margin-left: 10px;
  color: #000;
  font-size: 14px;
}

@media (min-width: 1024px) {
  .cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cards_item {
    margin-top: 24px;
    margin-right: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 12px);
            flex: 0 0 calc(50% - 12px);
  }
  .cards_item:nth-child(even) {
    margin-right: 0;
  }
  .cards_item:nth-child(2) {
    margin-top: 0;
  }
}

@media (min-width: 1360px) {
  .cards_item {
    padding-right: 25px;
  }
  .cards_item:before {
    content: "";
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    height: 100%;
    background-size: 150px 145px;
    background-position: 0 0;
    background-repeat: no-repeat;
  }
  .cards_item._sports:before {
    background-image: url(/Content/images/events/EuroSports/card_deco_sports.jpg);
  }
  .cards_item._casino:before {
    background-image: url(/Content/images/events/EuroSports/card_deco_casino.jpg);
  }
  .cards_item._games:before {
    background-image: url(/Content/images/events/EuroSports/card_deco_games.jpg);
  }
  .cards_item_left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18%;
            flex: 0 0 18%;
  }
  .cards_item_left .title {
    font-size: 16px;
  }
  .cards_item_left .time {
    font-size: 14px;
  }
  .cards_item_right {
    -webkit-box-flex: 2;
        -ms-flex: 2 1 230px;
            flex: 2 1 230px;
  }
  .cards_item_btnArea {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 110px;
            flex: 1 0 110px;
  }
}

.live {
  position: relative;
  margin-bottom: 5px;
  padding: 3px 6px;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, right top, from(#F7A800), to(#EA7200));
  background-image: linear-gradient(to right, #F7A800, #EA7200);
  font-size: 12px;
  font-weight: bold;
  z-index: 0;
}

.live:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(247, 168, 0, 0.3);
  border-radius: inherit;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: live_scale 1s ease-out infinite alternate;
          animation: live_scale 1s ease-out infinite alternate;
  z-index: -1;
}

@-webkit-keyframes live_scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@keyframes live_scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

.country_icon {
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  background-image: url(/Content/images/events/EuroSports/euro_country_sprite.jpg);
  background-repeat: no-repeat;
  background-size: 150px 150px;
}

.country_icon.icon_austria {
  background-position: -5px -5px;
}

.country_icon.icon_belgium {
  background-position: -35px -5px;
}

.country_icon.icon_croatia {
  background-position: -5px -35px;
}

.country_icon.icon_czechrepublic {
  background-position: -35px -35px;
}

.country_icon.icon_denmark {
  background-position: -65px -5px;
}

.country_icon.icon_england {
  background-position: -65px -35px;
}

.country_icon.icon_finland {
  background-position: -5px -65px;
}

.country_icon.icon_france {
  background-position: -35px -65px;
}

.country_icon.icon_frymacedonia {
  background-position: -65px -65px;
}

.country_icon.icon_germany {
  background-position: -95px -5px;
}

.country_icon.icon_hungary {
  background-position: -95px -35px;
}

.country_icon.icon_italy {
  background-position: -95px -65px;
}

.country_icon.icon_netherlands {
  background-position: -5px -95px;
}

.country_icon.icon_poland {
  background-position: -35px -95px;
}

.country_icon.icon_portugal {
  background-position: -65px -95px;
}

.country_icon.icon_russia {
  background-position: -95px -95px;
}

.country_icon.icon_scotland {
  background-position: -125px -5px;
}

.country_icon.icon_slovakia {
  background-position: -125px -35px;
}

.country_icon.icon_spain {
  background-position: -125px -65px;
}

.country_icon.icon_sweden {
  background-position: -125px -95px;
}

.country_icon.icon_tbd {
  background-position: -5px -125px;
}

.country_icon.icon_switzerland {
  background-position: -35px -125px;
}

.country_icon.icon_turkey {
  background-position: -65px -125px;
}

.country_icon.icon_ukraine {
  background-position: -95px -125px;
}

.country_icon.icon_wales {
  background-position: -125px -125px;
}

.loading {
  padding: 50px 0;
  position: relative;
}

.loading_ball_outter {
  margin: 0 auto;
  width: 65px;
  height: 195px;
  -webkit-animation: ball_bounce 0.5s ease-in infinite alternate;
          animation: ball_bounce 0.5s ease-in infinite alternate;
}

.loading_ball {
  width: 100%;
  height: auto;
  -webkit-animation: ball_rotate 1s ease-in-out infinite;
          animation: ball_rotate 1s ease-in-out infinite;
}

.loading_shadow {
  position: relative;
  margin: 0 auto;
  width: 65px;
  height: 30px;
  display: block;
  border-radius: 100%;
  background-color: #0C264B;
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
  z-index: -1;
  -webkit-animation: shadow_scale 0.5s ease-in infinite alternate;
          animation: shadow_scale 0.5s ease-in infinite alternate;
}

.loading_text {
  position: absolute;
  left: 50%;
  bottom: 20px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  font-size: 14px;
  letter-spacing: 2px;
}

.loading_text_dot {
  position: absolute;
  bottom: 0;
  right: -10px;
  font-weight: bold;
  -webkit-animation: loading_dot1 1s steps(3) infinite;
          animation: loading_dot1 1s steps(3) infinite;
}

.loading_text_dot:nth-child(2) {
  right: -20px;
  -webkit-animation-name: loading_dot2;
          animation-name: loading_dot2;
}

.loading_text_dot:nth-child(3) {
  right: -30px;
  -webkit-animation-name: loading_dot3;
          animation-name: loading_dot3;
}

@-webkit-keyframes ball_rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes ball_rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes ball_bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  90% {
    -webkit-transform: translateY(110px) scale(1, 1);
            transform: translateY(110px) scale(1, 1);
  }
  100% {
    -webkit-transform: translateY(130px) scale(1.2, 0.8);
            transform: translateY(130px) scale(1.2, 0.8);
  }
}

@keyframes ball_bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  90% {
    -webkit-transform: translateY(110px) scale(1, 1);
            transform: translateY(110px) scale(1, 1);
  }
  100% {
    -webkit-transform: translateY(130px) scale(1.2, 0.8);
            transform: translateY(130px) scale(1.2, 0.8);
  }
}

@-webkit-keyframes shadow_scale {
  0% {
    -webkit-transform: translateY(-10px) scale(0.5);
            transform: translateY(-10px) scale(0.5);
    opacity: 0.2;
  }
  90% {
    -webkit-transform: translateY(-10px) scale(0.9, 0.4);
            transform: translateY(-10px) scale(0.9, 0.4);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-10px) scale(1, 0.4);
            transform: translateY(-10px) scale(1, 0.4);
    opacity: 1;
  }
}

@keyframes shadow_scale {
  0% {
    -webkit-transform: translateY(-10px) scale(0.5);
            transform: translateY(-10px) scale(0.5);
    opacity: 0.2;
  }
  90% {
    -webkit-transform: translateY(-10px) scale(0.9, 0.4);
            transform: translateY(-10px) scale(0.9, 0.4);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-10px) scale(1, 0.4);
            transform: translateY(-10px) scale(1, 0.4);
    opacity: 1;
  }
}

@-webkit-keyframes loading_dot1 {
  0% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}

@keyframes loading_dot1 {
  0% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes loading_dot2 {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@keyframes loading_dot2 {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes loading_dot3 {
  0%,
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes loading_dot3 {
  0%,
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.luckyDraw {
  position: relative;
}

.luckyDraw:after {
  content: "";
  display: block;
  clear: both;
}

.luckyDraw_progress {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.luckyDraw_progress .button {
  margin-top: 30px;
  min-width: 110px;
  -ms-flex-item-align: center;
      align-self: center;
}

.luckyDraw_tips {
  padding: 30px 0 10px;
}

.luckyDraw_tips_title {
  margin-bottom: 20px;
  font-weight: bold;
}

.luckyDraw_tips_desc {
  font-size: 12px;
}

.luckyDraw_tips_link {
  margin-top: 30px;
  display: inline-block;
  text-decoration: underline;
  font-size: 12px;
}

@media (min-width: 1024px) {
  .luckyDraw_tips_title {
    font-size: 21px;
  }
  .luckyDraw_tips_desc {
    font-size: 14px;
  }
  .luckyDraw_tips_link {
    font-size: 16px;
  }
}

.luckyDraw_prize {
  padding: 10px;
  min-height: 500px;
  border-radius: 20px;
  background-image: url(/Content/images/events/EuroSports/prize_bg.jpg), -webkit-gradient(linear, left top, left bottom, from(#092f53), to(rgba(12, 38, 75, 0.5)));
  background-image: url(/Content/images/events/EuroSports/prize_bg.jpg), linear-gradient(to bottom, #092f53, rgba(12, 38, 75, 0.5));
  background-repeat: no-repeat;
  background-size: contain;
}

@media (min-width: 1024px) {
  .luckyDraw_progress, .luckyDraw_tips {
    margin-right: 3%;
    float: left;
    width: 42%;
  }
  .luckyDraw_prize {
    padding: 30px;
    float: right;
    width: 55%;
  }
}

.progress_date {
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  background-color: #0C264B;
}

.progress_date > span {
  margin-left: 10px;
  font-size: 12px;
}

@media (min-width: 1024px) {
  .progress_date > span {
    font-size: 14px;
  }
}

.progress_ticket {
  margin: 0 auto 20px;
  position: relative;
  width: 135px;
  height: 120px;
  -webkit-animation: ticket_floating 1.5s infinite ease-in-out;
          animation: ticket_floating 1.5s infinite ease-in-out;
  -webkit-transform: translate(-5px, 0);
      -ms-transform: translate(-5px, 0);
          transform: translate(-5px, 0);
}

.progress_ticket:before, .progress_ticket:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 120px;
  height: 60px;
  background-image: url(/Content/images/events/EuroSports/tickets_sprite.png);
  background-repeat: no-repeat;
  background-size: 130px 140px;
  -webkit-filter: drop-shadow(0 -3px 6px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 -3px 6px rgba(0, 0, 0, 0.2));
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}

.progress_ticket:before {
  background-position: -5px -5px;
  -webkit-transform: rotate(-35deg);
      -ms-transform: rotate(-35deg);
          transform: rotate(-35deg);
  -webkit-animation: ticket_back_rotate 3s cubic-bezier(0, 1.61, 1, 1.01) infinite alternate;
          animation: ticket_back_rotate 3s cubic-bezier(0, 1.61, 1, 1.01) infinite alternate;
}

.progress_ticket:after {
  background-position: -5px -75px;
  -webkit-animation: ticket_front_rotate 3s cubic-bezier(0, 1.61, 1, 1.01) infinite alternate;
          animation: ticket_front_rotate 3s cubic-bezier(0, 1.61, 1, 1.01) infinite alternate;
}

@media (min-width: 1024px) {
  .progress_ticket {
    margin: 30px auto 20px;
  }
}

@-webkit-keyframes ticket_back_rotate {
  0% {
    -webkit-transform: rotate(-17deg);
            transform: rotate(-17deg);
  }
  10%,
  100% {
    -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg);
  }
}

@keyframes ticket_back_rotate {
  0% {
    -webkit-transform: rotate(-17deg);
            transform: rotate(-17deg);
  }
  10%,
  100% {
    -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg);
  }
}

@-webkit-keyframes ticket_front_rotate {
  0% {
    -webkit-transform: rotate(-17deg);
            transform: rotate(-17deg);
  }
  10%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes ticket_front_rotate {
  0% {
    -webkit-transform: rotate(-17deg);
            transform: rotate(-17deg);
  }
  10%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes ticket_floating {
  0%,
  100% {
    -webkit-transform: translate(-5px, 0);
            transform: translate(-5px, 0);
  }
  50% {
    -webkit-transform: translate(-5px, -5px);
            transform: translate(-5px, -5px);
  }
}

@keyframes ticket_floating {
  0%,
  100% {
    -webkit-transform: translate(-5px, 0);
            transform: translate(-5px, 0);
  }
  50% {
    -webkit-transform: translate(-5px, -5px);
            transform: translate(-5px, -5px);
  }
}

.progress_title {
  margin-bottom: 20px;
  text-align: center;
}

.progress_title > b {
  color: #F7A800;
  font-weight: 900;
}

.progress_title > b._large {
  font-size: 21px;
}

@media (min-width: 1024px) {
  .progress_title {
    font-size: 21px;
  }
  .progress_title > b._large {
    font-size: 32px;
  }
}

.progress_bar {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.progress_bar_leftText, .progress_bar_rightText {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  font-size: 12px;
  text-align: center;
}

.progress_bar_outter {
  margin: 0 10px;
  position: relative;
  width: 100%;
  height: 20px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.3);
}

.progress_bar_inner {
  height: 100%;
  border-radius: 15px;
  background-color: #F7A800;
}

.progress_bar_amount {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 12px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (min-width: 1024px) {
  .progress_bar_leftText, .progress_bar_rightText, .progress_bar_amount {
    font-size: 14px;
  }
}

.progress_status_item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.progress_status_item:first-child {
  margin-bottom: 20px;
}

.progress_status_title {
  font-size: 14px;
  font-weight: 900;
}

.progress_status_amount {
  margin: 10px auto 0;
  padding: 8px;
  width: 80%;
  background-color: rgba(12, 38, 75, 0.5);
  border-radius: 50px;
  text-align: center;
  font-size: 12px;
}

.progress_status_amount > b {
  font-size: 21px;
  color: #00BFD6;
  font-weight: bold;
}

@media (min-width: 568px) {
  .progress_status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .progress_status_item:first-child {
    margin-bottom: 0;
  }
  .progress_status_amount {
    width: 95%;
  }
}

@media (min-width: 1024px) {
  .progress_status_title {
    font-size: 16px;
  }
  .progress_status_amount {
    font-size: 14px;
  }
}

.prize_list {
  padding-top: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.prize_item {
  margin: 5px 5px 0 0;
  padding: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 2.5px);
          flex: 0 0 calc(50% - 2.5px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(12, 38, 75, 0.7);
  border-radius: 10px;
}

.prize_item:nth-child(1), .prize_item:nth-child(2) {
  margin-top: 0;
}

.prize_item:nth-child(even) {
  margin-right: 0;
}

@media (min-width: 1360px) {
  .prize_item {
    margin: 10px 10px 0 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.333% - 6.666px);
            flex: 0 0 calc(33.333% - 6.666px);
  }
  .prize_item:nth-child(3) {
    margin-top: 0;
  }
  .prize_item:nth-child(even) {
    margin-right: 10px;
  }
  .prize_item:nth-child(3n) {
    margin-right: 0;
  }
}

.prize_name {
  font-size: 12px;
}

.prize_name > span {
  color: #a4a4a4;
}

@media (min-width: 1024px) {
  .prize_name {
    font-size: 14px;
  }
}

.prize_icon {
  margin-right: 10px;
  padding-top: 5px;
  width: 30px;
  height: 38px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  background-image: url(/Content/images/events/EuroSports/prize_sprite.png);
  background-repeat: no-repeat;
  background-size: 160px 48px;
  text-align: center;
  font-size: 14px;
}

.prize_icon.icon_gold {
  background-position: -5px -5px;
}

.prize_icon.icon_silver {
  background-position: -45px -5px;
}

.prize_icon.icon_bronze {
  background-position: -85px -5px;
}

.prize_icon.icon_general {
  background-position: -125px -5px;
}

.winnerList {
  margin: 0 -15px 40px;
  padding: 20px 25px;
  position: relative;
  background-color: rgba(12, 38, 75, 0.5);
  overflow: hidden;
}

.winnerList_title {
  margin-bottom: 15px;
  font-weight: bold;
  text-align: center;
}

.winnerList_container {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.winnerList_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: 1;
}

.winnerList_group {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: grid;
  row-gap: 5px;
  grid-template-rows: repeat(10, minmax(40px, 1fr));
}

.winnerList_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(12, 38, 75, 0.7);
  border-radius: 10px;
  font-size: 12px;
}

@media (min-width: 1024px) {
  .winnerList {
    margin: 0 auto 40px;
    padding: 20px 40px;
    border-radius: 20px;
  }
  .winnerList_title {
    font-size: 21px;
    text-align: left;
  }
  .winnerList_item {
    font-size: 14px;
  }
}

.winner_order {
  padding: 10px 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  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;
  background-color: #002e6d;
  border-radius: 10px 0 0 10px;
}

@media (min-width: 1360px) {
  .winner_order {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
}

.winner_name {
  padding: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: break-word;
}

.winner_prize {
  padding: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.winnerList_container_android .winnerList_group,
.winnerList_wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.winnerList_container_pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.winnerList_button_next,
.winnerList_button_prev {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  background-image: url(/Content/images/events/EuroSports/euro_fixture_next_prev.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  outline: none;
}

.winnerList_button_next._disabled,
.winnerList_button_prev._disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.winnerList_button_prev {
  left: 7px;
  -webkit-transform: translateY(-50%) scaleX(-1);
      -ms-transform: translateY(-50%) scaleX(-1);
          transform: translateY(-50%) scaleX(-1);
}

@media (pointer: fine) {
  .winnerList_button_prev:hover {
    -webkit-transform: translateY(-50%) scale(-1.2, 1.2);
        -ms-transform: translateY(-50%) scale(-1.2, 1.2);
            transform: translateY(-50%) scale(-1.2, 1.2);
  }
}

@media (min-width: 1024px) {
  .winnerList_button_prev {
    left: 15px;
  }
}

.winnerList_button_next {
  right: 7px;
}

@media (pointer: fine) {
  .winnerList_button_next:hover {
    -webkit-transform: translateY(-50%) scale(1.2);
        -ms-transform: translateY(-50%) scale(1.2);
            transform: translateY(-50%) scale(1.2);
  }
}

@media (min-width: 1024px) {
  .winnerList_button_next {
    right: 15px;
  }
}