.event-tiles-wrap {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.event-tiles-wrap+.sb-header {
    margin-top: 0
}

.event-tiles {
    display: flex;
    margin: 0em -.45455em
}

.event-tiles__item {
    padding: .45455em .45455em .18182em 0em
}

.event-tiles__item+.event-tiles__item {
    padding-left: .90909em
}

.event-tiles .event-tile {
    height: 100%
}

.event-tiles *,
.event-tiles *:before,
.event-tiles *:after {
    box-sizing: border-box
}

.event-tiles_grid {
    flex-wrap: wrap;
    padding-bottom: 0;
    margin: 0 -5px
}

.event-tiles_grid .event-tiles__item {
    flex: 0 1 25%;
    padding: 5px
}

.event-tiles--small {
    flex-wrap: wrap
}

.event-tiles--small .event-tiles__item {
    padding: .45455em .45455em .18182em
}

.event-tiles--row {
    flex-wrap: nowrap
}

.event-tiles.scrollbar::-webkit-scrollbar {
    height: .72727em;
    background-color: rgba(255, 255, 255, 0.7)
}

.event-tiles.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(61, 61, 61, 0.5)
}

.event-tile {
    display: flex;
    flex-direction: column;
    min-width: 35.45455em;
    border: 1px solid #3373b4;
    color: #fff;
    background: linear-gradient(to right, #0d2e4c 0%, #316aa7 50%, #0d2e4c 100%)
}

.event-tile__content,
.event-tile__header {
    display: flex
}

.event-tile__header {
    height: 2.72727em
}

.event-tile__content {
    min-height: 4em
}

.event-tile__header {
    padding: .54545em .72727em;
    background-color: #0d2e4c
}

.event-tile__title {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.event-tile__title+.event-tile__title {
    text-align: right;
    margin-left: 5px
}

.event-tile__team {
    display: flex;
    flex: 0 1 50%;
    align-items: center;
    padding: .72727em;
    border-width: 1px 0;
    border-style: solid;
    border-color: #3373b4;
    background-color: #234669
}

.event-tile__team+.event-tile__team {
    border-left-width: 1px
}

.event-tile__img {
    flex: 0 0 auto;
    width: 2.90909em;
    height: 2.90909em
}

.event-tile__img img {
    width: 100%;
    height: auto
}

.event-tile__count {
    display: flex;
    background-color: #fff;
    color: #0d2e4c
}

.event-tile__count_ended {
    background-color: #0d2e4c;
    color: #a6e53c
}

.event-tile__num {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .625em;
    max-width: 3.875em;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #3373b4;
    font-size: 1.45455em
}

.event-tile__num+.event-tile__num {
    border-right-width: 1px
}

.event-tile__name {
    flex: 1 1 auto;
    padding-right: .90909em;
    padding-left: .90909em;
    text-align: center
}

.event-tile__icon {
    width: 1.18182em;
    height: 1.18182em;
    fill: #fff
}

.event-tile__icon+.event-tile__link {
    margin-left: .45455em
}

.event-tile__link {
    text-decoration: underline;
    color: inherit;
    transition: opacity 0.3s ease
}

.event-tile__link--accent {
    text-transform: uppercase;
    color: #a6e53c
}

.event-tile__link--anim-appear {
    opacity: 0
}

.event-tile--small .event-tile__link {
    display: block;
    text-align: center;
    margin-right: auto
}

.event-tile--small .event-tile__tablo:before {
    display: none
}

.event-tile--small .event-tile__content {
    flex: 1 1 auto;
    min-height: 2.72727em
}

.event-tile--small .event-tile-tablo {
    position: relative;
    flex-direction: row;
    padding: 0;
    min-height: 2.72727em;
    overflow: hidden
}

.event-tile--small .event-tile-tablo__content,
.event-tile--small .event-tile-tablo__footer {
    padding: .54545em .72727em
}

.event-tile--small .event-tile-tablo__content {
    transition: opacity 0.25s ease, transform 0.25s ease
}

.event-tile--small .event-tile-tablo__footer {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    transform-origin: 50% 50%;
    transition: transform 0.2s 0.12s ease, opacity 0.2s 0.12s ease
}

.event-tile--small .event-tile-tablo__content {
    flex: 1 1 auto;
    flex-direction: row;
    justify-content: space-between;
    padding: .54545em .72727em
}

.event-tile--small .event-tile-tablo__header {
    display: none
}

.event-tile--small .event-tile-tablo:hover .event-tile-tablo__content {
    opacity: 0;
    transform: scaleX(2)
}

.event-tile--small .event-tile-tablo:hover .event-tile-tablo__footer {
    opacity: 1;
    transform: none
}

.event-tile--small .event-tile-tablo:hover .event-tile__link {
    opacity: 1
}

.event-tile--small .event-odds__item {
    flex: 1 1 auto
}

.event-tile--small .event-odds__item:not(:last-child) {
    margin: 0 3px 0 0
}

.event-tile--small .event-odds__content {
    display: flex
}

.event-tile-tablo {
    display: flex;
    position: relative;
    z-index: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.27273em 1.36364em 0em;
    line-height: 1.5
}

.event-tile-tablo::before {
    content: '';
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    width: 24%;
    height: 40%;
    background: url("/genfiles/cms/1/desktop/event-tile/event-tiles-tablo-bg.png") no-repeat top center/cover;
    transform: translateX(-50%);
    transition: opacity .25s ease-in-out
}

.event-tile-tablo__info {
    text-transform: uppercase
}

.event-tile-tablo__info_marked {
    color: #82c8ff
}

.event-tile-tablo__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.event-tile-tablo__footer {
    padding-top: 1.36364em;
    padding-bottom: 1.36364em
}

.event-tile-tablo__icons {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: space-between;
    padding: .45455em .90909em;
    width: 100%;
    height: 2.27273em
}

.event-tile-tablo__ico+.event-tile-tablo__ico {
    margin-left: .45455em
}

.event-tile-tablo__ico_video,
.event-tile-tablo__ico_zone {
    cursor: pointer;
    width: 1.90909em;
    height: 1.18182em
}

.event-tile-tablo__ico_video {
    background: url("/genfiles/cms/1/desktop/event-tile/Icon_live.svg") no-repeat
}

.event-tile-tablo__ico_zone {
    background: url("/genfiles/cms/1/desktop/event-tile/p05.svg") no-repeat
}

.event-tile-tablo__ico_live {
    display: flex;
    align-items: center;
    padding: .55556em 1.11111em;
    border-radius: 3px;
    background-color: #76ad18;
    text-transform: uppercase;
    font-size: .5625em;
    font-weight: 700;
    line-height: 1;
    color: #fff
}

.event-tile-tablo__ico_live::before {
    content: '';
    display: block;
    width: 1.33333em;
    height: 1.33333em;
    margin-right: 1.11111em;
    border-radius: 50%;
    background-color: #fff
}

.event-tile-tablo_no-bg {
    padding: 5em 1.66667em 2.77778em
}

.event-tile-tablo_no-bg::before {
    display: none
}

.event-tile-tablo:hover .event-tile__link {
    opacity: 1
}

.event-tile-tablo:hover::before {
    opacity: 0
}

.event-tile-cols {
    display: flex
}

.event-tile-cols__item {
    display: flex;
    flex: 0 0 33.333%
}

.event-tile-cols__item+.event-tile-cols__item {
    justify-content: center
}

.event-tile-cols__item:last-child {
    justify-content: flex-end
}

.event-odds__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .625em;
    color: #82c8ff;
    padding-left: .625em
}

.event-odds__title {
    text-transform: uppercase
}

.event-odds__content {
    padding: .625em
}

.event-odds__item {
    display: flex;
    position: relative;
    z-index: 0;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    padding: .625em;
    overflow: hidden;
    border-radius: 1px;
    transition: background-color 0.25s ease;
    box-shadow: 0px 0px 2px 0px #27588d
}

.event-odds__item:not(:last-child) {
    margin-bottom: 3px
}

.event-odds__item:hover {
    background-color: #3373b4
}

.event-odds__item::before,
.event-odds__item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: inherit
}

.event-odds__item::before {
    opacity: 0.5;
    background-color: #3373b4;
    transition: opacity 0.25s ease
}

.event-odds__item::after {
    opacity: 0;
    transition: opacity 1s ease-in-out
}

.event-odds__item.gc_lite::after,
.event-odds__item.rc_lite::after {
    opacity: 0.5
}

.event-odds__item.gc_lite::after {
    box-shadow: inset 0 3px 0 0 #1ba71d;
    background-color: #056b0a
}

.event-odds__item.rc_lite::after {
    box-shadow: inset 0 -3px 0 0 #de2b40;
    background-color: #821215
}

.event-odds__switch {
    display: flex;
    align-items: center;
    line-height: 1
}

.event-odds__control {
    cursor: pointer;
    padding: .3125em .625em;
    transform: translateZ(0);
    transition: transform 0.25s ease
}

.event-odds__control:hover {
    color: #a6e53c
}