.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;
}
8 августа.
Другое.
Обнародована новая дата боя Бетербиева и Смита Поединок переносили из-за проблем Бетербиева со здоровьем.
13 января 2024 года состоится долгожданный поединок между чемпионом мира по версиям WBC, IBF и WBO в полутяжёлом весе Артуром Бетербиевым (19-0, 19 KO) и британским боксёром Каллумом Смитом (29-1, 21 KO). Об этом сообщает Top Rank Boxing на своей странице в Twitter.
Бой был первоначально запланирован на 19 августа, однако его пришлось перенести из-за необходимости срочной операции у российского боксёра. У Бетербиева была обнаружена костная инфекция, требующая операции на челюсти.
Артур Бетербиев выступает на профессиональном ринге с 2013 года и впервые стал чемпионом мира в ноябре 2017 года, завоевав титул IBF. Позже он добавил к своей коллекции титулы WBC и WBO, нокаутировав украинца Александра Гвоздика и американца Джо Смита. В настоящее время ему уже 38 лет.
Автор:
Антон Малицын
<img src="http://www.tns-counter.ru/V13a****rambler_ru/ru/UTF-8/tmsec=betassist_total/" width="1" height="1" alt="" />