@charset "UTF-8";
.hide {
display: none;
}
.opa-0 {
opacity: 0;
}
.tabs a.tabs__item {
color: buttontext;
}
.match__logos-wrap {
justify-content: center;
}
.match__logos-wrap .match__logos-item {
max-width: 240px;
}
.navigation {
font-size: 0;
margin-left: -0.5rem;
margin-right: -0.5rem;
margin-top: 4rem;
}
.navigation ul {
display: flex;
justify-content: center;
}
.navigation .page-numbers {
padding: 0.78rem 0.5rem;
min-width: 4rem;
text-align: center;
font-size: 2rem;
font-weight: 400;
display: inline-block;
vertical-align: middle;
border: 1px solid #e9e9e9;
border-radius: 0;
margin: 0.5rem;
color: #fd6d2f;
transition: opacity 0.2s ease;
background: #e9e9e9;
}
.navigation .page-numbers:hover {
background: rgba(58, 107, 238, 0.2);
}
.navigation .page-numbers.current {
background: #fd6d2f;
border-color: #fd6d2f;
color: #272727;
box-shadow: 3px 3px 10px rgba(47, 47, 99, 0.1);
}
.navigation .page-numbers.current:hover {
opacity: 1;
}
.navigation .page-numbers.dots {
background: transparent;
border-color: transparent;
min-width: 2rem;
}
.navigation .page-numbers.prev, .navigation .page-numbers.next {
background: transparent;
border-color: transparent;
font-size: 2.6rem;
font-weight: 500;
color: #272727;
}
.navigation .page-numbers.prev:hover, .navigation .page-numbers.next:hover {
opacity: 0.6;
} .news .news__item .news__tags {
flex-flow: nowrap;
overflow: hidden;
padding-left: 1rem;
}
.news .news__item .news__tags .hashtags__link {
white-space: nowrap;
} .swiper-button-disabled {
opacity: 0.5;
pointer-events: none;
} .simple-vld-item__like .simple-vld-like.active {
fill: #1DAF38;
stroke: #1DAF38;
}
.simple-vld-item__dislike .simple-vld-dislike.active {
fill: #F44242;
stroke: #F44242;
}
.simple-vld-item__share .simple-vld-share.active, .simple-vld-item__share .simple-vld-views.active, .simple-vld-item__views .simple-vld-share.active, .simple-vld-item__views .simple-vld-views.active {
fill: #272727;
stroke: #272727;
} .home-forecasts .grid .forecast__head > a, .grid--forecast .forecast__head > a {
position: absolute;
top: 0;
left: 0;
z-index: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.home-forecasts .grid .forecast__head .forecast__logo, .grid--forecast .forecast__head .forecast__logo {
z-index: 1;
}
.mb-3 {
margin-bottom: 3rem;
}
@media screen and (max-width: 574px) {
.banner__slider {
margin: 0 -15px;
}
}
blockquote {
border-width: 1px;
}
blockquote {
border-left: 0.25em solid;
margin: 0 0 1.75em;
padding-left: 1em;
}
.forecast__start {
z-index: 5;
}
.tabs a.tabs__item.games-calendar-link {
color: #fff;
}
.navigation.pagination .pagination {
flex-wrap: wrap;
}@media screen and (max-width: 991px) {
.header__menu {
justify-content: left !important;
display: block !important;
}
}
header nav.wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container {
opacity: 1;
visibility: visible;
pointer-events: all;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
min-width: 21.6rem;
}
@media screen and (max-width: 991px) {
header nav.wp-block-navigation .wp-block-navigation-submenu {
display: block;
}
header nav.wp-block-navigation .wp-block-navigation-submenu.active .wp-block-navigation-item__content.header__nav-item-btn {
color: #fff;
}
header nav.wp-block-navigation .wp-block-navigation-submenu.active .wp-block-navigation__submenu-container {
height: auto !important;
visibility: visible !important;
overflow: visible !important;
}
header nav.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item__content.header__nav-item-btn {
color: rgba(255, 255, 255, 0.6);
}
header nav.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation__submenu-container {
position: relative !important;
height: 0 !important;
visibility: hidden !important;
overflow: hidden !important;
}
}
header nav.wp-block-navigation .wp-block-navigation-submenu.active .wp-block-navigation__submenu-container {
position: absolute;
}
header nav.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-submenu__toggle {
display: none;
}
@media screen and (min-width: 992px) {
header nav.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation__submenu-container {
align-items: end;
text-align: right;
padding: 7.6rem 3.7rem 3rem 2rem;
min-width: 21.6rem;
height: auto;
}
}
header nav.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation__submenu-container {
background-color: #272727;
}
header nav.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation__submenu-container .wp-block-navigation-item.wp-block-navigation-link .wp-block-navigation-item__content {
padding: 0;
}
.navigation {
margin-left: 0 !important;
margin-right: 0 !important;
}
footer .footer__menu button {
display: none !important;
}
footer .footer__menu .wp-block-navigation__submenu-container .wp-block-navigation-item {
box-sizing: border-box;
margin: 0;
padding: 0;
}
footer .footer__menu .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content {
color: #5C5C5C !important;
font-weight: 500;
} .forecast__img img {
position: absolute;
top: 0;
left: 0;
z-index: -1;
object-fit: cover;
width: 100%;
height: 100%;
}
.forecast-page__content .forecast-page__head .forecast__logo {
align-self: center;
}
figure.single-page__img img, figure.news-page__imgs-item img {
width: 100%;
}
.news-page__imgs figure.news-page__imgs-item {
margin: 0 0 1.5rem;
}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}
    html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: 700;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} @font-face {
font-family: swiper-icons;
src: url(data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-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;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height,-webkit-transform;
transition-property: height,-webkit-transform;
transition-property: transform,height;
transition-property: transform,height,-webkit-transform;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: '';
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.ss-main {
position: relative;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #666;
width: 100%;
}
.ss-main .ss-single-selected {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
width: 100%;
height: 30px;
padding: 6px;
border: 1px solid #dcdee2;
border-radius: 4px;
background-color: #fff;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background-color .2s;
transition: background-color .2s;
}
.ss-main .ss-single-selected.ss-disabled {
background-color: #dcdee2;
cursor: not-allowed;
}
.ss-main .ss-single-selected.ss-open-above {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ss-main .ss-single-selected.ss-open-below {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ss-main .ss-single-selected .placeholder {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
text-align: left;
width: calc(100% - 30px);
line-height: 1em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ss-main .ss-single-selected .placeholder,
.ss-main .ss-single-selected .placeholder * {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ss-main .ss-single-selected .placeholder * {
width: auto;
}
.ss-main .ss-single-selected .placeholder .ss-disabled {
color: #dedede;
}
.ss-main .ss-single-selected .ss-deselect {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin: 0 6px;
font-weight: 700;
}
.ss-main .ss-single-selected .ss-deselect.ss-hide {
display: none;
}
.ss-main .ss-single-selected .ss-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin: 0 6px;
}
.ss-main .ss-single-selected .ss-arrow span {
border: solid #666;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
-webkit-transition: margin .2s,-webkit-transform .2s;
transition: margin .2s,-webkit-transform .2s;
transition: transform .2s,margin .2s;
transition: transform .2s,margin .2s,-webkit-transform .2s;
}
.ss-main .ss-single-selected .ss-arrow span.arrow-up {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
margin: 3px 0 0;
}
.ss-main .ss-single-selected .ss-arrow span.arrow-down {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: -3px 0 0;
}
.ss-main .ss-multi-selected {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
cursor: pointer;
min-height: 30px;
width: 100%;
padding: 0 0 0 3px;
border: 1px solid #dcdee2;
border-radius: 4px;
background-color: #fff;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background-color .2s;
transition: background-color .2s;
}
.ss-main .ss-multi-selected.ss-disabled {
background-color: #dcdee2;
cursor: not-allowed;
}
.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
color: #666;
}
.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
cursor: not-allowed;
}
.ss-main .ss-multi-selected.ss-open-above {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ss-main .ss-multi-selected.ss-open-below {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ss-main .ss-multi-selected .ss-values {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: calc(100% - 30px);
}
.ss-main .ss-multi-selected .ss-values .ss-disabled {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 4px 5px;
margin: 2px 0;
line-height: 1em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
color: #dedede;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@-webkit-keyframes scaleIn {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes scaleIn {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes scaleOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
}
@keyframes scaleOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
}
.ss-main .ss-multi-selected .ss-values .ss-value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
padding: 3px 5px;
margin: 3px 5px 3px 0;
color: #fff;
background-color: #5897fb;
border-radius: 4px;
-webkit-animation-name: scaleIn;
animation-name: scaleIn;
-webkit-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.ss-main .ss-multi-selected .ss-values .ss-value.ss-out {
-webkit-animation-name: scaleOut;
animation-name: scaleOut;
-webkit-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
margin: 0 0 0 5px;
cursor: pointer;
}
.ss-main .ss-multi-selected .ss-add {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 3px;
flex: 0 1 3px;
margin: 9px 12px 0 5px;
}
.ss-main .ss-multi-selected .ss-add .ss-plus {
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: #666;
position: relative;
height: 10px;
width: 2px;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
}
.ss-main .ss-multi-selected .ss-add .ss-plus:after {
background: #666;
content: "";
position: absolute;
height: 2px;
width: 10px;
left: -4px;
top: 4px;
}
.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ss-content {
position: absolute;
width: 100%;
margin: -1px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #dcdee2;
z-index: 1010;
background-color: #fff;
-webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transition: opacity .2s,-webkit-transform .2s;
transition: opacity .2s,-webkit-transform .2s;
transition: transform .2s,opacity .2s;
transition: transform .2s,opacity .2s,-webkit-transform .2s;
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
.ss-content.ss-open {
display: block;
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.ss-content .ss-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 8px 8px 6px;
}
.ss-content .ss-search.ss-hide,
.ss-content .ss-search.ss-hide input {
height: 0;
opacity: 0;
padding: 0;
margin: 0;
}
.ss-content .ss-search input {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: inherit;
line-height: inherit;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
min-width: 0;
height: 30px;
padding: 6px 8px;
margin: 0;
border: 1px solid #dcdee2;
border-radius: 4px;
background-color: #fff;
outline: 0;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-appearance: textfield;
}
.ss-content .ss-search input::-webkit-input-placeholder {
color: #8a8a8a;
vertical-align: middle;
}
.ss-content .ss-search input::-moz-placeholder {
color: #8a8a8a;
vertical-align: middle;
}
.ss-content .ss-search input:-ms-input-placeholder {
color: #8a8a8a;
vertical-align: middle;
}
.ss-content .ss-search input::-ms-input-placeholder {
color: #8a8a8a;
vertical-align: middle;
}
.ss-content .ss-search input::placeholder {
color: #8a8a8a;
vertical-align: middle;
}
.ss-content .ss-search input:focus {
-webkit-box-shadow: 0 0 5px #5897fb;
box-shadow: 0 0 5px #5897fb;
}
.ss-content .ss-search .ss-addable {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
font-size: 22px;
font-weight: 700;
-webkit-box-flex: 0;
-ms-flex: 0 0 30px;
flex: 0 0 30px;
height: 30px;
margin: 0 0 0 8px;
border: 1px solid #dcdee2;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ss-content .ss-addable {
padding-top: 0;
}
.ss-content .ss-list {
max-height: 200px;
overflow-x: hidden;
overflow-y: auto;
text-align: left;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
padding: 6px 10px;
font-weight: 700;
}
.ss-content .ss-list .ss-optgroup .ss-option {
padding: 6px 6px 6px 25px;
}
.ss-content .ss-list .ss-optgroup-label-selectable {
cursor: pointer;
}
.ss-content .ss-list .ss-optgroup-label-selectable:hover {
color: #fff;
background-color: #5897fb;
}
.ss-content .ss-list .ss-option {
padding: 6px 10px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ss-content .ss-list .ss-option * {
display: inline-block;
}
.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:hover {
color: #fff;
background-color: #5897fb;
}
.ss-content .ss-list .ss-option.ss-disabled {
cursor: not-allowed;
color: #dedede;
background-color: #fff;
}
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
color: #666;
background-color: rgba(88, 151, 251, 0.1);
}
.ss-content .ss-list .ss-option.ss-hide {
display: none;
}
.ss-content .ss-list .ss-option .ss-search-highlight {
background-color: #fffb8c;
}
@font-face {
font-style: normal;
font-weight: 400;
font-family: "Gilroy";
font-display: swap;
src: url(//basket.ru/wp-content/themes/basket/assets/fonts/gilroy/Gilroy-Regular.woff2) format("woff2"), url(//basket.ru/wp-content/themes/basket/assets/fonts/gilroy/Gilroy-Regular.woff) format("woff");
}
@font-face {
font-style: normal;
font-weight: 500;
font-family: "Gilroy";
font-display: swap;
src: url(//basket.ru/wp-content/themes/basket/assets/fonts/gilroy/Gilroy-Medium.woff2) format("woff2"), url(//basket.ru/wp-content/themes/basket/assets/fonts/gilroy/Gilroy-Medium.woff) format("woff");
}
@font-face {
font-style: normal;
font-weight: 700;
font-family: "Gilroy";
font-display: swap;
src: url(//basket.ru/wp-content/themes/basket/assets/fonts/gilroy/Gilroy-Bold.woff2) format("woff2"), url(//basket.ru/wp-content/themes/basket/assets/fonts/gilroy/Gilroy-Bold.woff) format("woff");
}
@font-face {
font-style: normal;
font-weight: 400;
font-family: "Roboto";
font-display: swap;
src: url(//basket.ru/wp-content/themes/basket/assets/fonts/roboto/roboto-v30-latin_cyrillic-regular.woff2) format("woff2"), url(//basket.ru/wp-content/themes/basket/assets/fonts/roboto/roboto-v30-latin_cyrillic-regular.woff) format("woff");
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 10px;
}
html,
body {
margin: 0;
padding: 0;
}
body {
position: relative;
width: 100%;
height: 100%;
font-style: normal;
font-weight: 400;
font-size: 1.6rem;
line-height: 1.3;
font-family: "Gilroy", sans-serif;
color: #272727;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
text-decoration: none;
}
img,
video {
display: block;
max-width: 100%;
height: auto;
}
ul {
list-style-position: inside;
}
ol {
list-style-position: inside;
}
textarea {
resize: none;
}
input,
textarea {
border-radius: 0;
outline: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
opacity: 1;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
opacity: 1;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
}
input:invalid,
textarea:invalid {
-webkit-box-shadow: none;
box-shadow: none;
}
select {
border-radius: 0;
}
input::-ms-clear,
input::-ms-reveal {
display: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: none;
appearance: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none;
}
input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
select,
textarea,
input:matches([type="email"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="url"]) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.breadcrumbs__list li,
.news__list li,
.wp-block-navigation__container li,
.social li,
.expert__about-list li,
.footer__menu-list
li,
.header__menu-list li,
.hashtags li,
.forecast-page__info-list li {
list-style-type: none;
}
.list-style-none {
list-style-type: none;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
clip: rect(0 0 0 0);
}
.wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
}
.wrapper--no-scrollbar {
height: 100vh;
-ms-overflow-style: none;
scrollbar-width: none;
}
.wrapper--no-scrollbar::-webkit-scrollbar {
display: none;
}
.wrapper .header,
.wrapper .footer {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.wrapper main {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.scroll-lock {
position: fixed;
overflow-y: auto;
}
.container {
width: 100%;
max-width: 144rem;
margin: 0 auto;
padding: 0 3rem;
}
.bet {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #E9E9E9;
padding: 0 0 0 4rem;
}
.bet__logo {
max-width: 13.5rem;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 2rem 0 0;
}
.bet__ratio {
font-weight: 700;
font-size: 2.4rem;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 2rem 0 0;
}
.bet__btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
color: #fff;
background: #FD6D2F;
min-height: 7rem;
min-width: 26rem;
padding: 0 2rem;
-webkit-transition: -webkit-filter .3s, -webkit-box-shadow .3s;
transition: -webkit-filter .3s, -webkit-box-shadow .3s;
transition: filter .3s, box-shadow .3s;
transition: filter .3s, box-shadow .3s, -webkit-filter .3s, -webkit-box-shadow .3s;
}
.bet__btn:hover {
-webkit-filter: drop-shadow(0.2rem 0.2rem 1rem rgba(253, 109, 47, 0.15));
filter: drop-shadow(0.2rem 0.2rem 1rem rgba(253, 109, 47, 0.15));
}
.bet__btn:active {
-webkit-box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.blog__name {
display: block;
font-weight: 700;
font-size: 3.8rem;
line-height: 1.2;
color: #272727;
margin: 0 0 1.5rem;
-webkit-transition: color .3s;
transition: color .3s;
}
.blog__name:hover {
text-decoration: underline;
}
.blog__name:active {
color: #FD6D2F;
}
.blog__photo {
display: block;
width: 100%;
position: relative;
height: 37.6rem;
margin: 0 0 1rem;
-webkit-transition: -webkit-box-shadow .3s;
transition: -webkit-box-shadow .3s;
transition: box-shadow .3s;
transition: box-shadow .3s, -webkit-box-shadow .3s;
}
.blog__photo:hover {
-webkit-box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.1);
box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.1);
}
.blog__photo:active {
-webkit-box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.blog__photo img {
position: absolute;
top: 0;
left: 0;
z-index: -1;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.blog__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog__author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 2rem 0 0;
}
.blog__author-photo {
position: relative;
display: inline-block;
width: 6rem;
height: 6rem;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 1rem 0 0;
-webkit-transition: -webkit-box-shadow .3s;
transition: -webkit-box-shadow .3s;
transition: box-shadow .3s;
transition: box-shadow .3s, -webkit-box-shadow .3s;
}
.blog__author-photo:hover {
-webkit-box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.1);
box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.1);
}
.blog__author-photo:active {
-webkit-box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.blog__author-photo img {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.blog__author-name {
color: #272727;
-webkit-transition: color .3s;
transition: color .3s;
}
.blog__author-name:hover {
text-decoration: underline;
}
.blog__author-name:active {
color: #FD6D2F;
}
.blog__date-item:not(:last-of-type) {
margin: 0 3.5rem 0 0;
}
.expert-card {
display: block;
max-width: 33.8rem;
width: 100%;
}
.expert-card__photo {
display: block;
position: relative;
width: 100%;
height: 33.5rem;
margin: 0 0 1.5rem;
-webkit-transition: -webkit-box-shadow .3s;
transition: -webkit-box-shadow .3s;
transition: box-shadow .3s;
transition: box-shadow .3s, -webkit-box-shadow .3s;
}
.expert-card__photo:hover {
-webkit-box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.1);
box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.1);
}
.expert-card__photo:active {
-webkit-box-shadow: inset 0 0.4rem 1rem rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0.4rem 1rem rgba(0, 0, 0, 0.15);
}
.expert-card__photo img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.expert-card__name {
display: block;
font-weight: 700;
font-size: 3rem;
line-height: 1.2;
color: #272727;
-webkit-transition: color .3s;
transition: color .3s;
}
.expert-card__name:hover {
text-decoration: underline;
}
.expert-card__name:active {
color: #FD6D2F;
}
.expert-card__info {
display: none;
}
.expert-card__info-text {
font-size: 12px;
color: #272727;
margin: 5px 0;
}
.expert-card__stat {
font-weight: 700;
font-size: 14px;
color: #5C5C5C;
}
.expert-card__stat--green {
color: #1DAF38;
}
.expert-card__stat--red {
color: #F44242;
}
.expert-card__stat-item:not(:last-child)::after {
content: ' /';
color: #5C5C5C;
}
.forecast__head {
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: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
min-height: 37.6rem;
padding: 1.9rem 2.8rem 1.5rem;
margin: 0 0 1.5rem;
}
.forecast__img {
position: absolute;
top: 0;
left: 0;
z-index: -1;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.forecast__start {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.4rem;
color: #fff;
background: #FD6D2F;
padding: 1rem 2rem;
margin: 0 0 2rem;
}
.forecast__start::before {
content: '';
width: 2.4rem;
height: 2.0rem;
background: url(//basket.ru/wp-content/themes/basket/assets/img/svg/clock.svg) no-repeat center/cover;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 1.1rem 0 0;
}
.forecast__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
align-self: center;
margin: auto 0 0;
}
.forecast__logo-item {
width: 14.6rem;
height: 14.6rem;
}
.forecast__logo-item:first-of-type {
margin: 0 3rem 0 0;
}
.forecast__logo-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.forecast__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 1.4rem;
color: #5C5C5C;
margin: 0 0 1rem;
}
.forecast__match {
display: inline-block;
font-weight: 700;
font-size: 3.8rem;
line-height: 1.2;
color: #272727;
margin: 0 0 1rem;
-webkit-transition: color .3s;
transition: color .3s;
}
.forecast__match:hover {
text-decoration: underline;
}
.forecast__match:active {
color: #FD6D2F;
}
.forecast__expert {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 1rem;
}
.forecast__expert-photo {
position: relative;
display: inline-block;
width: 6rem;
height: 6rem;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 1rem 0 0;
-webkit-transition: -webkit-box-shadow .3s;
transition: -webkit-box-shadow .3s;
transition: box-shadow .3s;
transition: box-shadow .3s, -webkit-box-shadow .3s;
}
.forecast__expert-photo:hover {
-webkit-box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.1);
box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.1);
}
.forecast__expert-photo:active {
-webkit-box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.forecast__expert-photo img {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.forecast__expert-link {
color: #272727;
-webkit-transition: color .3s;
transition: color .3s;
}
.forecast__expert-link:hover {
text-decoration: underline;
}
.forecast__expert-link:active {
color: #FD6D2F;
}
.forecast__stat-line {
width: 100%;
height: .4rem;
background: #E9E9E9;
margin: 0 0 1rem;
}
.forecast__stat-bar {
height: inherit;
background: #1DAF38;
}
.grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 -3rem;
}
.grid__item {
width: calc(50% - 3rem / 2);
margin: 0 0 3rem;
}
.stat {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.stat__item:not(:last-of-type) {
margin: 0 3rem 0 0;
}
.stat__num {
margin: 0 .5rem 0 0;
}
.stat__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.select {
color: #272727;
max-width: 46rem;
width: 100%;
}
.select .ss-single-selected {
height: 5rem;
border: none;
background-color: #E9E9E9;
padding: 0 2rem 0 3rem;
border-radius: 0;
}
.select .ss-single-selected .ss-arrow span {
width: 1.4rem;
height: .8rem;
border: none;
padding: 0;
background: url(//basket.ru/wp-content/themes/basket/assets/img/svg/arrow-select.svg) no-repeat center/cover;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.select .ss-single-selected .ss-arrow span.arrow-down {
margin: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.select .ss-single-selected .ss-arrow span.arrow-up {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.select .ss-content {
background: #E9E9E9;
border: none;
}
.select .ss-list {
max-height: 41rem;
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: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 0 1rem;
}
.select .ss-content .ss-list .ss-option.ss-disabled {
background: #E9E9E9;
color: #656565;
}
.select .ss-content .ss-list .ss-option {
display: inline-block;
color: #656565;
padding: 0 2rem 0 3rem;
margin: 0 0 1rem;
}
.select .ss-content .ss-list .ss-option:not(.ss-disabled):hover {
color: #272727;
background-color: inherit;
text-decoration: underline;
}
.select .ss-content .ss-list .ss-option:not(.ss-disabled):active {
color: #272727;
background-color: inherit;
text-decoration: none;
}
.social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -1.5rem;
}
.social__item {
padding: 0 1.5rem;
}
.social__item-link {
position: relative;
display: block;
width: 5rem;
height: 5rem;
-webkit-transition: -webkit-box-shadow .3s;
transition: -webkit-box-shadow .3s;
transition: box-shadow .3s;
transition: box-shadow .3s, -webkit-box-shadow .3s;
}
.social__item-link svg {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
fill: #E9E9E9;
-webkit-transition: fill .3s;
transition: fill .3s;
}
.social__item-link:hover {
-webkit-box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.social__item-link:active svg {
fill: #FD6D2F;
}
.tourney-card {
display: inline-block;
max-width: 21.5rem;
width: 100%;
}
.tourney-card:hover .tourney-card__logo {
-webkit-box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.1);
box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.1);
}
.tourney-card:hover .tourney-card__name {
text-decoration: underline;
}
.tourney-card:active .tourney-card__logo {
-webkit-box-shadow: inset 0 0.4rem 1rem rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0.4rem 1rem rgba(0, 0, 0, 0.15);
}
.tourney-card:active .tourney-card__name {
color: #FD6D2F;
}
.tourney-card__logo {
position: relative;
height: 21.5rem;
-webkit-filter: drop-shadow(0.4rem 0.4rem 1rem rgba(253, 109, 47, 0.2));
filter: drop-shadow(0.4rem 0.4rem 1rem rgba(253, 109, 47, 0.2));
margin: 0 0 1rem;
-webkit-transition: -webkit-box-shadow .3s;
transition: -webkit-box-shadow .3s;
transition: box-shadow .3s;
transition: box-shadow .3s, -webkit-box-shadow .3s;
}
.tourney-card__logo img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.tourney-card__name {
font-weight: 700;
font-size: 3rem;
line-height: 1.2;
color: #272727;
-webkit-transition: color .3s;
transition: color .3s;
}
.accordion.open .accordion__head::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.accordion.open .accordion__content {
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding-bottom: 3rem;
opacity: 1;
}
.accordion__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
width: 100%;
padding: 3rem 5rem 3rem 2.5rem;
font-weight: 700;
font-size: 2.4rem;
background: #E9E9E9;
border: none;
cursor: pointer;
}
.accordion__head::after {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1.4rem;
height: .8rem;
margin: 0 0 0 .2rem;
background: url(//basket.ru/wp-content/themes/basket/assets/img/svg/arrow-select.svg) no-repeat center/cover;
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
content: '';
}
.accordion__head-expert {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.accordion__head-expert img {
width: 6rem;
height: 6rem;
margin: 0 3rem 0 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: 0;
flex-direction: 0;
}
.accordion__content {
max-height: 0;
overflow: hidden;
opacity: 0;
background: #E9E9E9;
padding-left: 2.5rem;
padding-right: 2.5rem;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
will-change: max-height;
}
.survey {
max-width: 70.4rem;
width: 100%;
}
.survey__question {
font-weight: 700;
font-size: 3rem;
margin: 0 0 3rem;
}
.survey__line {
width: 100%;
height: .2rem;
background: #F4F4F4;
margin: 0 0 1rem;
}
.survey__line-bar {
height: inherit;
background: #1DAF38;
}
.survey__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 .5rem;
}
.survey__btn {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 5.5rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
background: transparent;
border-radius: .5rem;
cursor: pointer;
-webkit-transition: background .3s, color .3s, -webkit-box-shadow .3s;
transition: background .3s, color .3s, -webkit-box-shadow .3s;
transition: background .3s, color .3s, box-shadow .3s;
transition: background .3s, color .3s, box-shadow .3s, -webkit-box-shadow .3s;
}
.survey__btn:hover {
-webkit-box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.survey__btn:first-of-type {
margin: 0 1rem 0 0;
}
.survey__btn--green {
color: #1DAF38;
border: 0.1rem solid #1DAF38;
}
.survey__btn--green.active {
background: #1DAF38;
color: #fff;
}
.survey__btn--red {
color: #F44242;
border: 0.1rem solid #F44242;
}
.survey__btn--red.active {
background: #F44242;
color: #fff;
}
.survey__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 1.14;
font-size: 1.4rem;
color: #5C5C5C;
}
.survey__info-sum {
margin: 0 2rem 0 0;
}
.survey__info-detail span:first-of-type {
margin: 0 1rem 0 0;
}
.stat-expert__tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 1.6rem;
}
.stat-expert__tab {
border: none;
background: none;
cursor: pointer;
}
.stat-expert__tab:not(:last-of-type) {
margin: 0 2.8rem 0 0;
}
.stat-expert__tab.active {
text-decoration: underline;
}
.stat-expert__content {
display: none;
}
.stat-expert__content.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-animation: faded 1.5s;
animation: faded 1.5s;
}
.stat-expert__content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.stat-expert__content-item:not(:last-of-type) {
margin: 0 12rem 0 0;
}
.stat-expert__content-item-name {
margin: 0 0 1rem;
}
.stat-expert__content-info {
font-weight: 700;
font-size: 2.4rem;
}
.stat-expert__content-info--green {
color: #1DAF38;
}
.stat-expert__content-info--red {
color: #F44242;
}
.stat-expert__content-info-bet:not(:last-of-type)::after {
content: ' /';
color: #5C5C5C;
}
.stat-expert__content-chart {
position: relative;
width: 100%;
}
.stat-expert__content-chart canvas {
height: 40.9rem;
}
.main {
padding: 0 0 20rem;
}
.main--home {
padding: 4rem 0 20rem;
}
.main--news .news__img img {
top: 7rem;
}
.main__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #fff;
position: sticky;
top: 0;
z-index: 2;
padding: 1rem 0;
margin: -1rem 0 2rem;
}
.main__nav .tabs {
margin: 0 0 1rem;
}
.main__nav--select .main__nav-item {
margin: 0;
}
.main__nav--match {
display: none;
}
.main__nav-item {
margin: 0 3rem 1rem 0;
}
.main__info {
font-size: 1.8rem;
}
.main__tab-content {
display: none;
}
.main__tab-content.active {
display: block;
-webkit-animation: faded 1.5s;
animation: faded 1.5s;
}
.title {
font-weight: 700;
font-size: 6rem;
line-height: 1.21;
margin: 0 0 5rem;
}
.hashtags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 1.5rem 0 0;
margin: 0 0 -.5rem;
}
.hashtags__item:not(:last-of-type) {
margin: 0 3rem .5rem 0;
}
.hashtags__link {
color: #5C5C5C;
-webkit-transition: color .3s;
transition: color .3s;
}
.hashtags__link:hover {
color: #FD6D2F;
}
.date {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.date__item:not(:last-of-type) {
margin: 0 3.5rem 0 0;
}
.home-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.experts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 -3.2rem;
}
.experts .expert-card {
width: calc(25% - 3.2rem * 3 / 4);
margin: 0 3.2rem 3rem 0;
}
.experts .expert-card:nth-child(4n) {
margin-right: 0;
}
.championships {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 -3.2rem;
}
.championships .tourney-card {
width: calc(16.66% - 3rem * 5 / 6);
margin: 0 3rem 3rem 0;
}
.championships .tourney-card:nth-child(6n) {
margin-right: 0;
}
.breadcrumbs {
padding: 1rem 0 2rem;
}
.breadcrumbs__list {
font-size: 1.4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 -.3rem;
}
.breadcrumbs__item {
margin: 0 0 .3rem;
}
.breadcrumbs__item:not(:last-of-type)::after {
content: '—';
margin: 0 .3rem;
}
.breadcrumbs__link {
color: #272727;
}
.breadcrumbs__link:hover {
text-decoration: underline;
}
@-webkit-keyframes faded {
from {
opacity: 0.1;
}
to {
opacity: 1;
}
}
@keyframes faded {
from {
opacity: 0.1;
}
to {
opacity: 1;
}
}
.header {
background: #272727;
padding: 3.1rem 0;
}
.header button:not(.header__burger) {
display: none !important;
}
.header .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__logo {
width: 21.5rem;
height: 5rem;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 2rem 0 0;
}
.header__menu {
margin: 1.5rem 0 0;
}
.header__menu-list,
.header .wp-block-navigation__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__nav-item,
.header .wp-block-navigation-item {
position: relative;
}
.header__nav-item.wp-block-navigation-submenu .wp-block-navigation-item__content,
.header .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation-item__content {
color: #fff;
}
.header__nav-item.wp-block-navigation-submenu .wp-block-navigation-submenu__toggle,
.header .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation-submenu__toggle {
color: #fff;
width: 2rem;
height: 2rem;
}
.header__nav-item.wp-block-navigation-submenu .wp-block-navigation-submenu__toggle svg,
.header .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation-submenu__toggle svg {
width: 1.9rem;
height: 2rem;
margin: 0 0 0 0.5rem;
}
.header__nav-item:not(:last-of-type),
.header .wp-block-navigation-item:not(:last-of-type) {
margin: 0 7.5rem 0 0;
}
.header__nav-item:hover .header__nav-submenu,
.header .wp-block-navigation-item:hover .header__nav-submenu {
opacity: 1;
visibility: visible;
pointer-events: all;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.header__nav-item.active .header__nav-item-btn,
.header .wp-block-navigation-item.active .header__nav-item-btn {
color: #FD6D2F;
}
.header__nav-item.active .header__nav-item-btn svg,
.header .wp-block-navigation-item.active .header__nav-item-btn svg {
fill: #FD6D2F;
color: #FD6D2F;
}
.header__nav-link,
.header .wp-block-navigation-item__content {
font-size: 2rem;
color: #fff;
-webkit-transition: color .3s;
transition: color .3s;
}
.header__nav-link:hover,
.header__nav-link.active,
.header .wp-block-navigation-item__content:hover,
.header .wp-block-navigation-item__content.active {
color: #FD6D2F;
}
.header__nav-item-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
border: none;
font-size: 2rem;
color: #fff;
cursor: pointer;
-webkit-transition: color .3s;
transition: color .3s;
}
.header__nav-item-btn:hover {
color: #FD6D2F;
}
.header__nav-item-btn:hover svg {
fill: #FD6D2F;
}
.header__nav-item-btn svg {
width: 1.6rem;
height: .9rem;
fill: #fff;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 1.1rem;
-webkit-transition: fill .3s, -webkit-transform .3s;
transition: fill .3s, -webkit-transform .3s;
transition: fill .3s, transform .3s;
transition: fill .3s, transform .3s, -webkit-transform .3s;
}
.header__nav-submenu,
.header .wp-block-navigation__submenu-container {
min-width: 21.6rem;
position: absolute;
right: 0;
top: 100%;
z-index: 3;
background: #272727;
text-align: right;
opacity: 0;
visibility: hidden;
pointer-events: none;
padding: 7.6rem 3.7rem 3.0rem 2.0rem;
-webkit-transform: translate(0, 10%);
transform: translate(0, 10%);
-webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
transition: opacity .3s, visibility .3s, -webkit-transform .3s;
transition: opacity .3s, visibility .3s, transform .3s;
transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s;
}
.header__nav-submenu-item:not(:last-of-type),
.header .wp-block-navigation__submenu-container .wp-block-navigation-item:not(:last-of-type) {
margin: 0 0 2rem;
}
.header__nav-submenu-link,
.header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
font-size: 2rem;
color: #fff;
-webkit-transition: color .3s;
transition: color .3s;
}
.header__nav-submenu-link:hover,
.header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
color: #FD6D2F;
}
.header__burger {
display: none;
}
.banner__item {
padding: 6rem 9rem 9rem;
}
.banner__item-img {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.banner__title {
color: #fff;
margin: 0 0 12rem;
}
.banner__btn {
min-width: 36.7rem;
min-height: 9.4rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
font-weight: 700;
font-size: 3rem;
color: #fff;
background: #FD6D2F;
border: none;
padding: 0 2rem;
cursor: pointer;
-webkit-transition: -webkit-filter .3s, -webkit-box-shadow .3s;
transition: -webkit-filter .3s, -webkit-box-shadow .3s;
transition: filter .3s, box-shadow .3s;
transition: filter .3s, box-shadow .3s, -webkit-filter .3s, -webkit-box-shadow .3s;
}
.banner__btn:hover {
-webkit-filter: drop-shadow(0.2rem 0.2rem 1rem rgba(253, 109, 47, 0.15));
filter: drop-shadow(0.2rem 0.2rem 1rem rgba(253, 109, 47, 0.15));
}
.banner__btn:active {
-webkit-box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.banner__pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
left: 9.3rem;
bottom: 3rem;
z-index: 1;
}
.banner__pagination .swiper-pagination-bullet {
display: inline-block;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background: rgba(239, 239, 239, 0.5);
margin: 0 .6rem;
cursor: pointer;
}
.banner__pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
background: rgba(239, 239, 239, 0.8);
}
.banner__pagination .swiper-pagination-bullet-active {
background: #FD6D2F;
}
.section {
padding: 0 0 12rem;
}
.section__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 5rem;
}
.section__head-title.title {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
margin: 0 3rem 0 0;
padding: 0 2rem 0 0;
}
.section__head-nav {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section__head-btn {
border: none;
background: transparent;
cursor: pointer;
}
.section__head-btn:first-of-type {
margin: 0 4.3rem 00 0;
}
.section__head-btn:hover svg {
fill: #FD6D2F;
}
.section__head-btn svg {
width: 4.1rem;
height: 1.6rem;
fill: #5C5C5C;
-webkit-transition: fill .3s;
transition: fill .3s;
}
.section__head-all {
display: none;
}
.section__head-all svg {
width: 40px;
height: 12px;
fill: #5C5C5C;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 10px;
}
.tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 4rem;
}
.tabs__item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
min-height: 5rem;
min-width: 21.5rem;
font-size: 1.6rem;
background: #E9E9E9;
border: none;
padding: 0 1.5rem;
cursor: pointer;
-webkit-transition: -webkit-box-shadow .3s;
transition: -webkit-box-shadow .3s;
transition: box-shadow .3s;
transition: box-shadow .3s, -webkit-box-shadow .3s;
}
.tabs__item.active {
color: #fff;
background: #FD6D2F;
}
.tabs__item.active .tabs__item-arrow {
fill: #FD6D2F;
}
.tabs__item:not(.active):hover {
-webkit-box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.tabs__item:not(:last-of-type) {
margin-right: 3rem;
}
.tabs__item-arrow {
width: 2.5rem;
height: 1.2rem;
-ms-flex-negative: 0;
flex-shrink: 0;
fill: #272727;
margin: 0 0 0 1.5rem;
}
.home-forecasts__tabs {
margin: 0 0 3rem;
}
.expert__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 5rem;
}
.expert__photo {
position: relative;
width: 33.8rem;
height: 33.8rem;
margin: 0 3rem 0 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.expert__photo img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.expert__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.expert__date {
font-size: 1.4rem;
color: #5C5C5C;
margin: 0 0 1.5rem;
}
.expert__name {
font-weight: 700;
font-size: 6rem;
line-height: 1.21;
margin: 0 0 1.5rem;
}
.expert__info-text {
font-weight: 700;
font-size: 2.4rem;
margin: 0 0 1rem;
}
.expert__social {
margin: auto 0 0;
}
.expert__social .social__item-link {
width: 6.4rem;
height: 6.0rem;
}
.expert__social-title {
font-weight: 700;
font-size: 2.4rem;
margin: 0 0 1rem;
}
.expert__tabs {
margin: 0 0 5rem;
}
.expert__about-list {
max-width: 47rem;
width: 100%;
margin: 0 0 3rem;
}
.expert__about-list-item:last-of-type {
margin: 3rem 0 0;
}
.expert__tags-title {
font-weight: 700;
margin: 0 0 1.5rem;
}
.expert__stat .stat-expert__content.active {
display: block;
}
.expert__stat .stat-expert__tabs {
max-width: 58.3rem;
width: 100%;
background: #E9E9E9;
margin: 0;
padding: 2rem 1.5rem;
}
.expert__stat .stat-expert__content-wrap {
max-width: 58.3rem;
width: 100%;
background: #E9E9E9;
padding: 0 1.5rem 2rem;
margin: 0 0 3rem;
}
.home-matches__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 700;
font-size: 3rem;
line-height: 1.2;
margin: 0 0 3rem;
}
.home-matches__head-item {
color: #FD6D2F;
border-bottom: 0.4rem solid #FD6D2F;
padding: 0 .7rem 2rem;
margin: 0 13rem 0 0;
}
.home-matches__head-link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #272727;
border-bottom: 0.4rem solid #E9E9E9;
padding: 0 3rem 2rem;
-webkit-transition: color .3s, border .3s;
transition: color .3s, border .3s;
}
.home-matches__head-link:hover {
border-color: #FD6D2F;
}
.home-matches__head-link:active {
color: #FD6D2F;
border-color: #FD6D2F;
}
.home-matches__head-link:active svg {
fill: #FD6D2F;
}
.home-matches__head-link svg {
width: 4rem;
height: 1.6rem;
-ms-flex-negative: 0;
flex-shrink: 0;
fill: #272727;
margin: 0 0 0 2rem;
-webkit-transition: fill .3s;
transition: fill .3s;
}
.home-matches__head-link--mob {
display: none;
}
.matches {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.matches__tables {
max-width: 95rem;
width: 100%;
}
.matches__item:not(:last-of-type) {
margin: 0 0 6rem;
}
.matches__tourney {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #272727;
margin: 0 0 2.9rem;
}
.matches__tourney:hover {
text-decoration: underline;
}
.matches__tourney:active {
color: #FD6D2F;
}
.matches__tourney-icon {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 2rem 0 0;
}
.matches__table-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 0.1rem solid #E9E9E9;
margin: 0 0 3rem;
}
.matches__table-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 58.1rem;
flex: 0 0 58.1rem;
margin: 0 auto 0 0;
}
.matches__table-cell {
-webkit-box-flex: 0;
-ms-flex: 0 0 9.2rem;
flex: 0 0 9.2rem;
font-size: 1.4rem;
text-align: center;
margin: 0 1.5rem;
}
.matches__table-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.matches__table-row:not(:last-of-type) {
margin: 0 0 3rem;
}
.matches__table-time {
font-size: 1.4rem;
color: #5C5C5C;
margin: 0 8.8rem 0 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.matches__table-names {
font-weight: 700;
font-size: 2.4rem;
color: #272727;
-webkit-transition: color .3s;
transition: color .3s;
}
.matches__table-names:hover {
text-decoration: underline;
}
.matches__table-names:active {
color: #FD6D2F;
}
.matches__table-bet {
display: block;
width: 100%;
font-weight: 500;
font-size: 1.5rem;
color: #272727;
background: #E9E9E9;
padding: .3rem 1rem .5rem;
-webkit-transition: color .3s, background .3s, -webkit-box-shadow .3s;
transition: color .3s, background .3s, -webkit-box-shadow .3s;
transition: color .3s, background .3s, box-shadow .3s;
transition: color .3s, background .3s, box-shadow .3s, -webkit-box-shadow .3s;
}
.matches__table-bet:hover {
-webkit-box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.matches__table-bet:active {
color: #fff;
background: #FD6D2F;
}
.matches__img {
max-width: 46.1rem;
width: 100%;
margin: 0 0 0 3rem;
}
.matches__img img {
position: sticky;
top: 1rem;
}
.news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.news__list {
max-width: 95rem;
width: 100%;
}
.news__item {
position: relative;
}
.news__item:not(:last-of-type) {
margin: 0 0 3rem;
}
.news__item-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 1.7rem;
}
.news__tags {
display: none;
}
.news__item-name {
display: block;
font-weight: 700;
font-size: 3rem;
line-height: 1.2;
color: #272727;
margin: 0 0 1rem;
-webkit-transition: color .3s;
transition: color .3s;
}
.news__item-name:hover {
text-decoration: underline;
}
.news__item-name:active {
color: #FD6D2F;
}
.news__img {
max-width: 46rem;
width: 100%;
margin: 0 0 0 3rem;
}
.news__img img {
position: sticky;
top: 10px;
}
.tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -1.5rem -1.5rem;
}
.tags__item {
display: inline-block;
font-size: 1.4rem;
line-height: 1.14;
color: #FD6D2F;
padding: .5rem 1rem;
background: #E9E9E9;
margin: 0 1.5rem 1.5rem;
-webkit-transition: color .3s, background .3s, -webkit-box-shadow .3s;
transition: color .3s, background .3s, -webkit-box-shadow .3s;
transition: color .3s, background .3s, box-shadow .3s;
transition: color .3s, background .3s, box-shadow .3s, -webkit-box-shadow .3s;
}
.tags__item:hover {
-webkit-box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.tags__item:active {
color: #fff;
background: #FD6D2F;
}
.forecast-page__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.forecast-page__content {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
.forecast-page__content .page-addition__item-tags {
display: none;
}
.forecast-page__content-wrap {
margin: 0 0 5rem;
}
.forecast-page__head {
margin: 0 0 3rem;
}
.forecast-page__head .forecast__logo {
-ms-flex-item-align: start;
align-self: flex-start;
}
.forecast-page__head--mob {
display: none;
}
.forecast-page__bet-text {
font-weight: 700;
font-size: 2.8rem;
margin: 0 0 3rem;
}
.forecast-page__bet:not(:last-of-type) {
margin: 0 0 3rem;
}
.forecast-page__content-text {
margin: 0 0 3rem;
}
.forecast-page__content-text p:not(:last-of-type) {
margin: 0 0 2rem;
}
.forecast-page__info {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
margin: 0 0 0 3rem;
}
.forecast-page__date {
margin: 0 0 1rem;
}
.forecast-page__title {
margin: 0 0 3rem;
}
.forecast-page__title--mob {
display: none;
}
.forecast-page__info-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin: 0 -4rem;
}
.forecast-page__info-list li {
-webkit-box-flex: 1;
-ms-flex: 1 1 20rem;
flex: 1 1 20rem;
font-size: 1.4rem;
color: #5C5C5C;
padding: 0 4rem 1rem;
}
.forecast-page__info-list li:nth-child(2n) {
-webkit-box-flex: 1;
-ms-flex: 1 1 35rem;
flex: 1 1 35rem;
}
.forecast-page__accordion.accordion {
margin: 0 0 3rem;
}
.forecast-page__accordion.accordion.open .accordion__content {
padding-bottom: 1rem;
}
.forecast-page__accordion.accordion .accordion__head {
min-height: 8rem;
font-size: 3rem;
padding: 1rem 2.5rem 1rem 1.5rem;
}
.forecast-page__accordion.accordion .accordion__content {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.forecast-page__calc-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.forecast-page__calc-row:not(:last-of-type) {
margin: 0 0 2rem;
}
.forecast-page__calc-item {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
.forecast-page__calc-item:first-of-type {
margin: 0 3rem 0 0;
}
.forecast-page__calc-item-name {
font-size: 14px;
color: #5C5C5C;
margin: 0 0 1rem;
}
.forecast-page__calc-input {
width: 100%;
height: 6.7rem;
font-weight: 700;
font-size: 2.4rem;
padding: 0 2rem;
border: 0.1rem solid #FD6D2F;
background: transparent;
text-align: center;
}
.forecast-page__calc-input--green {
color: #1DAF38;
}
.forecast-page__calc-row-btn {
width: calc(50% - 1.5rem);
text-align: right;
margin: 0 0 2rem auto;
}
.forecast-page__calc-btn {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
color: #fff;
background: #FD6D2F;
min-height: 7rem;
padding: 0 2rem;
border: none;
-webkit-transition: -webkit-filter .3s, -webkit-box-shadow .3s;
transition: -webkit-filter .3s, -webkit-box-shadow .3s;
transition: filter .3s, box-shadow .3s;
transition: filter .3s, box-shadow .3s, -webkit-filter .3s, -webkit-box-shadow .3s;
cursor: pointer;
}
.forecast-page__calc-btn:hover {
-webkit-filter: drop-shadow(0.2rem 0.2rem 1rem rgba(253, 109, 47, 0.15));
filter: drop-shadow(0.2rem 0.2rem 1rem rgba(253, 109, 47, 0.15));
}
.forecast-page__calc-btn:active {
-webkit-box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
box-shadow: inset 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.forecast-page__info-calc.accordion.open .accordion__content {
padding-bottom: 2rem;
}
.match__name-mob {
display: none;
}
.match__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 5rem;
}
.match__logos {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
margin: 0 3rem 0 0;
}
.match__date-mob {
display: none;
}
.match__logos-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.match__logos-item {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
height: 37.8rem;
background: #fff;
-webkit-box-shadow: 0.4rem 0.4rem 1rem rgba(253, 109, 47, 0.2);
box-shadow: 0.4rem 0.4rem 1rem rgba(253, 109, 47, 0.2);
border-radius: .1rem;
}
.match__logos-item:first-of-type {
margin: 0 2rem 0 0;
}
.match__logos-item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.match__info {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 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-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.match__content-info {
padding-bottom: 1rem;
}
.match__info-date {
margin: 0 0 1.5rem;
}
.match__name {
font-weight: 700;
font-size: 3rem;
line-height: 1.2;
margin: 0 0 3rem;
}
.match__bet-wrap {
margin: auto 0 0;
}
.match__bet:not(:last-of-type) {
margin: 0 0 1.5rem;
}
.match__wrap {
margin: 0 0 5rem;
}
.match__list {
margin: 0 -2.5rem;
}
.match__list-item {
display: inline-block;
font-weight: 700;
font-size: 2.4rem;
padding: 0 2.5rem;
}
.match__mob-info {
display: none;
}
.tourney__name-mob {
display: none;
}
.tourney__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 5rem;
}
.tourney__logo {
position: relative;
width: 33.9rem;
height: 33.9rem;
-webkit-filter: drop-shadow(0.4rem 0.4rem 1rem rgba(253, 109, 47, 0.2));
filter: drop-shadow(0.4rem 0.4rem 1rem rgba(253, 109, 47, 0.2));
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tourney__logo img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.tourney__info {
margin: 0 0 0 2.5rem;
}
.tourney__info-table {
font-weight: 700;
font-size: 2.4rem;
}
.tourney__info-table-row:not(:last-child) .tourney__info-table-cell {
padding-bottom: 3rem;
}
.tourney__info-table-cell:not(:last-child) {
padding: 0 10.2rem 0 0;
}
.tourney__season {
font-weight: 700;
font-size: 3rem;
margin: 0 0 5rem;
}
.tourney__tables {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 -3rem;
}
.tourney__tables-item {
width: calc(50% - 3rem / 2);
margin: 0 0 3rem;
}
.tourney__tables-item table {
width: 100%;
}
.tourney__tables-head th {
font-weight: 400;
font-size: 1.4rem;
color: #5C5C5C;
border-bottom: .1rem solid #fff;
text-align: center;
padding: 0 2rem 1.5rem;
}
.tourney__tables-head th:first-child {
text-align: left;
}
.tourney__tables-tbody td {
text-align: center;
padding: 1.5rem 2rem 0;
}
.tourney__tables-team {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tourney__tables-team-logo {
width: 4rem;
height: 4rem;
margin: 0 1rem 0 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.news-page__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.news-page__content {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0 3rem 0 0;
}
.news-page__content-wrap {
margin: 0 0 5rem;
}
.news-page__date {
margin: 0 0 1rem;
}
.news-page__title {
font-weight: 700;
font-size: 3rem;
padding: 0 0 1.5rem;
border-bottom: 0.5rem solid #FD6D2F;
margin: 0 0 1.5rem;
}
.news-page__img-mob {
display: none;
}
.news-page__imgs {
-webkit-box-flex: 0;
-ms-flex: 0 0 46.1rem;
flex: 0 0 46.1rem;
}
.news-page__imgs-item:not(:last-of-type) {
margin: 0 0 1.5rem;
}
.single-page__img {
margin: 0 0 15px;
}
.single-page__article:not(:last-of-type) {
margin: 0 0 3rem;
}
.single-page__article-title {
font-weight: 700;
font-size: 2.4rem;
margin: 0 0 2rem;
}
.single-page__article-text p:not(:last-of-type) {
margin: 0 0 2rem;
}
.single-page__article-num-list {
list-style: decimal;
list-style-position: inside;
margin: 0 0 2rem;
}
.single-page__article-list {
margin: 0 0 3rem;
}
.blog-page__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.blog-page__content {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
margin: 0 3rem 0 0;
}
.blog-page__date {
margin: 0 0 1rem;
}
.blog-page__title {
font-weight: 700;
font-size: 3rem;
margin: 0 0 2rem;
}
.blog-page__author {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #E9E9E9;
padding: 1rem 1.5rem;
font-size: 1.4rem;
margin: 0 0 3rem;
}
.blog-page__author--mob {
display: none;
}
.blog-page__info {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
.blog-page__info-wrap {
position: sticky;
top: 1rem;
}
.blog-page__author-photo {
width: 6rem;
height: 6rem;
-o-object-fit: cover;
object-fit: cover;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 3rem 0 0;
}
.blog-page__author-name {
color: #272727;
font-weight: 700;
font-size: 3rem;
margin: 0 auto 0 0;
}
.blog-page__author-text {
display: block;
margin: 0 0 0 2rem;
}
.page-addition {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-addition__item:not(:last-of-type) {
margin: 0 0 3rem;
}
.page-addition__item-share {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.page-addition__item-share-text {
margin: 0 3rem 0 0;
}
.page-addition__item-calc.page-addition__item {
display: none;
}
.page-addition__item-calc.page-addition__item .accordion.open .accordion__content {
padding-bottom: 15px;
}
.footer {
background: #E9E9E9;
padding: 6.0rem 0;
}
.footer__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin: 0 0 7rem;
}
.footer__logo {
width: 21.9rem;
height: 5rem;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 2rem 0 0;
}
.footer__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__menu-list,
.footer .wp-block-navigation__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__menu-list:first-of-type,
.footer .wp-block-navigation__container:first-of-type {
margin: 0 10rem 0 0;
}
.footer__menu-item:not(:last-of-type),
.footer .wp-block-navigation-item:not(:last-of-type) {
margin: 0 10rem 0 0;
}
.footer__menu-link,
.footer .wp-block-navigation-item__content {
font-weight: 700;
font-size: 1.8rem;
color: #272727 !important;
}
.footer__menu-link:hover,
.footer .wp-block-navigation-item__content:hover {
text-decoration: underline;
}
.footer__menu-link:active,
.footer .wp-block-navigation-item__content:active {
color: #FD6D2F;
}
.footer__submenu,
.footer .wp-block-navigation__submenu-container {
display: none;
}
.footer__submenu-link,
.footer__submenu .wp-block-navigation-link .wp-block-navigation-item__content {
font-size: 1.2rem;
line-height: 1.8;
color: #5C5C5C;
}
.footer__info {
font-size: 1.4rem;
line-height: 1.8;
color: #5C5C5C;
}
@media (max-width: 1700px) {
.container {
max-width: 120rem;
}
.header__nav-item:not(:last-of-type),
.header .wp-block-navigation-item:not(:last-of-type) {
margin: 0 3.5rem 0 0;
}
.footer__menu-list:first-of-type,
.footer .wp-block-navigation__container:first-of-type {
margin: 0 8rem 0 0;
}
.footer__menu-item:not(:last-of-type),
.footer .wp-block-navigation-item:not(:last-of-type) {
margin: 0 8rem 0 0;
}
}
@media (max-width: 1440px) {
.container {
max-width: 107.8rem;
}
.bet__btn {
min-width: 20rem;
}
.blog__photo {
height: 30rem;
}
.forecast__head {
min-height: 30rem;
}
.tourney-card__logo {
height: 15rem;
}
.tourney-card__name {
font-size: 2.5rem;
}
.stat-expert__content-info {
font-size: 1.6rem;
}
.main__nav-item {
margin: 0 3rem 1rem 0;
}
.header__nav-item:not(:last-of-type),
.header .wp-block-navigation-item:not(:last-of-type) {
margin: 0 2rem 0 0;
}
.footer__menu-list:first-of-type,
.footer .wp-block-navigation__container:first-of-type {
margin: 0 5rem 0 0;
}
.footer__menu-item:not(:last-of-type),
.footer .wp-block-navigation-item:not(:last-of-type) {
margin: 0 5rem 0 0;
}
}
@media (max-width: 991px) {
.container {
padding: 0 15px;
}
.bet {
padding: 0 0 0 20px;
}
.bet__logo {
max-width: 90px;
}
.bet__ratio {
font-size: 18px;
}
.bet__btn {
min-width: 157px;
min-height: 60px;
}
.blog__name {
font-size: 24px;
margin: 0 0 12px;
}
.blog__photo {
height: 350px;
}
.blog__author-photo {
width: 45px;
height: 45px;
}
.blog__author-name {
font-size: 14px;
}
.expert-card__photo {
height: 250px;
margin: 0 0 10px;
}
.expert-card__name {
font-size: 20px;
}
.forecast__head {
min-height: 350px;
padding: 15px 20px 10px;
}
.forecast__start::before {
width: 16px;
height: 14px;
margin: 0 9px 0 0;
}
.forecast__start {
font-size: 12px;
font-weight: 500;
padding: 7px 15px;
}
.forecast__logo-item:first-of-type {
margin: 0 20px 0 0;
}
.forecast__logo-item {
width: 120px;
height: 120px;
}
.forecast__info {
font-size: 12px;
margin: 0 0 7px;
}
.forecast__match {
font-size: 24px;
margin: 0 0 8px;
}
.forecast__expert-photo {
width: 45px;
height: 45px;
}
.forecast__expert-link {
font-size: 14px;
}
.forecast__expert-link br {
display: none;
}
.forecast__stat-line {
height: 2px;
margin: 0 0 5px;
}
.forecast__stat-pros {
font-size: 14px;
}
.grid {
-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;
margin: 0 0 -20px;
}
.grid__item {
max-width: 705px;
width: 100%;
}
.grid__item:not(:last-of-type) {
margin: 0 0 20px;
}
.stat__item:not(:last-of-type) {
margin: 0 20px 0 0;
}
.stat__num {
font-size: 14px;
}
.stat__icon--like {
width: 14px;
height: 14px;
}
.stat__icon--report {
width: 14px;
height: 11px;
}
.stat__icon--view {
width: 16px;
height: 11px;
}
.select {
font-size: 14px;
}
.select .ss-single-selected {
padding: 0 20px;
}
.select .ss-content .ss-list .ss-option {
padding: 0 20px;
}
.social {
margin: 0 -10px;
}
.social__item {
padding: 0 10px;
}
.social__item-link {
width: 40px;
height: 40px;
}
.tourney-card {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: none;
width: auto;
}
.tourney-card__logo {
width: 60px;
height: 60px;
margin: 0 23px 0 0;
}
.tourney-card__name {
font-size: 24px;
}
.accordion.open .accordion__content {
padding-bottom: 20px;
}
.accordion__head {
padding: 20px 20px 20px 10px;
font-size: 18px;
}
.accordion__head-expert img {
width: 50px;
height: 50px;
margin: 0 15px 0 0;
}
.accordion__content {
padding-left: 10px;
padding-right: 10px;
}
.survey__question {
font-size: 22px;
margin: 0 0 15px;
}
.survey__btns {
margin: 0 0 10px;
}
.survey__btn {
font-size: 14px;
}
.survey__info {
font-size: 12px;
}
.stat-expert__tabs {
margin: 0 0 13px;
}
.stat-expert__tab {
font-size: 14px;
}
.stat-expert__content-item:not(:last-of-type) {
margin: 0 50px 0 0;
}
.stat-expert__content-item-name {
font-size: 14px;
margin: 0 0 7px;
}
.stat-expert__content-info {
font-size: 18px;
}
.main {
padding: 0 0 80px;
}
.main--home {
padding: 20px 0;
}
.main__nav .tabs {
margin: 0;
}
.main__nav {
display: block;
}
.main__nav--match {
display: block;
margin-bottom: 0;
}
.main__nav--match .main__nav-item {
margin: 0;
}
.main__nav-item {
margin: 0 0 10px;
}
.main__info {
font-size: 16px;
}
.main__info br {
display: none;
}
.title {
font-size: 36px;
margin: 0 0 30px;
}
.hashtags__item:not(:last-of-type) {
margin: 0 15px 5px 0;
}
.date__item:not(:last-of-type) {
margin: 0 20px 0 0;
}
.date {
font-size: 12px;
}
.experts {
margin: 0 0 -30px;
}
.experts .expert-card {
width: calc(33.33% - 30px * 2 / 3);
margin: 0 30px 30px 0;
}
.experts .expert-card:nth-child(4n) {
margin-right: 30px;
}
.experts .expert-card:nth-child(3n) {
margin-right: 0;
}
.experts--other .expert-card:last-child {
display: none;
}
.championships {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0;
}
.championships .tourney-card {
width: auto;
}
.championships .tourney-card:not(:last-of-type) {
margin: 0 0 15px;
}
.championships .tourney-card:last-of-type {
margin: 0;
}
.championships-other {
display: none;
}
.header {
padding: 14px 0;
position: relative;
}
.header::after {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 6;
width: 100%;
height: 100%;
background: #272727;
-webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
}
.header__logo {
width: 142px;
height: 43px;
position: relative;
z-index: 7;
}
.header__menu {
position: fixed;
top: 0;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
width: 100%;
height: 100%;
margin: 0;
background: #272727;
padding: 90px 20px 50px;
z-index: 5;
-webkit-transition: 0.3s;
transition: 0.3s;
overflow: auto;
}
.header__menu.active {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.header__menu-list,
.header .wp-block-navigation__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.header__nav-item:not(:last-of-type),
.header .wp-block-navigation-item:not(:last-of-type) {
margin: 0 0 20px;
}
.header__nav-item.active .header__nav-item-btn,
.header .wp-block-navigation-item.active .header__nav-item-btn {
color: #fff;
}
.header__nav-item.active .header__nav-item-btn svg,
.header .wp-block-navigation-item.active .header__nav-item-btn svg {
fill: #fff;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.header__nav-item.active .header__nav-submenu,
.header .wp-block-navigation-item.active .header__nav-submenu {
opacity: 1;
visibility: visible;
pointer-events: all;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.header__nav-item.active .header__nav-submenu,
.header .wp-block-navigation-item.active .header__nav-submenu {
height: auto;
padding-top: 1.5rem;
}
.header__nav-link,
.header .wp-block-navigation-item__content {
font-weight: 500;
color: rgba(255, 255, 255, 0.6);
}
.header__nav-link:hover,
.header__nav-link.active,
.header .wp-block-navigation-item__content:hover,
.header .wp-block-navigation-item__content.active {
color: #fff;
}
.header__nav-item-btn {
font-weight: 500;
color: rgba(255, 255, 255, 0.6);
}
.header__nav-item-btn:hover {
color: rgba(255, 255, 255, 0.6);
}
.header__nav-item-btn:hover svg {
fill: rgba(255, 255, 255, 0.6);
}
.header__nav-item-btn svg {
width: 12px;
height: 6px;
fill: rgba(255, 255, 255, 0.6);
}
.header__nav-submenu,
.header .wp-block-navigation__submenu-container {
position: static;
top: auto;
right: auto;
text-align: left;
overflow: hidden;
height: 0;
will-change: height;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
padding: 0 0 0 20px;
}
.header__nav-submenu-item:not(:last-of-type),
.header .wp-block-navigation__submenu-container .wp-block-navigation-item:not(:last-of-type) {
margin: 0 0 10px;
}
.header__nav-submenu-link,
.header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
font-weight: 500;
}
.header__nav-submenu-link.active,
.header .wp-block-navigation__submenu-container .wp-block-navigation-item__content.active {
color: #fff;
}
.header__burger {
position: relative;
z-index: 7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 23px;
height: 20px;
background: transparent;
cursor: pointer;
border: none;
}
.header__burger span {
background: #FD6D2F;
width: 23px;
height: 4px;
margin: 4px 0;
border-radius: 23px;
pointer-events: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header__burger::before,
.header__burger::after {
content: '';
background: #FD6D2F;
width: 23px;
height: 4px;
border-radius: 23px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header__burger.active span {
-webkit-transform: scale(0);
transform: scale(0);
}
.header__burger.active::before {
position: absolute;
top: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.header__burger.active::after {
position: absolute;
bottom: 8px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.banner__item {
padding: 40px;
}
.banner__title {
margin: 0 0 60px;
}
.banner__btn {
min-width: 250px;
min-height: 55px;
font-weight: 400;
font-size: 20px;
}
.banner__pagination {
left: auto;
right: 30px;
bottom: 25px;
}
.banner__pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 0 5px;
}
.section {
padding: 0 0 80px;
}
.section__head {
margin: 0 0 30px;
}
.section__head-title.title {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin: 0;
}
.section__head-nav {
display: none;
}
.section__head-all {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
color: #5C5C5C;
}
.section__head-all:hover {
text-decoration: underline;
}
.section__head-all:active {
color: #FD6D2F;
}
.tabs {
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
scrollbar-width: none;
margin: 0 0 30px;
}
.tabs::-webkit-scrollbar {
display: none;
}
.tabs__item:not(:last-of-type) {
margin: 0 20px 0 0;
}
.tabs__item {
min-width: auto;
min-height: 40px;
font-size: 14px;
padding: 0 20px;
}
.home-forecasts__tabs {
display: none;
}
.home-experts .swiper-slide {
width: auto;
}
.home-experts .expert-card {
width: 250px;
}
.home-experts .expert-card .expert-card__name {
font-weight: 400;
font-size: 24px;
}
.expert__head {
margin: 0 0 30px;
}
.expert__photo {
width: 250px;
height: 250px;
margin: 0 20px 0 0;
}
.expert__date {
margin: 0 0 11px;
}
.expert__name {
font-size: 24px;
margin: 0 0 10px;
}
.expert__info-text {
font-weight: 400;
font-size: 16px;
}
.expert__info-text p:not(:last-of-type) {
margin: 0 0 10px;
}
.expert__social .social__item-link {
width: 40px;
height: 40px;
}
.expert__social-title {
font-weight: 400;
font-size: 14px;
margin: 0 0 5px;
}
.expert__about-list {
margin: 0 0 20px;
}
.expert__about-list-item {
font-size: 14px;
}
.expert__about-list-item:last-of-type {
margin: 20px 0 0;
}
.expert__tags-title {
font-size: 14px;
margin: 0 0 10px;
}
.expert__stat .stat-expert__tabs {
background: none;
padding: 0;
margin: 0 0 13px;
}
.expert__stat .stat-expert__content-wrap {
background: none;
padding: 0;
margin: 0 0 15px;
}
.home-matches__head {
margin: 0 0 30px;
}
.home-matches__head-item {
color: #272727;
font-size: 36px;
border-bottom: none;
padding: 0 20px 0 0;
margin: 0;
}
.home-matches__head-link--pc {
display: none;
}
.home-matches__head-link--mob {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
border-bottom: none;
font-weight: 400;
font-size: 14px;
color: #5C5C5C;
padding: 0;
}
.home-matches__head-link--mob:hover {
text-decoration: underline;
}
.home-matches__head-link--mob:active {
color: #FD6D2F;
}
.home-matches__head-link--mob svg {
width: 40px;
height: 12px;
fill: #5C5C5C;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 10px;
}
.matches__tables {
max-width: 100%;
}
.matches__item:not(:last-of-type) {
margin: 0 0 30px;
}
.matches__tourney {
margin: 0 0 10px;
}
.matches__tourney-icon {
width: 30px;
height: 30px;
margin: 0 15px 0 0;
}
.matches__tourney-name {
font-size: 14px;
}
.matches__table {
margin: 0 -15px;
}
.matches__table-head {
font-size: 14px;
padding: 0 15px 3px;
margin: 0 0 20px;
}
.matches__table-info {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.matches__table-cell {
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
margin: 0 12px;
}
.matches__table-row:not(:last-of-type) {
margin: 0 0 20px;
}
.matches__table-row {
padding: 0 15px;
}
.matches__table-time {
font-size: 12px;
margin: 0 20px 0 0;
}
.matches__table-names {
font-size: 16px;
font-weight: 400;
}
.matches__table-bet {
font-size: 14px;
padding: 4px 15px;
}
.matches__img {
display: none;
}
.news__list {
max-width: 100%;
}
.news__item:not(:nth-child(3)) {
border-bottom: 1px solid #E9E9E9;
padding: 0 0 15px;
margin: 0 0 15px;
}
.news__item:nth-child(3) {
margin: 0;
}
.news__item-info {
font-size: 10px;
margin: 0 0 8px;
}
.news__item-name {
font-size: 24px;
margin: 0;
}
.news__item-descr {
display: none;
}
.news__img {
display: none;
}
.home-tourneys__slider .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home-tourneys__slider .swiper-slide {
width: auto !important;
}
.home-tourneys__slider .swiper-slide:not(:last-of-type) {
margin: 0 0 15px;
}
.tags {
font-size: 12px;
margin: 0 -10px -10px;
}
.tags__item {
font-size: 12px;
margin: 0 10px 10px;
}
.forecast-page__wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.forecast-page__content {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.forecast-page__content .page-addition__item-tags {
display: block;
}
.forecast-page__content-wrap {
margin: 0 0 20px;
}
.forecast-page__head {
display: none;
}
.forecast-page__head--mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 20px;
}
.forecast-page__bet-text {
font-size: 20px;
margin: 0 0 15px;
}
.forecast-page__bet:not(:last-of-type) {
margin: 0 0 20px;
}
.forecast-page__bet:last-of-type {
display: none;
}
.forecast-page__content-text {
margin: 0 0 20px;
}
.forecast-page__content-text p:not(:last-of-type) {
margin: 0 0 16px;
}
.forecast-page__content-text {
font-size: 14px;
}
.forecast-page__info {
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.forecast-page__date {
margin: 0 0 5px;
}
.forecast-page__title {
display: none;
}
.forecast-page__title--mob {
display: block;
margin: 0 0 20px;
}
.forecast-page__info-list {
margin: 0 -20px;
}
.forecast-page__info-list li:nth-child(2n) {
-webkit-box-flex: 1;
-ms-flex: 1 1 500px;
flex: 1 1 500px;
}
.forecast-page__info-list li {
font-size: 12px;
-webkit-box-flex: 1;
-ms-flex: 1 1 220px;
flex: 1 1 220px;
padding: 0 20px 10px;
}
.forecast-page__accordion.accordion {
margin: 0 0 20px;
}
.forecast-page__accordion.accordion .accordion__head {
font-size: 20px;
min-height: 60px;
}
.forecast-page__calc-row:not(:last-of-type) {
margin: 0 0 10px;
}
.forecast-page__calc-item:first-of-type {
margin: 0 15px 0 0;
}
.forecast-page__calc-item-name {
font-size: 12px;
}
.forecast-page__calc-input {
height: 50px;
font-size: 16px;
}
.forecast-page__calc-row-btn {
width: calc(50% - 7.5px);
margin: 0 0 10px auto;
}
.forecast-page__calc-btn {
min-height: 60px;
font-size: 14px;
}
.forecast-page__info-calc.accordion {
display: none;
}
.forecast-page__info-tags {
display: none;
}
.match__name-mob {
display: block;
font-weight: 700;
font-size: 24px;
margin: 0 0 10px;
}
.match__head {
margin: 0 0 30px;
}
.match__logos {
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-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0 10px 0 0;
}
.match__date-mob {
display: block;
font-size: 14px;
margin: 0 0 10px;
}
.match__logos-wrap {
margin: auto 0 0;
}
.match__logos-item:first-of-type {
margin: 0 5px 0 0;
}
.match__logos-item {
height: 290px;
}
.match__info {
-webkit-box-flex: 0;
-ms-flex: 0 1 45%;
flex: 0 1 45%;
}
.match__content-info {
display: none;
}
.match__info-date {
display: none;
}
.match__name {
display: none;
}
.match__bet-wrap {
margin: 0;
}
.match__bet:not(:last-of-type) {
margin: 0 0 10px;
}
.match__bet {
padding: 0;
background: transparent;
}
.match__bet .bet__logo,
.match__bet .bet__ratio {
display: none;
}
.match__bet .bet__btn {
width: 100%;
min-width: auto;
background: #fff;
color: #FD6D2F;
border: 1px solid #FD6D2F;
}
.match__wrap {
margin: 0 0 30px;
}
.match__list {
margin: 0;
}
.match__list-item {
display: block;
font-weight: 400;
font-size: 14px;
padding: 0;
}
.match__mob-info {
display: block;
font-size: 14px;
margin: 20px 0 0;
}
.tourney__name-mob {
display: block;
font-weight: 700;
font-size: 24px;
margin: 0 0 10px;
}
.tourney__head {
margin: 0 0 30px;
}
.tourney__logo {
width: 200px;
height: 200px;
}
.tourney__info {
margin: 0 0 0 30px;
}
.tourney__name {
display: none;
}
.tourney__info-table {
font-weight: 400;
font-size: 18px;
}
.tourney__info-table-row:not(:last-child) .tourney__info-table-cell {
padding-bottom: 20px;
}
.tourney__info-table-cell:not(:last-child) {
font-weight: 700;
padding: 0 40px 0 0;
}
.tourney__season {
font-size: 18px;
margin: 0 0 20px;
}
.tourney__tables {
margin: 0 0 -20px;
}
.tourney__tables-item {
width: 100%;
margin: 0 0 20px;
}
.tourney__tables-item .accordion__content {
padding: 0;
}
.tourney__tables-head th {
font-size: 12px;
padding: 0 10px 5px;
border-bottom: none;
}
.tourney__tables-tbody td {
padding: 10px 10px 0;
font-size: 14px;
}
.tourney__tables-team {
font-size: 14px;
}
.tourney__tables-team-logo {
width: 25px;
height: 25px;
margin: 0 7px 0 0;
}
.news-page__content {
margin: 0;
}
.news-page__content-wrap {
margin: 0 0 20px;
}
.news-page__date {
margin: 0 0 5px;
}
.news-page__title {
font-size: 22px;
border-bottom: none;
padding: 0;
margin: 0 0 10px;
}
.news-page__img-mob {
display: block;
}
.news-page__imgs {
display: none;
}
.single-page__img {
margin: 0 auto 15px;
}
.single-page__article:not(:last-of-type) {
margin: 0 0 20px;
}
.single-page__article-title {
font-size: 18px;
margin: 0 0 12px;
}
.single-page__article-text p:not(:last-of-type) {
margin: 0 0 16px;
}
.single-page__article-text {
font-size: 14px;
}
.single-page__article-num-list {
font-size: 14px;
margin: 0 0 16px;
}
.blog-page .page-addition__item-tags {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.blog-page .page-addition__item-share {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.blog-page__wrap {
display: block;
}
.blog-page__content {
margin: 0 0 20px;
}
.blog-page__date {
margin: 0 0 5px;
}
.blog-page__title {
font-size: 22px;
border-bottom: none;
padding: 0;
margin: 0 0 10px;
}
.blog-page__author {
display: none;
}
.blog-page__author--mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
background: transparent;
margin: 0 0 15px;
}
.blog-page__info-wrap {
position: static;
top: auto;
}
.blog-page__author-photo {
width: 50px;
height: 50px;
margin: 0 15px 0 0;
}
.blog-page__author-name {
font-size: 18px;
}
.blog-page__author-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.blog-page__author-text {
margin: 0;
font-size: 12px;
}
.page-addition__item:not(:last-of-type) {
margin: 0 0 20px;
}
.page-addition__item-stat.page-addition__item {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin: 0 0 15px;
}
.page-addition__item-tags {
position: relative;
padding: 20px 0 0;
}
.page-addition__item-tags::before {
content: '';
position: absolute;
top: 0;
left: -15px;
width: calc(100% + 30px);
border-top: 1px solid #E9E9E9;
}
.page-addition__item-share {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-addition__item-share-text {
font-size: 14px;
margin: 0 15px 0 0;
}
.page-addition__item-calc.page-addition__item {
display: block;
margin: 0;
}
.footer {
padding: 40px 0;
}
.footer__wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 20px;
}
.footer__logo {
width: 142px;
height: 43px;
}
.footer__menu-list:first-of-type,
.footer .wp-block-navigation__container:first-of-type {
margin: 0 20px 0 0;
}
.footer__menu-item:not(:last-of-type),
.footer .wp-block-navigation-item:not(:last-of-type) {
margin: 0 20px 0 0;
}
.footer__menu-link,
.footer .wp-block-navigation-item__content {
font-size: 16px;
}
}
@media (max-width: 991px) and (max-width: 574px) {
.grid__item:not(:last-of-type) {
margin: 0 0 15px;
}
}
@media (max-width: 767px) {
.blog__photo {
height: 270px;
}
.expert-card__photo {
height: 180px;
}
.expert-card__name {
font-size: 16px;
}
.forecast__head {
min-height: 270px;
}
.stat__num {
font-size: 12px;
}
.survey__question {
font-size: 20px;
}
.stat-expert__tab {
font-size: 12px;
}
.stat-expert__content-info {
font-size: 16px;
}
.main {
padding: 0 0 50px;
}
.main__info {
font-size: 14px;
}
.title {
font-size: 28px;
margin: 0 0 20px;
}
.banner__item {
padding: 35px 30px;
}
.banner__title {
margin: 0 0 40px;
}
.banner__btn {
min-width: 200px;
min-height: 50px;
font-size: 16px;
}
.banner__pagination {
bottom: 20px;
}
.banner__pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
margin: 0 4px;
}
.section {
padding: 0 0 50px;
}
.section__head {
margin: 0 0 20px;
}
.tabs {
margin: 0 0 20px;
}
.home-experts .expert-card {
width: 170px;
}
.expert__name {
font-size: 20px;
}
.home-matches__head {
margin: 0 0 20px;
}
.home-matches__head-item {
font-size: 28px;
}
.matches__tourney-icon {
width: 24px;
height: 24px;
margin: 0 10px 0 0;
}
.matches__table-head {
font-size: 12px;
}
.matches__table-cell {
font-size: 12px;
}
.matches__table-names {
font-size: 14px;
}
.matches__table-bet {
font-size: 12px;
}
.news__item-name {
font-size: 18px;
}
.forecast-page__bet-text {
font-size: 16px;
}
.forecast-page__info-list li:nth-child(2n) {
-webkit-box-flex: 1;
-ms-flex: 1 1 300px;
flex: 1 1 300px;
}
.forecast-page__accordion.accordion .accordion__head {
font-size: 16px;
min-height: 50px;
padding: 10px 15px 10px 10px;
}
.forecast-page__accordion.accordion .accordion__content {
padding-left: 10px;
padding-right: 10px;
}
.match__logos-item {
height: 250px;
}
.tourney__logo {
width: auto;
height: auto;
-ms-flex-negative: 1;
flex-shrink: 1;
max-width: 64px;
}
.tourney__logo img {
position: relative;
top: auto;
right: auto;
}
.tourney__info-table {
font-size: 14px;
}
.tourney__tables-tbody td {
font-size: 12px;
}
.news-page__title {
font-size: 20px;
}
.single-page__article-title {
font-size: 16px;
}
.blog-page__title {
font-size: 20px;
}
.blog-page__author-name {
font-size: 16px;
}
.page-addition__item-share-text {
font-size: 12px;
}
.footer {
padding: 30px 0 40px;
}
.footer__wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.footer__logo {
margin: 0 0 17px;
}
.footer__menu-link,
.footer .wp-block-navigation-item__content {
font-size: 14px;
}
}
@media (max-width: 574px) {
.container--no-padding {
padding: 0;
}
.bet {
padding: 0 0 0 10px;
}
.bet__logo {
max-width: 66px;
}
.bet__ratio {
font-size: 14px;
}
.bet__btn {
min-height: 50px;
font-size: 12px;
}
.blog__name {
font-size: 18px;
margin: 0 0 10px;
}
.blog__photo {
width: calc(100% + 30px);
height: 165px;
margin: 0 -15px 5px;
}
.blog__author-photo {
width: 30px;
height: 30px;
}
.blog__author-name {
font-size: 12px;
}
.expert-card__photo {
height: 158px;
}
.expert-card__name {
font-size: 14px;
}
.expert-card__info {
display: block;
}
.forecast__head {
min-height: 200px;
padding: 10px 15px 8px;
margin: 0 -15px 10px;
}
.forecast__start::before {
width: 13px;
height: 11px;
margin: 0 6px 0 0;
}
.forecast__start {
font-size: 10px;
padding: 5px 10px;
}
.forecast__logo-item:first-of-type {
margin: 0 15px 0 0;
}
.forecast__logo-item {
width: 78px;
height: 78px;
}
.forecast__info {
font-size: 10px;
margin: 0 0 5px;
}
.forecast__match {
font-size: 18px;
margin: 0 0 6px;
}
.forecast__expert-photo {
width: 30px;
height: 30px;
}
.forecast__expert-link {
font-size: 12px;
}
.forecast__stat-pros {
font-size: 12px;
}
.grid {
margin: 0 0 -15px;
}
.grid--forecast .grid__item {
display: none;
}
.grid--forecast .grid__item:nth-child(-n + 4) {
display: block;
}
.stat__num {
font-size: 10px;
}
.stat__icon--like {
width: 12px;
height: 12px;
}
.stat__icon--report {
width: 11px;
height: 8px;
}
.stat__icon--view {
width: 13px;
height: 8px;
}
.select {
font-size: 12px;
}
.select .ss-single-selected {
padding: 0 15px 0 10px;
}
.select .ss-content .ss-list .ss-option {
padding: 0 15px 0 10px;
}
.social {
margin: 0 -5px;
}
.social__item {
padding: 0 5px;
}
.social__item-link {
width: 30px;
height: 30px;
}
.tourney-card__logo {
width: 41px;
height: 41px;
}
.tourney-card__name {
font-size: 18px;
}
.accordion.open .accordion__content {
padding-bottom: 10px;
}
.accordion__head {
padding: 15px 15px 15px 6px;
font-size: 14px;
}
.accordion__head-expert img {
width: 40px;
height: 40px;
margin: 0 10px 0 0;
}
.accordion__content {
padding-left: 6px;
padding-right: 6px;
}
.survey__question {
font-size: 18px;
margin: 0 0 10px;
}
.survey__btn:first-of-type {
margin: 0 5px 0 0;
}
.survey__btn {
font-size: 12px;
border-radius: 0;
min-height: 50px;
}
.survey__info {
font-size: 10px;
}
.stat-expert__tab {
font-size: 10px;
}
.stat-expert__content-item-name {
font-size: 12px;
}
.stat-expert__content-info {
font-size: 14px;
}
.main {
padding: 0 0 30px;
}
.main--home {
padding: 10px 0 30px;
}
.main__nav {
padding: 10px 15px;
margin: -5px -15px 10px;
}
.main__nav--match {
margin-bottom: 0;
}
.main__info {
font-size: 12px;
}
.title {
font-size: 24px;
margin: 0 0 15px;
}
.date__item:not(:last-of-type) {
margin: 0 10px 0 0;
}
.date {
font-size: 10px;
}
.home-section .home-news {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.experts {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.experts .expert-card {
width: calc(50% - 30px / 2);
margin: 0 0 30px;
}
.experts .expert-card:nth-child(4n) {
margin-right: 0;
}
.experts--other .expert-card:nth-last-child(-n+2) {
display: none;
}
.championships .tourney-card:not(:last-of-type) {
margin: 0 0 10px;
}
.breadcrumbs__list {
font-size: 12px;
}
.header__logo {
width: 121px;
height: 28px;
}
.header__menu {
padding: 80px 20px 50px;
}
.header__nav-link,
.header .wp-block-navigation-item__content {
font-size: 16px;
}
.header__nav-item-btn {
font-size: 16px;
}
.header__nav-submenu-link,
.header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
font-size: 16px;
}
.banner__slider {
margin: 0 -20px;
}
.banner__item {
padding: 30px 15px 25px;
}
.banner__title {
margin: 0 0 20px;
}
.banner__btn {
min-width: 160px;
min-height: 45px;
font-size: 12px;
}
.banner__pagination {
right: 20px;
bottom: 10px;
}
.banner__pagination .swiper-pagination-bullet {
width: 6px;
height: 6px;
margin: 0 3px;
}
.section {
padding: 0 0 30px;
}
.section__head {
margin: 0 0 15px;
}
.section__head-all {
font-size: 10px;
}
.section__head-all svg {
width: 30px;
height: 8px;
}
.tabs--sb {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tabs {
margin: 0 0 15px;
}
.tabs__item:not(:last-of-type) {
margin: 0 10px 0 0;
}
.tabs__item {
font-size: 12px;
min-height: 30px;
padding: 0 10px;
}
.home-forecasts__slider {
overflow: inherit;
}
.home-forecasts__slider .swiper-slide:not(:first-child) {
display: none;
}
.home-experts__slider {
margin: 0 -15px 0 0;
}
.home-experts .expert-card {
width: 98px;
}
.home-experts .expert-card .expert-card__info {
display: none;
}
.home-experts .expert-card .expert-card__photo {
height: 94px;
margin: 0 0 5px;
}
.home-experts .expert-card .expert-card__name {
font-size: 12px;
}
.expert__head {
margin: 0 0 20px;
}
.expert__photo {
width: 172px;
height: 165px;
margin: 0 15px 0 0;
}
.expert__date {
font-size: 10px;
}
.expert__name {
font-size: 18px;
margin: 0 0 5px;
}
.expert__info-text {
font-size: 12px;
}
.expert__info-text p:not(:last-of-type) {
margin: 0 0 10px;
}
.expert__social .social__item-link {
width: 30px;
height: 30px;
}
.expert__social-title {
font-size: 10px;
}
.expert__tabs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.expert__about-list {
margin: 0 0 15px;
}
.expert__about-list-item {
font-size: 12px;
}
.expert__about-list-item b {
font-weight: 400;
}
.expert__about-list-item:last-of-type {
margin: 15px 0 0;
}
.expert__tags-title {
font-size: 12px;
}
.expert__stat .stat-expert__content-wrap {
margin: 0 0 10px;
}
.home-matches__head {
margin: 0 0 15px;
}
.home-matches__head-item {
font-size: 24px;
}
.home-matches__head-link--mob {
font-size: 10px;
}
.home-matches__head-link--mob svg {
width: 30px;
height: 8px;
}
.matches__item:not(:last-of-type) {
margin: 0 0 20px;
}
.matches__tourney-icon {
width: 17px;
height: 17px;
margin: 0 5px 0 0;
}
.matches__tourney-name {
font-size: 12px;
}
.matches__table-head {
font-size: 10px;
margin: 0 0 15px;
}
.matches__table-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.matches__table-cell {
-webkit-box-flex: 0;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
font-size: 10px;
}
.matches__table-row:not(:last-of-type) {
margin: 0 0 10px;
}
.matches__table-time {
font-size: 10px;
margin: 2px 0 0;
}
.matches__table-names {
font-size: 12px;
}
.matches__table-bet {
font-size: 11px;
}
.home-blog__slider {
overflow: inherit;
}
.home-blog__slider .swiper-slide:not(:first-child) {
display: none;
}
.news__item:not(:nth-child(3)) {
padding: 0 0 30px;
margin: 0 0 10px;
}
.news__item:nth-child(3) {
padding: 0 0 20px;
}
.news__item:nth-child(3) .news__stat {
bottom: 0;
}
.news__stat {
position: absolute;
bottom: 10px;
left: 0;
}
.news__tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.news__item-name {
font-size: 14px;
}
.home-tourneys__slider .swiper-slide:not(:last-of-type) {
margin: 0 0 10px;
}
.tags {
font-size: 10px;
margin: 0 -7px -5px;
}
.tags__item {
font-size: 10px;
margin: 0 7px 5px;
}
.forecast-page__content-wrap {
margin: 0 0 15px;
}
.forecast-page__head {
margin: 0 0 15px;
}
.forecast-page__bet-text {
font-size: 14px;
}
.forecast-page__bet:not(:last-of-type) {
margin: 0 0 15px;
}
.forecast-page__content-text {
margin: 0 0 15px;
}
.forecast-page__content-text p:not(:last-of-type) {
margin: 0 0 10px;
}
.forecast-page__content-text {
font-size: 12px;
}
.forecast-page__title {
margin: 0 0 10px;
}
.forecast-page__info-list {
margin: 0 -5px 10px;
}
.forecast-page__info-list li:nth-child(2n) {
-webkit-box-flex: 1;
-ms-flex: 1 1 220px;
flex: 1 1 220px;
}
.forecast-page__info-list li {
-webkit-box-flex: 1;
-ms-flex: 1 1 125px;
flex: 1 1 125px;
font-size: 10px;
padding: 0 5px 5px;
}
.forecast-page__accordion.accordion {
margin: 0 0 15px;
}
.forecast-page__accordion.accordion .accordion__head {
min-height: 49px;
font-size: 14px;
}
.forecast-page__calc-item:first-of-type {
margin: 0 5px 0 0;
}
.forecast-page__calc-item-name {
font-size: 10px;
margin: 0 0 5px;
}
.forecast-page__calc-input {
font-size: 14px;
height: 40px;
}
.forecast-page__calc-row-btn {
width: calc(50% - 2.5px);
}
.forecast-page__calc-btn {
min-height: 50px;
font-size: 12px;
}
.match__name-mob {
margin: 0 0 5px;
}
.match__head {
margin: 0 0 20px;
}
.match__date-mob {
font-size: 10px;
}
.match__logos-item {
height: 133px;
}
.match__bet:not(:last-of-type) {
margin: 0 0 5px;
}
.match__wrap {
margin: 0 0 20px;
}
.match__list-item {
font-size: 12px;
}
.match__mob-info {
font-size: 12px;
}
.tourney__name-mob {
margin: 0 0 5px;
}
.tourney__head {
margin: 0 0 20px;
}
.tourney__info-table {
font-size: 12px;
}
.tourney__info-table-row:not(:last-child) .tourney__info-table-cell {
padding-bottom: 10px;
}
.tourney__season {
font-size: 14px;
margin: 0 0 10px;
}
.tourney__tables {
margin: 0 0 -10px;
}
.tourney__tables-item {
margin: 0 0 10px;
}
.tourney__tables-head th {
padding: 0 5px 5px;
font-size: 10px;
}
.tourney__tables-tbody td {
font-size: 10px;
padding: 10px 5px 0;
}
.tourney__tables-team {
font-size: 12px;
}
.tourney__tables-team-logo {
width: 15px;
height: 15px;
margin: 0 5px 0 0;
}
.news-page__content-wrap {
margin: 0 0 15px;
}
.news-page__title {
font-size: 18px;
}
.single-page__img {
max-width: calc(100% + 30px);
margin: 0 -15px 15px;
}
.single-page__article:not(:last-of-type) {
margin: 0 0 15px;
}
.single-page__article-title {
font-size: 14px;
}
.single-page__article-text p:not(:last-of-type) {
margin: 0 0 10px;
}
.single-page__article-text {
font-size: 12px;
}
.single-page__article-num-list {
font-size: 12px;
margin: 0 0 12px;
}
.blog-page__content {
margin: 0 0 15px;
}
.blog-page__title {
font-size: 18px;
}
.blog-page__author-photo {
width: 40px;
height: 40px;
margin: 0 10px 0 0;
}
.blog-page__author-name {
font-size: 14px;
}
.blog-page__author-text {
font-size: 10px;
}
.page-addition__item-share-text {
font-size: 10px;
}
.footer {
padding: 20px 0 40px;
}
.footer__logo {
width: 121px;
height: 28px;
}
.footer__menu {
width: 100%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__menu-list,
.footer .wp-block-navigation__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: calc(50% - 25px / 2);
}
.footer__menu-list:first-of-type,
.footer .wp-block-navigation__container:first-of-type {
margin: 0;
}
.footer__menu-item:not(:last-of-type),
.footer .wp-block-navigation-item:not(:last-of-type) {
margin: 0 0 20px;
}
.footer__menu-link,
.footer .wp-block-navigation-item__content {
font-size: 12px;
}
.footer__submenu,
.footer .wp-block-navigation__submenu-container {
display: block;
}
.footer__info {
font-size: 12px;
}
}
@media (max-width: 360px) {
.matches__table-cell {
margin: 0 4px;
}
}
@media (max-width: 1700px) and (min-width: 992px) {
html {
font-size: calc((.66vw));
}
}.hide {
display: none;
}
.opa-0 {
opacity: 0;
}
.tabs a.tabs__item {
color: buttontext;
}
.match__logos-wrap {
justify-content: center;
}
.match__logos-wrap .match__logos-item {
max-width: 240px;
}
.navigation {
font-size: 0;
margin-left: -0.5rem;
margin-right: -0.5rem;
margin-top: 4rem;
}
.navigation ul {
display: flex;
justify-content: center;
}
.navigation .page-numbers {
padding: 0.78rem 0.5rem;
min-width: 4rem;
text-align: center;
font-size: 2rem;
font-weight: 400;
display: inline-block;
vertical-align: middle;
border: 1px solid #e9e9e9;
border-radius: 0;
margin: 0.5rem;
color: #fd6d2f;
transition: opacity 0.2s ease;
background: #e9e9e9;
}
.navigation .page-numbers:hover {
background: rgba(58, 107, 238, 0.2);
}
.navigation .page-numbers.current {
background: #fd6d2f;
border-color: #fd6d2f;
color: #272727;
box-shadow: 3px 3px 10px rgba(47, 47, 99, 0.1);
}
.navigation .page-numbers.current:hover {
opacity: 1;
}
.navigation .page-numbers.dots {
background: transparent;
border-color: transparent;
min-width: 2rem;
}
.navigation .page-numbers.prev, .navigation .page-numbers.next {
background: transparent;
border-color: transparent;
font-size: 2.6rem;
font-weight: 500;
color: #272727;
}
.navigation .page-numbers.prev:hover, .navigation .page-numbers.next:hover {
opacity: 0.6;
} .news .news__item .news__tags {
flex-flow: nowrap;
overflow: hidden;
padding-left: 1rem;
}
.news .news__item .news__tags .hashtags__link {
white-space: nowrap;
} .swiper-button-disabled {
opacity: 0.5;
pointer-events: none;
} .simple-vld-item__like .simple-vld-like.active {
fill: #1DAF38;
stroke: #1DAF38;
}
.simple-vld-item__dislike .simple-vld-dislike.active {
fill: #F44242;
stroke: #F44242;
}
.simple-vld-item__share .simple-vld-share.active, .simple-vld-item__share .simple-vld-views.active, .simple-vld-item__views .simple-vld-share.active, .simple-vld-item__views .simple-vld-views.active {
fill: #272727;
stroke: #272727;
} .home-forecasts .grid .forecast__head > a, .grid--forecast .forecast__head > a {
position: absolute;
top: 0;
left: 0;
z-index: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.home-forecasts .grid .forecast__head .forecast__logo, .grid--forecast .forecast__head .forecast__logo {
z-index: 1;
}
.mb-3 {
margin-bottom: 3rem;
}
@media screen and (max-width: 574px) {
.banner__slider {
margin: 0 -15px;
}
}
blockquote {
border-width: 1px;
}
blockquote {
border-left: 0.25em solid;
margin: 0 0 1.75em;
padding-left: 1em;
}
.forecast__start {
z-index: 5;
}
.tabs a.tabs__item.games-calendar-link {
color: #fff;
}
.navigation.pagination .pagination {
flex-wrap: wrap;
}.production-only { display: block; }
.copy-text { opacity: 0;
}