.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 6px; padding-left: 6px; } .col-12 { flex: 0 0 100%; max-width: 100%; } .row { display: flex; flex-wrap: wrap; margin-right: -6px; margin-left: -6px; } *, *::before, *::after { box-sizing: border-box; } html { font-size: calc(16 / 414 * 100vw); } svg:not(:root) { overflow: hidden; } svg { width: 100%; height: 100%; } img { max-width: 100%; max-height: 100%; border-style: none; } html, body { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; font-weight: 400; font-size: 16px; font-family: "Raleway", sans-serif; line-height: 1.25; -webkit-overflow-scrolling: touch; font-feature-settings: 'pnum' on, 'lnum' on; } a { color: currentColor; text-decoration: none; background-color: transparent; } button { margin: 0; font-size: 100%; font-family: inherit; line-height: 1.15; } .swiper-container { position: relative; z-index: 1; margin-right: auto; margin-left: auto; overflow: hidden; list-style: none; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 0.375em; padding-left: 0.375em; } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; margin-right: auto; margin-left: auto; padding-right: 0.375em; padding-left: 0.375em; } .header { position: relative; } .header__logo { width: 7.938em; height: 1.25em; } .logo__image { position: relative; right: 0.125em; bottom: 0.25em; width: 7.9375em; height: 1.25em; } .top-menu { display: flex; align-items: center; justify-content: space-between; height: 3em; background-color: #f8f8fb; border-bottom: 1px solid #ebebeb; } .top-menu__wrapper { display: flex; align-items: center; justify-content: center; padding-right: 1.563em; padding-left: 1.688em; } .top-menu__logo-wrapper { min-width: 6.25em; } .top-menu__list { display: none; } .top-menu__item--inactive { opacity: 0.5; pointer-events: none; } .top-menu__item.gift-wrapper svg { width: 1em; } .top-menu__link { padding-right: 1.25em; padding-left: 1.25em; color: #515156; font-weight: 700; font-size: 0.75em; white-space: nowrap; text-transform: uppercase; text-decoration: none; transition: color 0.3s; user-select: none; } .top-menu__link:hover { color: #000000; } .top-menu__link.nuxt-link-active { color: #37b34a; } .breadcrumbs { width: 100%; } .breadcrumbs__list { display: flex; flex-wrap: wrap; width: 100%; height: auto; margin: 1em 0 0; padding-right: 0.75em; padding-left: 0.375em; } .breadcrumbs__item { display: flex; flex-shrink: 0; align-items: center; min-width: 0; list-style: none; } .breadcrumbs__item:last-child { flex-shrink: 1; pointer-events: none; } .breadcrumbs__item:last-child .breadcrumbs__delimeter { display: none; } .breadcrumbs__link { overflow: hidden; color: #7a7c80; font-weight: 600; font-size: 0.875em; line-height: 1.85714em; white-space: nowrap; text-decoration: none; text-overflow: ellipsis; user-select: none; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .breadcrumbs__link:hover { color: #2c8e3b; } .breadcrumbs__delimeter { display: block; flex-shrink: 0; width: 0.375em; margin-right: 0.8125em; margin-left: 0.8125em; color: #7a7c80; } .article { padding: 2.375em 0.375em 1.5em; } .article__meta { margin-bottom: 1.5em; color: #7d7d7d; font-weight: 600; font-size: 0.8125em; line-height: 1.15385em; } .article__charges { padding-bottom: 0; } .article__date { font-weight: 700; } .article__link { display: inline-block; } .article__link:not(:last-child) { margin-right: 0.9375em; margin-bottom: 0.625em; } .article__content h1 { margin-bottom: 1em; font-weight: 600; font-size: 1.375em; line-height: 1.36364em; } .article__content p { margin-top: 1.625em; margin-bottom: 1.625em; font-size: 1em; line-height: 1.625em; } .article__content h2 { margin-top: 1.25em; margin-bottom: 1.25em; font-weight: 600; font-size: 1.125em; line-height: 1.5; } .article__content h3 { margin-top: 1.25em; margin-bottom: 1.25em; font-weight: 600; font-size: 1em; line-height: 1.6; } .article__content h4 { margin-top: 1.25em; margin-bottom: 1.25em; font-weight: 600; font-size: 0.875em; line-height: 1.3; } .article__content h5 { margin-top: 1.25em; margin-bottom: 1.25em; font-weight: 600; font-size: 1em; line-height: 1.6; } .article__content h6 { margin-top: 1.25em; margin-bottom: 1.25em; font-weight: 600; font-size: 1em; line-height: 1.6; } .article__content img { max-width: 100%; border-radius: 0.75em; } .article__content blockquote, .article__content cite { position: relative; display: block; margin: 1.75em auto; padding: 1.125em 1.25em 1.25em 1.25em; font-weight: normal; font-size: 1em; font-style: italic; line-height: 1.75em; letter-spacing: 0.01em; background-color: #f8f8fb; border-radius: 0.75em; } .article__content blockquote::after, .article__content cite::after { position: absolute; right: 1.5em; bottom: -0.75em; width: 1.5em; height: 1.5em; background-image: url('#{$imgPath}quote.svg'); background-repeat: no-repeat; background-size: contain; content: ''; } .article__content blockquote::before, .article__content cite::before { position: absolute; top: -1em; left: 1.375em; width: 1.5em; height: 1.5em; background-image: url('#{$imgPath}quote.svg'); background-repeat: no-repeat; background-size: contain; transform: rotate(180deg); content: ''; } .article__content iframe { display: block; max-width: 100%; } .article__content a { color: #37b34a; text-decoration: none; transition: color 0.3s; } .article__content a:hover { color: #2c8e3b; } .article__content ul, .article__content ol { margin-top: -0.625em; margin-bottom: 1.875em; padding-top: 0.25em; padding-left: 1em; } .article__content li { margin-bottom: 0.5em; font-weight: normal; font-size: 1em; line-height: 1.4; } .article__content li::marker { width: 0.813em; margin-right: 4px; color: #37b34a; font-weight: bold; font-variant-numeric: inherit; } .article__image-wrap { position: relative; line-height: 0; border-radius: 0.75em; } .article__caption { position: absolute; bottom: 0; left: 0; margin: 0; padding: 0.41667em 1.25em; font-size: 0.75em; line-height: 1; background-color: #d5dce0; border-radius: 0.33333em; border-bottom-left-radius: 0.83333em; } .section { width: 100%; } .mobile-menu--active .mobile-menu__inner { display: block; } .mobile-menu--active .bottom-bar__item--menu { color: #37b34a; } .mobile-menu__bottom-bar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 5; } .bottom-bar { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 3.75em; background-color: #f8f8fb; border-top: 1px solid #ebebeb; transition: left 0.3s; } .bottom-bar__item { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 25%; height: 100%; margin: 0; padding: 0.1875em 0 0; color: #000000; text-decoration: none; background-color: transparent; border: none; } .bottom-bar__icon { width: 1.25em; height: 1.25em; margin-bottom: 0.25em; } .bottom-bar__text { color: #a4a4a4; font-weight: 400; font-size: 0.8125em; } .mobile-menu__inner { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 4; display: none; background-color: #1d1d1d; transition: 0.3s; } .mobile-menu__head { display: flex; align-items: center; justify-content: center; width: 100%; height: 3.0625em; background-color: #f8f8fb; border-bottom: 1px solid #ebebeb; } .mobile-menu__logo { position: relative; right: 0.0625em; bottom: 0.125em; width: 7.9375em; height: 1.25em; } .mobile-menu__close { position: absolute; top: 0.875em; right: 0.875em; width: 1.25em; height: 1.25em; } .mobile-menu__nav { position: relative; height: 100%; padding-bottom: 3.75em; overflow: auto; } .mobile-menu__list { margin: 0; padding: 0; } .mobile-menu__item { display: block; width: 100%; height: 3em; } .mobile-menu__item--inactive { opacity: 0.5; pointer-events: none; } .mobile-menu__link, .mobile-menu__heading { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 0 1.25em; color: #ffffff; text-decoration: none; } .mobile-menu__text { display: flex; align-items: center; justify-content: flex-start; } .mobile-menu__icon { width: 0.5em; height: 0.875em; color: #7c7c7c; } .section__heading { position: relative; display: flex; align-items: center; width: 100%; padding: 0.75em 0.75em 0.75em 0; } .section__content { margin-top: 0.5em; margin-bottom: 1em; } .section__icon { flex-shrink: 0; width: 1em; max-width: 100%; margin-right: 1em; margin-left: 0.5em; } .section__icon--corner { position: absolute; top: -0.5625em; left: 0.4375em; width: 1.125em; } .section__title { margin: 0; font-weight: 600; font-size: 1.125em; line-height: 1.55556em; } .link-next { display: flex; align-items: flex-start; color: #37b34a; white-space: nowrap; text-transform: uppercase; text-decoration: none; transition: 0.3s; } .section__link { display: flex; align-items: center; margin-left: auto; } .link-next__text { display: inline-block; height: 100%; margin-right: 0.375em; font-weight: 700; font-size: 0.75em; line-height: 1.58333em; } .link-next__icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 0.3125em; height: 1.125em; padding-bottom: 0.0625em; stroke: #37b34a; } .layout__page { width: 100%; } .news-card { position: relative; display: flex; flex-direction: column; } .news-card__image { width: 100%; max-width: 100%; height: auto; margin-bottom: 0.5em; -o-object-fit: cover; object-fit: cover; border-radius: 0.5em; } .section__card { margin-right: 0.375em; margin-bottom: 1.5em; margin-left: 0.375em; } .news-card__wrapper { margin-bottom: 0; } .news-card__meta { margin-top: 0; margin-bottom: 0.75em; } .news-card__date { color: #7d7d7d; font-weight: 600; font-size: 0.8125em; line-height: 1.15385em; } .news-card__category { color: #7d7d7d; font-weight: 400; font-size: 0.75em; line-height: 1.25em; } .news-card__link { position: relative; z-index: 1; } .news-card__heading { display: block; margin-bottom: 0.5em; color: #000000; font-weight: 600; font-size: 1.125em; line-height: 1.55556em; text-decoration: none; transition: 0.3s; } .news-card__description { display: block; font-weight: 400; font-size: 0.875em; line-height: 1.71429em; letter-spacing: 0.01em; } .footer { background-color: #f8f8fb; border-top: 1px solid #ebebeb; } .footer__wrapper { margin-top: 1.25em; padding: 1.125em 0.9375em 4.875em 1.125em; } .footer__logo { margin-bottom: 1.5em; padding-left: 6px; } .footer-content { margin-top: 1.5em; } .logo__image { position: relative; right: 0.125em; bottom: 0.25em; width: 7.9375em; height: 1.25em; } .footer-nav__list { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; max-width: 18.75em; height: 100%; margin: 0 2.5em 0 0; padding-left: 0; list-style: none; } .footer-nav__item { margin-right: 2.1875em; } .footer-nav__link { display: flex; align-items: center; justify-content: center; margin-bottom: 0.75em; color: #515156; font-weight: 700; font-size: 0.75em; line-height: 2.5em; text-transform: uppercase; text-decoration: none; } .footer-socials__list { display: flex; justify-content: flex-start; margin: 0; padding-left: 0; list-style: none; } .footer-socials__item { margin-right: 0.75em; margin-left: 0; } .footer-socials__link { display: flex; align-items: center; justify-content: center; width: 2em; height: 2em; padding: 0.375em; color: #000000; background-color: #e4e6ed; border-radius: 0.5em; transition: color 0.3s; } .footer-socials__link--no-icon { color: #000000; font-weight: 700; text-decoration: none; background: transparent; border: 1px solid #e3e6ef; } .footer-socials__link--no-follow { pointer-events: none; } .footer-content a { color: #37b34a; text-decoration: none; transition: color 0.3s; } .footer-content p { margin: 0; color: #797979; font-size: 0.8125em; line-height: 1.38462em; letter-spacing: 0.01em; } .footer-content a:hover { color: #2c8e3b; } .footer-content__link { display: inline-block; margin-top: 1em; margin-right: 1.25em; color: #37b34a; font-size: 0.875em; line-height: 1.71429em; text-decoration: none; transition: color 0.3s; } .slider__item { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-around; height: 100%; padding: 1.25em; border-radius: 0.75em; } .slider__title { display: block; width: 100%; height: 1.28571em; margin-bottom: 0.35714em; overflow: hidden; font-size: 0.875em; line-height: 1.28571em; text-align: center; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .slider__date { display: block; width: 100%; margin-bottom: 0.76923em; color: #7d7d7d; font-size: 0.8125em; line-height: 1.38462em; text-align: center; } .slider__item-wrapper { display: flex; flex-direction: row; justify-content: center; } .slider__team { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 36%; } .slider__middle { display: flex; flex-direction: column; flex-shrink: 0; align-items: center; justify-content: flex-start; margin: 0 1.25em; padding-top: 0.4375em; } .slider__team { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 36%; } .slider__logo { width: 2em; margin-bottom: 0.75em; } .slider__name { display: inline-block; min-height: 2.57143em; font-weight: bold; font-size: 0.875em; line-height: 1.28571em; text-align: center; } .slider__heading { color: #7d7d7d; font-weight: 600; font-size: 1.125em; line-height: 1.55556em; } .slider__heading--active { color: #000000; } .slider__subheading { color: #7d7d7d; font-size: 0.8125em; line-height: 1.38462em; } amp-instagram { border: 1px solid #e3e6ef; border-radius: 8px; } .match-card { overflow: hidden; background-color: #f8f8fb; border: 1px solid #e3e6ef; border-radius: 0.75em; } .match-card__group { padding: 0.75em 0.75em 0.6875em 0.75em; background-color: #f8f8fb; border-top-color: transparent; border-bottom: 1px solid #e3e6ef; } .match-card__group--rounded { padding: 0.75em 0.75em 0.625em 0.75em; border-radius: 0.75em; } .match-card__heading { height: auto; font-weight: bold; font-size: 0.875em; line-height: 1.28571em; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .match-card__sub-heading { display: block; width: 92%; height: auto; margin: 0.25em auto; color: #7d7d7d; font-size: 0.8125em; line-height: 1.38462em; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .match-card--with-thumbnail { margin-bottom: 1.25em; } .club-list { width: 100%; } .club-list--offset { margin-bottom: 0.5em; } .club-list__score { display: inline-block; margin-right: 0.71429em; margin-left: auto; font-weight: 700; font-size: 0.875em; } .club-list__item { display: flex; flex-grow: 1; align-items: center; width: 100%; } .club-list__item:not(:last-child) { margin-bottom: 0.1875em; } .club-list__logo { width: 2em; height: 2em; margin-right: 0.75em; } .club-list__name { font-weight: bold; font-size: 0.875em; line-height: 1.28571em; } .rates-wrapper { display: flex; justify-content: space-between; padding-top: 0.75em; } .rates-group { position: relative; display: flex; flex-grow: 3; overflow: hidden; border: 1px solid #e3e6ef; border-radius: 0.5em; } .rates-group__item { position: relative; display: flex; flex: 1 1 auto; flex-direction: column; align-items: center; justify-content: center; width: 4em; height: 3.4375em; background-color: #ffffff; border-radius: 0; } .rates-group__item:not(:last-child) { border-right: 1px solid #e3e6ef; } .rates-group__item:first-child { border-left-color: transparent; } .rate__link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; } .rate__legend { color: #9a9a9a; font-weight: 600; font-size: 0.75em; line-height: 1.16667em; } .rate__value { font-weight: 600; font-size: 1em; line-height: 1.625em; } .rate { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 4.0625em; height: 3.4375em; background-color: #edf5ef; border: 1px solid #37b34a; border-radius: 0.5em; } .rates-wrapper__rate { flex-grow: 1; margin-left: 0.75em; } .rate__corner { position: absolute; top: -0.0625em; right: -0.0625em; display: block; width: 1.25em; height: 1.25em; } .big-rate { border-bottom: none; } .big-rate__heading { display: flex; align-items: center; justify-content: space-between; } .big-rate__title { margin: 0; font-size: 0.875em; line-height: 1.42857em; } .big-rate__title--bold { font-weight: 700; } .big-rate__content { display: flex; flex-wrap: wrap; margin-right: -6px; margin-left: -6px; } .col-6 { flex: 0 0 50%; max-width: 50%; padding-right: 6px; padding-left: 6px; } .big-rate__subtitle { display: block; margin-top: 0.75em; color: #000000; font-size: 0.875em; line-height: 1.14286em; } .big-rate__content--sliding { margin-right: -0.75em; padding-bottom: 0.3125em; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .big-rate__link { align-items: center; cursor: pointer; } .big-rate__item { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; height: 3.75em; margin-top: 0.9375em; padding: 0.75em 1em 0.625em 0.625em; background-color: #e3e6ef; border: 1px solid #e3e6ef; border-radius: 0.5em; transition: background-color 0.3s; } .big-rate-single__value { position: relative; } .big-rate-single__text { color: #000000; font-weight: bold; font-size: 1.25em; line-height: 1.15em; } .big-rate-single__up { position: absolute; top: 0; right: -0.875em; display: none; width: 0.5625em; height: 0.5em; } .big-rate-single__down { position: absolute; right: -0.875em; bottom: 0; display: none; width: 0.5625em; height: 0.5em; } .big-rate-single__legend { color: #000000; font-size: 0.875em; line-height: 1.71429em; } .big-rate-single__sub-legend { position: absolute; top: 0.375em; right: 0.375em; color: #9a9a9a; font-size: 0.75em; line-height: 1.16667em; } .like-counter-btn__wrapper { } .like-counter-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 3.75em; margin-top: 0.9375em; background-color: transparent; border: 1px solid #e3e6ef; border-radius: 0.5em; pointer-events: auto; } .like-counter-btn__wrapper--unavailibale { pointer-events: none; } .like-counter-btn__icon { color: #515156; } .like-counter-btn__icon svg { width: 1.25em; margin-right: 0.625em; } .like-counter-btn__counter { display: none; padding: 0.1875em 0.3125em; color: #ffffff; font-weight: bold; font-size: 0.875em; line-height: 1.28571em; background-color: #37b34a; border-radius: 0.5em; transition: 0.3s background-color, 0.3s color; font-feature-settings: "lnum"; font-variant-numeric: lining-nums; } .like-counter-btn__counter--hidden { display: block; } .like-counter-btn__wrapper--unavailibale .like-counter-btn__counter { display: block; } .like-counter-btn__wrapper--unavailibale .like-counter-btn__counter--hidden { display: none; } .like-counter-btn__wrapper--unavailibale .like-counter-btn__counter { color: #444444; background-color: #e4e6ed; } .article__content p { margin-top: 1.625em; margin-bottom: 1.625em; font-size: 1em; line-height: 1.625em; } .article__author { font-style: italic; } .tabs__wrapper { position: relative; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 0.625em; padding: 0.25em; background-color: #ffffff; border: 1px solid #e3e6ef; border-radius: 0.75em; } .tabs__list { display: flex; margin: 0; padding-left: 0; list-style: none; -ms-overflow-style: none; scrollbar-width: none; } .tabs__item { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-right: 0.5em; } .c-radio { position: relative; } .c-radio__label { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } .c-radio__input { display: none; } .tabs__link { display: flex; align-items: center; padding: 0.6875em 0.75em; color: #000000; font-weight: bold; font-size: 0.75em; line-height: 1; letter-spacing: 0.04em; white-space: nowrap; text-transform: uppercase; text-decoration: none; background-color: transparent; border: none; border-radius: 0.5em; cursor: pointer; transition: background-color 0.3s, color 0.3s; } .tabs__link--active { background-color: #e3e6ef; pointer-events: none; } .statistics { box-sizing: border-box; background-color: #f8f8fb; border: 1px solid #e3e6ef; border-radius: 12px; } .statistics__content { padding: 0.75em; } .statistics__row { display: flex; flex-direction: column; flex-wrap: wrap; margin-top: 0.75em; margin-right: -0.375em; margin-left: -0.375em; } .statistics__row--center { align-items: center; } .statistics__subtitle { margin-top: 1.25em; margin-bottom: 1em; text-align: left; } .statistics__font--2 { font-weight: 600; font-size: 1em; line-height: 1.25em; } .times-table__wrapper { background-color: #ffffff; border: 1px solid #e3e6ef; border-radius: 0.75em; } .statistics__row-item { flex: 0 0 100%; width: 100%; max-width: 100%; padding-right: 0.375em; padding-left: 0.375em; } .tabs--xl .tabs__list { width: 100%; } .tabs__link--active { background-color: #e3e6ef; pointer-events: none; } .tabs--xl .tabs__link { justify-content: center; padding: 1.5625em 2.5em; } figure { position: relative; margin: 0; } figcaption { position: absolute; bottom: 0; left: 0; margin: 0; padding: 0.41667em 1.25em; font-size: 0.75em; line-height: 1; background-color: #d5dce0; border-radius: 0.33333em; border-bottom-left-radius: 0.83333em; } .times-table__item { position: relative; padding: 0.5em 1.25em; } .times-table__item:not(:last-child) { border-bottom: 1px solid #e3e6ef; } .times-table__item::before { position: absolute; top: 50%; left: 0; width: 0.1875em; height: 2.8125em; background-color: #d5dce0; transform: translateY(-50%); content: ''; } .times-table__item--success::before { background-color: #37b34a; } .times-table__item--fail::before { background-color: #ff0000; } .times-table__row--top { display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 0.3125em; } .times-table__logo { width: 1.25em; height: 1.25em; margin-right: 0.3125em; -o-object-fit: cover; object-fit: cover; } .times-table__title--bold { font-weight: bold; } .times-table__score { margin-left: auto; padding: 0.1875em 0.375em; white-space: nowrap; background-color: #f8f8fb; border-radius: 0.5em; } .times-table__score--bold { font-weight: bold; } .times-table__row--bottom { display: flex; align-items: flex-end; justify-content: flex-start; } .times-table__meta { color: #7d7d7d; font-size: 0.8125em; line-height: 1.15385em; } .times-table__meta:not(:last-child) { margin-right: 0.38462em; } .statistics__match-info { margin-bottom: 0.75em; } .match-info__wrapper { display: flex; background-color: #ffffff; border: 1px solid #e3e6ef; border-radius: 0.75em; } .match-info__item { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 25%; height: 3.4375em; } .match-info__item--hockey { width: 33.33%; } .match-info__item:not(:last-child) { border-right: 1px solid #e3e6ef; } .match-info__title { color: #7d7d7d; font-size: 0.6875em; line-height: 1.36364em; } .match-info__value { color: #000000; font-weight: 600; font-size: 1em; line-height: 1.625em; } .score-by-time__wrapper { display: flex; overflow: hidden; background-color: #ffffff; border: 1px solid #e3e6ef; border-radius: 0.75em; } .score-by-time__item { position: relative; display: flex; flex: 1 1 auto; flex-direction: column; } .score-by-time__item:not(:last-child) { border-right: 1px solid #e3e6ef; } .score-by-time__item:first-child::before { position: absolute; top: 50%; left: 0; z-index: 2; width: 1.4375em; height: 1.4375em; color: #000000; font-weight: 600; font-size: 0.875em; line-height: 1.5; text-align: center; background-color: #e3e6ef; border-radius: 50%; transform: translate(-50%, -50%); content: ''; } .score-by-time__item::after { position: absolute; top: 50%; right: 0; z-index: 2; width: 1.4375em; height: 1.4375em; color: #000000; font-weight: 600; font-size: 0.875em; line-height: 1.5; text-align: center; background-color: #e3e6ef; border-radius: 50%; transform: translate(50%, -50%); content: attr(aria-label); } .score-by-time__item:last-child::after { color: transparent; } .score-by-time__score { display: flex; align-items: center; justify-content: center; height: 3.4375em; font-weight: 600; } .score-by-time__score--1 { border-bottom: 1px solid #e3e6ef; } .tabs__wrapper::after { position: absolute; top: 0; right: 0; z-index: 1; display: block; width: 100%; height: 100%; background: linear-gradient( 270deg, #ffffff 0%, rgba(255, 255, 255, 0) 14.57% ); border-radius: 0.75em; content: ''; pointer-events: none; } .tabs--xl .tabs__item { flex: 1 1 auto; } .article__forecast { margin-bottom: 1.25em; } .article__bet { font-weight: bold; } .forecast__content { padding: 1.25em 0.75em 0.75em 0.75em; background-color: #f8f8fb; border: 1px solid #e3e6ef; border-radius: 0.75em; } .table { width: 100%; margin: 0.75em 0; background-color: #ffffff; border: 1px hidden #e3e6ef; border-radius: 0.75em; border-collapse: collapse; box-shadow: 0 0 0 1px #e3e6ef; } .forecast__table { width: 100%; } .table__heading { padding: 0.75em 0.375em; font-weight: 400; text-align: left; } .table__heading:first-child { padding-left: 0.75em; } .table__row { border-bottom: 1px solid #e3e6ef; border-top-left-radius: 0.75em; border-top-right-radius: 0.75em; } .table__data { position: relative; padding: 0.75em 0; vertical-align: middle; border-bottom: 1px solid #e3e6ef; } .table__data:first-child { font-weight: 700; } .table__row .table__data:first-child { padding-left: 0.75em; } .table__icons { position: relative; display: none; flex-direction: column; width: 0.5625em; height: 0.9375em; } .article__heading { margin-bottom: 1.27273em; font-weight: 600; font-size: 1.375em; line-height: 1.36364em; font-feature-settings: 'pnum' on, 'lnum' on; } .promo-card { position: relative; display: flex; flex-direction: column; } .promo-card__wrapper { position: relative; margin-bottom: 0.4375em; overflow: hidden; line-height: 1; } .promo-card__image { display: inline-block; width: 100%; max-width: 100%; height: auto; min-height: 4.75em; -o-object-fit: cover; object-fit: cover; border-radius: 1.125em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .promo-card__logo { position: absolute; top: 0.75em; left: 0.75em; width: 5.375em; height: 2em; -o-object-fit: cover; object-fit: cover; border-radius: 0.5em; } .buttons-row__wrapper { display: flex; justify-content: space-between; } .btn { padding: 0.75em 1.25em; color: #000000; font-weight: 600; font-size: 1.125em; line-height: 1.55556em; text-decoration: none; background-color: #e3e6ef; border: 1px solid #e3e6ef; border-radius: 0.5em; transition: background-color 0.3s; } .btn--theme_light { color: #000000; background-color: transparent; border: 1px solid #e3e6ef; } .buttons-row__btn { display: flex; align-items: center; justify-content: center; width: 32.3%; padding: 0.5em; } .buttons-row__icon { width: 1.5em; height: 1.5em; margin-right: 0.1875em; } .buttons-row__text { font-size: 0.875em; line-height: 1.14286em; } .pros-and-cons__heading { display: block; margin-top: 1.875em; margin-bottom: 1em; font-weight: 600; font-size: 1em; line-height: 1.625em; } .pros-and-cons__wrapper { display: flex; flex-direction: column; justify-content: space-between; padding: 1.5em 1.25em; border: 1px solid #e3e6ef; border-radius: 0.75em; } .pros-and-cons__props-list { width: 100%; margin-top: 0; margin-bottom: 1.25em; padding-left: 0; } .pros-and-cons__item { display: flex; align-items: flex-start; } .pros-and-cons__item:not(:last-child) { margin-bottom: 1.0625em; } .pros-and-cons__icon { flex-shrink: 0; width: 1em; height: 1em; margin-right: 0.8125em; } .pros-and-cons__icon--like { color: #37b34a; } .pros-and-cons__text { font-size: 0.875em; line-height: 1.42857em; } .pros-and-cons__cons-list { width: 100%; margin-top: 0; padding-left: 0; } .pros-and-cons__icon--dislike { color: #ff0000; transform: rotate( 180deg ); } .pros-and-cons__cons-list .pros-and-cons__icon { margin-top: 0.125em; } .bookmaker-rating__title { display: block; margin-top: 2em; margin-bottom: 0.625em; font-weight: 600; font-size: 1em; line-height: 1.625em; } .bookmaker-rating__wrapper { padding: 1em 0.75em; border: 1px solid #e3e6ef; border-radius: 0.75em; } .bookmaker-rating__row:not(:last-child) { margin-bottom: 1.25em; } .bookmaker-rating__heading { display: block; margin-bottom: 0.75em; font-weight: bold; font-size: 0.875em; line-height: 1.28571em; } .bookmaker-rating__tags { display: flex; flex-wrap: wrap; align-items: center; } .tag { align-items: flex-end; padding: 0.5em; font-weight: 600; background-color: #ffffff; border: 1px solid #e3e6ef; border-radius: 0.5em; } .bookmaker-rating__text { font-size: 0.875em; line-height: 1.42857em; letter-spacing: 0.01em; } .bookmaker-rating__tag { margin-bottom: 0.375em; white-space: nowrap; } .bookmaker-rating__tag:not(:last-child) { margin-right: 0.5em; } .tag__text { font-size: 0.875em; line-height: 1.14286em; } .tag__text--subtitle { padding-left: 0.3125em; color: #7a7c80; font-size: 0.75em; line-height: 1.16667em; } .bookmaker-promotions__title { display: block; margin-top: 1.875em; margin-bottom: 1em; font-weight: 600; font-size: 1em; line-height: 1.625em; } .bookmaker-promotions__wrapper { margin-top: 1em; margin-bottom: 1em; padding: 1em 0.75em; border: 1px solid #e3e6ef; border-radius: 0.75em; } .bookmaker-promotions__list { margin: 0; padding-left: 0; list-style: none; } .bookmaker-promotions__item { position: relative; } .bookmaker-promotions__item:not(:last-child) { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #e3e6ef; } .bookmaker-promotions__heading { display: block; margin-bottom: 0.625em; font-weight: bold; font-size: 14px; line-height: 18px; } .bonuse-banner { line-height: 1.15385em; } .bonuse-banner__wrapper { display: flex; flex-direction: column; align-items: center; margin-bottom: 1.875em; padding: 1.5em 1.25em; background-color: #f8f8fb; border: 1px solid #e3e6ef; border-radius: 0.75em; } .bonuse-banner__text { padding-right: 1.25em; font-weight: normal; font-size: 1em; line-height: 1.625em; } .bonuse-banner__link { display: block; width: 100%; margin-top: 0.75em; color: #ffffff; white-space: normal; text-align: center; cursor: pointer; } .btn--theme_accent { color: #ffffff; background-color: #37b34a; border: 1px solid #37b34a; transition: 0.3s; } .promo-card__meta { margin-top: 0.5em; margin-bottom: 0.75em; padding-right: 0.75em; padding-left: 0.75em; } .promo-card__category { color: #7d7d7d; font-weight: 400; font-size: 0.75em; line-height: 1.25em; } .promo-card__heading { display: block; height: auto; margin-bottom: 0.44444em; padding-right: 0.66667em; padding-left: 0.66667em; color: #000000; font-weight: 600; font-size: 1.125em; line-height: 1.55556em; text-decoration: none; } .promo-card__description { display: block; height: auto; padding-right: 0.75em; padding-left: 0.75em; overflow: hidden; font-size: 0.875em; line-height: 1.71429em; letter-spacing: 0.01em; } .promo-card__link { display: block; margin-top: 0.75em; text-align: center; } .promo-card__label { position: absolute; top: 0.75em; right: 0.75em; padding: 0.375em 0.5em; color: #ffffff; background-color: #37b34a; border-radius: 0.5em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } /* ============================================== */ amp-selector.tabpanels [role=tabpanel] { display: none; /* custom styling, feel free to change */ } amp-selector.amp-tabs [option] { display: flex; align-items: center; width: fit-content; margin-right: 0.5em; padding: 0.6875em 0.75em; color: #000000; font-weight: bold; font-size: 0.75em; line-height: 1; letter-spacing: 0.04em; white-space: nowrap; text-transform: uppercase; text-decoration: none; background-color: transparent; border: none; border-radius: 0.5em; outline: none; cursor: auto; transition: background-color 0.3s, color 0.3s; } amp-selector.amp-tabs [option][selected] { background-color: #e3e6ef; pointer-events: none; } amp-selector.tabpanels [role=tabpanel][selected] { display: block; outline: none; } #myTabPanels { width: 100%; } .amp-tabs { position: relative; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 0.625em; padding: 0.25em; background-color: #ffffff; border: 1px solid #e3e6ef; border-radius: 0.75em; } /* ============================================== */ .header__gift { position: absolute; top: 0.8125em; right: 0.9375em; } .notify { position: relative; z-index: 1; } .notify::after { position: absolute; top: -0.0625em; right: -0.125em; z-index: -1; display: block; width: 0.5em; height: 0.5em; background-color: #ff0000; border-radius: 50%; content: ''; } .gift { position: relative; display: flex; align-items: center; width: 1.25em; } .gift__link { width: 1.25em; height: 1.25em; padding: 0; color: #000000; line-height: 1; background-color: transparent; border: none; transition: color 0.3s; } .gift-popup { position: relative; width: 10em; padding: 0.75em 0.5em 0.5em; background-color: #ffffff; border: 1px solid #e3e6ef; border-radius: 0.75em; } .gift__popup { position: absolute; top: 1.875em; right: -0.25em; z-index: 100; visibility: hidden; opacity: 0; transition: all 0.3s; pointer-events: none; } .gift__popup--showed { visibility: visible; opacity: 1; pointer-events: auto; } .gift-popup::before { position: absolute; top: -0.4375em; right: 0.375em; width: 0.875em; height: 0.4375em; background-image: url(/images/angle.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; content: ''; } .gift-popup__icon { position: absolute; top: 0.3125em; right: 0.3125em; width: 1em; height: 1em; padding: 0; background-color: transparent; border: none; cursor: pointer; } .gift-popup__logo { display: block; max-height: 2em; margin: 0 auto 1em; } .gift-popup__content { display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 1em; padding: 1em 0; background-color: #f8f8fb; } .gift-popup__font--text { font-weight: 600; font-size: 0.75em; } .gift-popup__button { display: flex; align-items: center; justify-content: center; width: 100%; height: 2em; color: #ffffff; background-color: #37b34a; border-radius: 0.5em; } .gift-popup__font--button { font-weight: 600; font-size: 0.8125em; } .services-indicators { display: flex; align-items: center; justify-content: center; width: 100%; } .services-indicators__item { flex-shrink: 0; width: 1.25em; height: 1.25em; color: transparent; } .services-indicators__item--active { color: #37b34a; } .services-indicators__item + .services-indicators__item { margin-left: 0.25em; } .match-card__wrap { display: flex; align-items: flex-start; justify-content: space-between; } .match-card--with-thumbnail .match-card__sub-heading { width: 100%; text-align: left; } .big-rate--offset .big-rate__heading { margin-bottom: 0.5em; padding-top: 0.3125em; } .score-by-time__legend { color: #7d7d7d; font-weight: 600; font-size: 0.8125em; line-height: 1.15385em; } .forecast__falling-odds-title { margin-bottom: 0.9375em; } .forecast__font--heading { font-weight: 600; font-size: 1em; } .falling-odds { position: relative; } .falling-odd-card { display: flex; align-items: center; justify-content: center; height: 90px; padding: 0.75em; border: 1px solid #dbdde6; border-radius: 0.5em; } .falling-odd-card__bet { position: relative; min-width: 7.125em; padding: 0.5em; background: #e3e6ef; border-radius: 0.5em; } .falling-odd-card__coefficient { margin-bottom: 0.3125em; } .falling-odd-card__coefficient--old { text-decoration: line-through; } .falling-odd-card__font--coefficient { font-weight: 600; font-size: 1.125em; white-space: nowrap; } .falling-odd-card__font--text { font-size: 0.8125em; } .falling-odd-card__factor { position: absolute; top: 0.375em; right: 0.5em; color: #9a9a9a; } .falling-odd-card__font--factor { font-weight: 600; font-size: 0.75em; } .falling-odd-card__difference { margin: 0.375em 0.5em 0; } .article__free-translation { width: 100%; margin-bottom: 1.25em; } .free-translation-card { display: flex; flex-direction: column; align-items: center; padding: 1.25em 1em; color: #000000; background: #f8f8fb; border: 1px solid #e3e6ef; border-radius: 0.75em; } .free-translation-card__caption { margin-bottom: 1.5625em; text-align: center; } .free-translation-card__font { margin: 0; } .free-translation-card__font--heading { font-weight: 600; font-size: 1em; } .free-translation-card__heading { margin-bottom: 0.9375em; text-align: center; } .free-translation-card__font--text { font-weight: bold; font-size: 0.875em; } .free-translation-card__subheading { margin-bottom: 0.5em; } .free-translation-card__font--heading { font-weight: 600; font-size: 1em; } .free-translation-card__date { margin-bottom: 1.5625em; color: #7d7d7d; } .free-translation-card__font--small { font-size: 0.8125em; } .free-translation-card__row { display: flex; align-items: center; justify-content: center; } .free-translation-card__link { display: flex; align-items: center; justify-content: center; width: 10em; height: 2.6875em; margin: 0 0.75em; background: #ffffff; border: 1px solid #e3e6ef; border-radius: 1.375em; } .free-translation-card__link-separator { display: block; width: 1px; height: 1.375em; margin: 0 0.375em; background: #ebedf3; } .free-translation-card__link-icon { width: 1.625em; height: 1.625em; } .free-translation-card__text { margin-top: 0.75em; text-align: center; } .free-translation-card__link-logo { width: 5em; max-height: 2.4875em; -o-object-fit: contain; object-fit: contain; }

Роб Фонт — Марлон Вера: где смотреть, дата боя, кто покажет онлайн, прямая трансляция UFC

Любителей смешанных единоборств ждёт отличный поединок.

ufc.ru

В ночь с 30 апреля на 1 мая в Лас-Вегасе (штат Невада, США) состоится турнир UFC on ESPN 35. В главном поединке вечера встретятся известнейшие бойцы легчайшей весовой категории — Роб Фонт (США) и Марлон Вера (Эквадор).

Поединок ориентировочно начнётся в 4:30 мск. Прямая трансляция будет доступна на UFC Fight Pass (полностью весь турнир), а также на «Матч ТВ» (основной кард) — начало в 2:00 мск.

Букмекеры считают 34-летнего американца фаворитом предстоящего боя. Ставка на его победу принимается с коэффициентом 1.74, то есть вероятность победы составляет 55%. Шансы 29-летнего эквадорца котируются за 2.16 (44% вероятности).

Если бой завершится вничью, то сыграет ставка с коэффициентом 70.0 (1% вероятности).

Досрочная победа любого из бойцов идёт за 2.05, в то время как судейское решение — за 1.69. На досрочную победу Фонта можно поставить за 4.00, а на победу по очкам — за 2.75. Досрочная победа Веры оценивается в 3.60, а его победа судейским решением — за 3.95.

Новости дня