@charset "UTF-8";
:root {
    --windowHeight: 100%;
    --gridSpace: 32px;
    --iconButtonSpace: 8px;
    --headerHeight: 80px;
    --stickyHeaderHeight: 60px;
    --bodyOffsetHeight: 80px;
    --scrollbarWidth: 0px;
    --fieldColumnSpace: 32px;
    --formMaxWidth: 632px;
    --formMaxWidthS: 320px;
    --formMaxWidthL: 784px;
    --smallField: 80px;
    --fieldRowSpace: 24px;
    --checkboxRadioSpace: 16px;
    --sectionMargin: 96px
}

@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") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #14c1ff
}

.happensNow-Last{
    margin-top: 19px;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}


.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s top, .2s -webkit-transform;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s left, .2s -webkit-transform;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s right, .2s -webkit-transform;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

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

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

/*!
 * smartbanner.js v1.10.0 <https://github.com/ain/smartbanner.js>
 * Copyright © 2018 Ain Tohvri, contributors. Licensed under GPL-3.0.
 */

.smartbanner {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    width: 100%;
    height: 84px;
    background: #f3f3f3;
    font-family: Helvetica, sans, sans-serif
}

.smartbanner__exit {
    position: absolute;
    top: calc(50% - 6px);
    left: 9px;
    display: block;
    margin: 0;
    width: 12px;
    height: 12px;
    border: 0;
    text-align: center
}

.smartbanner__exit::after,
.smartbanner__exit::before {
    position: absolute;
    width: 1px;
    height: 12px;
    background: #767676;
    content: " "
}

.smartbanner__exit::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.smartbanner__exit::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.smartbanner__icon {
    position: absolute;
    top: 10px;
    left: 30px;
    width: 64px;
    height: 64px;
    border-radius: 15px;
    background-size: 64px 64px
}

.smartbanner__info {
    position: absolute;
    top: 10px;
    left: 104px;
    display: flex;
    overflow-y: hidden;
    width: 60%;
    height: 64px;
    align-items: center
}

.smartbanner__info__title {
    font-size: 14px
}

.smartbanner__info__author,
.smartbanner__info__price {
    font-size: 12px
}

.smartbanner__button {
    position: absolute;
    top: 32px;
    right: 10px;
    z-index: 1;
    display: block;
    padding: 0 10px;
    min-width: 10%;
    border-radius: 5px;
    background: #f3f3f3;
    color: #1474fc;
    font-size: 18px;
    text-align: center;
    text-decoration: none
}

.smartbanner__button__label {
    text-align: center
}

.smartbanner.smartbanner--android {
    background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
    box-shadow: inset 0 4px 0 #88b131
}

.smartbanner.smartbanner--android .smartbanner__exit {
    left: 6px;
    margin-right: 7px;
    width: 17px;
    height: 17px;
    border-radius: 14px;
    background: #1c1e21;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .8) inset, 0 1px 1px rgba(255, 255, 255, .3);
    color: #b1b1b3;
    font-family: ArialRoundedMTBold, Arial;
    font-size: 20px;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 17px;
    text-shadow: 0 1px 1px #000
}

.smartbanner.smartbanner--android .smartbanner__exit::after,
.smartbanner.smartbanner--android .smartbanner__exit::before {
    top: 3px;
    left: 8px;
    width: 2px;
    height: 11px;
    background: #b1b1b3
}

.smartbanner.smartbanner--android .smartbanner__exit:active,
.smartbanner.smartbanner--android .smartbanner__exit:hover {
    color: #eee
}

.smartbanner.smartbanner--android .smartbanner__icon {
    background-color: transparent;
    box-shadow: none
}

.smartbanner.smartbanner--android .smartbanner__info {
    color: #ccc;
    text-shadow: 0 1px 2px #000
}

.smartbanner.smartbanner--android .smartbanner__info__title {
    color: #fff;
    font-weight: 700
}

.smartbanner.smartbanner--android .smartbanner__button {
    top: 30px;
    right: 20px;
    padding: 0;
    min-width: 12%;
    border-radius: 0;
    background: 0 0;
    box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
    color: #d1d1d1;
    font-size: 14px;
    font-weight: 700
}

.smartbanner.smartbanner--android .smartbanner__button:active,
.smartbanner.smartbanner--android .smartbanner__button:hover {
    background: 0 0
}

.smartbanner.smartbanner--android .smartbanner__button__label {
    display: block;
    padding: 0 10px;
    background: #42b6c9;
    background: linear-gradient(to bottom, #42b6c9, #39a9bb);
    box-shadow: none;
    line-height: 24px;
    text-align: center;
    text-shadow: none;
    text-transform: none
}

.smartbanner.smartbanner--android .smartbanner__button__label:active,
.smartbanner.smartbanner--android .smartbanner__button__label:hover {
    background: #2ac7e1
}

*,
:after,
:before {
    box-sizing: border-box
}

article,
aside,
figure,
footer,
header,
main,
nav,
section {
    display: block
}

button,
input,
select,
textarea {
    font-family: cfastystd, Arial, sans-serif
}

input::-moz-focus-inner {
    border: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input,
input[type=search] {
    border-radius: 0;
    -webkit-appearance: none;
    box-shadow: none
}

input {
    border: none;
    outline: 0
}

.openModal {
    cursor: pointer
}

.social.inl {
    line-height: 1
}

.mainNav {
    text-align: left;
    padding: 0 20px
}

.topNav .rightColmn:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #02478f
}

.rightColmn .itm {
    width: 50%;
    float: left;
    padding: 0 45px;
    border-left: solid 1px #cacaca
}

.content h3 p {
    margin-bottom: .5em
}

.mainNav .title {
    font-size: 18px;
    font-weight: 700
}

.mainNav .title a {
    color: #fff
}

.mainNav ul li ul li {
    display: block
}

.mainNav ul li {
    font-size: 14px
}

.mainNav ul.tagsUl li {
    margin-bottom: 8px
}

.mainNav>ul>li {
    margin-bottom: 32px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column
}

.navMore ul li {
    font-size: 13px;
    font-weight: 600;
    list-style: none
}

.navMore ul li a {
    color: #fff;
    padding: 2px 0
}

.trigerTool {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 0 5px
}

.tooltip {
    background: #d2dce1;
    position: absolute;
    bottom: calc(100% + 15px);
    left: 50%;
    padding: 6px 5px;
    color: #7f8d94;
    z-index: 6;
    width: 100px;
    text-align: center;
    margin-left: -50px;
    font-style: normal;
    visibility: hidden;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, .15)
}

.tooltip:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #d2dce1;
    width: 100%;
    height: 100%
}

.desktop .tooltip {
    transition: opacity .2s ease, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease;
    transition: transform .2s ease-out, opacity .2s ease, -webkit-transform .2s ease-out
}

.tooltip:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    z-index: -2;
    background: #d2dce1;
    width: 15px;
    height: 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    margin-left: -5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.checkbox input,
.radio input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    cursor: pointer
}

.checkbox {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 5px 30px;
    padding-left: 30px;
    min-height: 19px
}

.checkbox label {
    font-size: 15px;
    color: #6c6c6c;
    text-align: left;
    display: block;
    line-height: 1.2
}

.checkbox label a {
    z-index: 2;
    position: relative
}

.checkbox .icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 17px;
    background: #fff;
    border-radius: 5px;
    height: 19px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
    border: solid 2px #ddd
}

.checkbox .icon:after {
    content: "\e900";
    position: absolute;
    bottom: 0;
    font-family: icomoon;
    left: 0;
    font-style: normal;
    font-size: 10px;
    width: 0;
    height: 14px;
    text-align: left;
    color: #33ade3;
    display: block;
    overflow: hidden;
    transition: all .5s ease-in-out
}

.checkbox input:checked~.icon:after {
    width: 18px
}

.radio {
    position: relative;
    padding: 0 5px 0 24px;
    margin: 28px 0;
    z-index: 1;
    text-align: left
}

.radio .icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border: solid 1px #bcae9d;
    width: 14px;
    border-radius: 50%;
    height: 14px
}

.radio label {
    font-size: 15px;
    color: #777674
}

.radio .icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background: #40b8e5;
    border-radius: 50%;
    margin: -4px 0 0 -4px;
    opacity: 0;
    transition: opacity .5s ease-in-out
}

.radio input:checked~.icon:after {
    opacity: 1
}

.article figure a {
    display: block
}

.section.black .title h2,
.section.blue .title h2 {
    color: #fff
}

.pageSkin .section.blue .wrapper {
    padding-top: 22px;
    padding-bottom: 22px
}

.article.sml .heading {
    margin-top: .7em;
    margin-bottom: .7em
}

.content .wllRed .article p {
    font-size: 14px
}
.article.typeWide.inlineContent.mobInlineContent {
    padding-top: 15px;
}

.article h5 {
    background: #f47b23;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 7px;
    margin-bottom: 1.2em;
    line-height: 1;
    font-weight: 400
}

.inl {
    vertical-align: middle;
    display: inline-block
}

.bullets {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin: 0 10px;
    background: #a2a2a2
}

.bullets:after,
.bullets:before {
    content: "";
    position: absolute;
    top: 0;
    right: -6px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #a2a2a2
}

.bullets:before {
    right: auto;
    left: -6px
}

.cntFlex {
    width: 100%;
    align-items: center;
    padding: 19px 30px;
    position: relative
}

.main-slider-news~.bannerWrp {
    background: 0 0
}

.section.bannerWrp .wrapper {
    padding: 0;
    max-width: 100%
}

aside.aside.flowThorz {
    border: none
}

.grayTopCnt .tagsCnt:after,
.grayTopCnt .tagsCnt:before {
    content: none
}

.grayTopCnt .col4:after {
    right: auto;
    left: 67%;
    background: #ededed;
    z-index: -2
}

.section.mainSection {
    background: 0 0
}

.aside {
    order: 1
}

.disTable {
    display: table;
    width: 100%
}

.disTable .td {
    display: table-cell;
    vertical-align: middle
}

.txt {
    line-height: 1.312
}

.mainLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.slideOuter .mainLink {
    display: block
}

a.out {
    display: none
}

.artRow {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.title h2 .img {
    background: #02305e;
    display: inline-block;
    vertical-align: middle;
    padding: 2px 3px;
    line-height: 1;
    font-size: 0;
    margin-top: -6px;
    margin-right: 5px
}

.title h2 .img img {
    max-height: 30px
}

.title h2 .img.orange {
    background: #9f1f18
}

.title h2 sup {
    background: #02305e;
    padding: 5px 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    top: -1.3em;
    display: inline-block;
    line-height: 1;
    margin: 0 3px
}

.topInfo .col4 .tagsWrp {
    margin-top: 0
}

.section.looped {
    padding: 0
}

.pageSkin .section.black .wrapper,
.section.black {
    background: #000;
    padding: 27px 0
}

.blogs .item {
    padding: 17px 15px 0
}

.slider {
    padding: 0 52px
}

.whiteNav .icon-arrow-left:before {
    content: "\e90e"
}

.whiteNav .icon-arrow-right:before {
    content: "\e90d"
}

.section.gray {
    background: #ededed;
    position: relative;
    z-index: 1
}

.sponsor {
    position: relative;
    z-index: 2
}

.sponsor figure {
    min-height: 100px;
    text-align: center;
    position: relative;
    overflow: hidden
}

.sponsor img {
    max-height: 100px;
    max-width: inherit;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -wekbit-transform: translateX(-50%)
}

.skin-p {
    height: 307px;
    pointer-events: none
}

.withSkin {
    position: relative;
    padding: 40px;
    overflow: hidden;
    background: 0 0
}

.withSkin .wrapper {
    padding-bottom: 30px;
    background: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.pageSkin .skinCnt {
    display: none
}

.pageSkin .skin-p~.skinCnt {
    display: block
}

.content.details span {
    display: inline-block
}

.skinOut {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.skinCnt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: top center
}

.skinCnt.btm {
    position: absolute;
    left: 0;
    width: 100%;
    top: auto;
    bottom: 0;
    height: 270px;
    background-repeat: no-repeat;
    background-position: bottom center
}

.skinCnt.btm+.wrapper {
    margin-bottom: 230px
}

.title h5 figure {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px
}

.title h5 {
    font-size: 14px;
    color: #a3a3a3;
    text-align: center;
    font-weight: 400;
    position: relative;
    top: -5px
}

.sectBg {
    position: absolute;
    height: 600px;
    max-height: 59%;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.section.wthBg {
    position: relative
}

.loader {
    margin: 20px auto;
    width: 60px;
    height: 42px;
    text-align: center;
    font-size: 0
}

.loader>div {
    height: 100%;
    width: 4px;
    display: inline-block;
    margin: 0 2px;
    background: #4f4f4f;
    -webkit-animation: delay .8s infinite ease-in-out -.1s;
    animation: delay .8s infinite ease-in-out -.1s
}

.loader .bar2 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.loader .bar3 {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.loader .bar4 {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.loader .bar5 {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.loader .bar6 {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

@-webkit-keyframes delay {
    0%,
    100%,
    40% {
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5);
        opacity: .6
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        opacity: 1
    }
}

@keyframes delay {
    0%,
    100%,
    40% {
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5);
        opacity: .6
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        opacity: 1
    }
}

.bannerWrp figure {
    margin: 0 auto
}

.tags.hideCnt .cnt:after {
    opacity: 1
}

.aside .bannerWrp.lightblue {
    padding: 22px 0
}

.topImg.mainVideo .playVideo {
    padding-top: 56%
}

.hidden {
    display: none
}

.articles,
.articlesWrp {
    transition: all .4s linear;
    position: relative
}

.liveVideo .cnt.videoWrp {
    position: relative
}

.videoWrp .player {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0
}

.inner.pageSkin .wrapper {
    max-width: 1200px;
    background: #fff
}

.inner.pageSkin .happensNow .wrapper {
    background: 0 0
}

.captcha button:after {
    content: "\e984";
    font-size: 32px;
    color: #62a4e9;
    font-family: icomoon
}

.sitemap nav {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin-bottom: 50px
}

.sitemap nav>ul>li {
    margin-bottom: 1.2em;
    padding-right: 5px
}

.sitemap nav>ul>li>a {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3
}

.sitemap nav ul ul {
    padding: 15px 0 15px 21px
}

.sitemap nav ul ul li {
    list-style: none;
    margin-bottom: 3px
}

.sitemap nav ul ul li a {
    font-size: 16px
}

.sitemap a {
    position: relative
}

.sitemap a:before {
    content: "\e91a";
    font-family: icomoon;
    position: absolute;
    left: -15px;
    top: 50%;
    color: #9f1f18;
    font-size: 11px;
    margin-top: -6px;
    opacity: 0;
    transition: opacity .5s ease
}

.sitemap ul ul a:before {
    font-size: 8px;
    margin-top: -7px
}

.wrp time~.social {
    border-left: solid 1px #a2a2a2;
    padding-left: 8px;
    margin: 4px 0 7px
}

.wrp .social a {
    margin: 0 4px;
    font-size: 14px
}

.wrp .social a.icon-google-plus {
    font-size: 16px
}

.blueArt article figure {
    padding: 0 7px 5px 0;
    position: relative;
    z-index: 1;
    background: #f6f6f6;
    text-align: center;
    line-height: 230px;
    width: 100%;
    margin: 5px 0 23px 7px
}

.blueArt article figure:after {
    content: "";
    background: #d2e4f6;
    position: absolute;
    z-index: -1;
    left: -7px;
    top: -5px;
    width: 100%;
    height: 100%
}

.blueArt h3 {
    font-size: 24px
}

.blueArt .heading {
    margin-bottom: 15px
}

.blueArt .txt,
.blueArt .txt p {
    color: #828282;
    line-height: 1.5;
    font-size: 16px
}

time.lgTime {
    font-size: 24px;
    color: #a2a2a2;
    font-weight: 700;
    padding: 0;
    margin: 0 0 20px 0
}

time.lgTime:before {
    content: none
}

.fixedShare {
    margin: 30px 0
}

.blueArt .txt {
    display: block
}

.topImg {
    margin-bottom: 15px;
    position: relative
}

.columns2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

hr {
    border-top: solid 1px #ededed;
    margin: 20px 0
}

.columns2 .itm {
    margin-bottom: 30px;
    padding-right: 10px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column
}

.columns2 .itm:last-child {
    margin-bottom: 0
}

.info ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 700;
    color: #4f4f4f;
    margin: 5px 0;
    padding-right: 19px;
    line-height: 1.1;
    position: relative
}

.info ul li:after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #a2a2a2;
    position: absolute;
    right: 6px;
    top: calc(50% - 2px)
}

.info ul li:last-child:after {
    content: none
}

.info ul li:last-child {
    padding-right: 0
}

.details figure.left {
    float: left;
    width: 490px;
    max-width: 56%;
    margin: 30px 30px 30px -105px
}

.cntTxt>.side-image,
.details>.side-image,
.side-image {
    float: left;
    width: 490px;
    max-width: 56%;
    margin: 30px 30px 30px -105px
}

.cntTxt>figure,
.details>figure {
    margin: 30px 0 30px -105px;
    text-align: center
}

.info a {
    text-decoration: underline;
    color: #62a4e9
}

.info a.link {
    text-decoration: none
}

.comCnt .txt,
.comCnt p {
    color: #000;
    margin: 0 0 5px
}

.pageSkin {
    position: relative
}

.asideSection {
    position: relative;
    text-align: left;
    margin: 20px 0
}

.inner .aside,
.mainSection.sml .aside {
    text-align: center;
    border: none;
    width: 100%;
    order: 2;
    max-width: 100%
}

.content.details h3 {
    font-size: 18px;
    margin-bottom: 1.5em;
    line-height: 1.3;
    color: #000;
    padding-left: 15px;
    border-left: solid 4px #02478f
}

.content.details p.line {
    font-size: 18px;
    margin-bottom: 1.5em;
    line-height: 1.3;
    color: #000;
    padding-left: 22px;
    font-weight: 700;
    letter-spacing: -.025em;
    border-left: solid 4px #02478f
}

.details h2:first-child {
    margin-top: 0
}

.rightColmn h2 {
    font-size: 40px;
    font-weight: 800;
    padding-top: 16px;
    position: relative;
    margin-bottom: 15px
}

.rightColmn h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 4px;
    background: #02478f
}

.btmNav {
    padding: 10px 0
}

.btmNav .tagsWrp {
    max-width: 1400px;
    margin: 0 auto
}

.btmNav .tagsCnt:after,
.btmNav .tagsCnt:before {
    content: none
}

.gray .title:after {
    content: "";
    position: absolute;
    top: -30px;
    left: -20vw;
    width: 140vw;
    height: calc(100% + 30px);
    background: #fff;
    z-index: -2
}

.gray .title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 23px;
    background: #ededed;
    z-index: -1
}

.flex {
    display: flex;
    display: -webkit-flex
}

.onair {
    line-height: 1;
    text-align: left;
    align-items: center;
    justify-content: center;
    position: relative
}

.onair .desc {
    padding-left: 4px
}

.onair h5,
.onair h6,
.onair p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 175px
}

.onair h5 {
    color: #2c26fe;
    font-size: 14px;
    font-weight: 800;
    margin: 0 0 3px
}

.onair h6 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.025em;
    margin-bottom: 2px
}

.onair p {
    color: #a2a2a2;
    font-size: 11px;
    margin: 0
}

.onair .icon-player {
    color: #2c26fe;
    font-size: 37px;
    padding: 0 4px
}

.onair figure {
    padding-right: 4px
}

.hightlight {
    color: #f47b23
}

.onair .mainLink {
    display: block
}

.onair .numb {
    font-size: 26px;
    color: #9f1f18;
    font-weight: 700;
    padding: 0 7px;
    line-height: 1
}

.onair .numb i {
    display: inline-block;
    vertical-align: middle;
    background: #9f1f18;
    width: 2px;
    height: 40px;
    margin-top: -5px
}

.btmNav .onair .desc {
    padding-right: 10px
}

.openSub {
    display: none;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.hasSub .title a {
    position: relative;
    z-index: 2
}

.onair .hr {
    width: 100%;
    height: 15px
}

.grayRow {
    padding: 10px 15px;
    position: relative;
    background: #ededed
}

.nav ul li.hidden {
    display: none
}

.grayRow .nav {
    padding: 0
}

.grayRow .nav ul li a {
    padding: 3px
}

.grayRow .nav ul li {
    margin: 13px 0
}

.btmNav .onair h5,
.btmNav .onair h6,
.btmNav .onair p {
    max-width: 200px
}

.rel {
    position: relative
}

.article .related article figure,
.section .article .related article figure {
    display: none
}

.article .related article h3,
.section .article .related article h3 {
    padding: 0;
    font-size: 15px;
    line-height: 1.2
}

.article .related article,
.section .article .related article {
    margin-top: 0;
    margin-bottom: 15px;
    padding-left: 17px;
    position: relative
}

.article .related article:before {
    content: "";
    height: 6px;
    width: 6px;
    position: absolute;
    top: 6px;
    left: 0;
    border-radius: 50%;
    background: #a2a2a2
}

.article .related article .heading,
.section .article .related article .heading {
    margin: 0
}

.liveVideo .title {
    display: flex;
    display: -webkit-flex;
    padding: 10px 10px 6px;
    color: #fff;
    text-align: left;
    align-items: flex-start;
    z-index: 4
}

.live {
    background: #9f1f18;
    padding: 8px 18px 5px 10px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin: 0 10px 4px 0;
    cursor: default;
    position: relative;
    display: none
}

.live:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 5px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: scale .7s linear infinite forwards alternate;
    animation: scale .7s linear infinite forwards alternate
}

.liveVideo .title h3 {
    font-size: 16px
}

.liveVideo .title h3 a {
    color: #fff
}

.lines {
    height: 10px;
    background: url(../Media/lines.png) no-repeat;
    width: 34px;
    margin: 0 5px;
    display: inline-block
}

.details .related .txt {
    display: none
}

.inner .aside .bannerWrp:not(.lightblue) figure,
.mainSection.sml .aside .bannerWrp:not(.lightblue) figure {
    margin: 0
}

.content.details .related h4 {
    font-size: 20px;
    color: #000;
    padding-top: 19px;
    position: relative;
    font-weight: 800;
    margin: 0 0 20px 0;
    display: block
}

.content.details .related h4:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 4px;
    background: #02478f;
    margin: 0
}

.content.details .related figure {
    margin-bottom: 7px
}

.content.details .related article:not(:last-child) {
    margin-bottom: 17px;
    border-bottom: solid 1px #dfdfdf;
    padding-bottom: 17px
}

.details p a {
    color: #62a4e9;
    text-decoration: underline
}

.cntTxt>h3,
.details>h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 1em 0 .8em;
    color: #000;
    line-height: 1.2;
    letter-spacing: -.025em
}

.cntTxt>ul,
.details>ul {
    display: inline-block;
    margin: 30px 0
}

.cntTxt>ul li,
.details>ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 20px
}

.cntTxt>ul li:before,
.details>ul li:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #02478f;
    border-radius: 50%
}

.comSection {
    z-index: 1;
    position: relative
}

.comSection .wrapper {
    max-width: 1340px
}

.comCnt .btm a:not(:first-child),
.comCnt time span:not(:first-child) {
    padding-left: 18px;
    position: relative
}

.comCnt .btm a:not(:first-child):before,
.comCnt time span:not(:first-child):before {
    content: "";
    position: absolute;
    left: 6px;
    top: 6px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #a2a2a2
}

.btn.full {
    width: 100%;
    margin: 40px 0
}

.fullWidth .comSection .wrapper,
.fullWidth.pageSkin .comSection .wrapper {
    max-width: 1023px;
    margin: 0 auto
}

.bannerWrp.fullpage {
    margin-left: -10px;
    width: calc(100% + 20px);
    position: relative
}

.fullWidth .topImg {
    margin-left: -10px;
    width: calc(100% + 20px);
    text-align: center;
    background: #000;
    z-index: 5
}

.fixedShare,
main.pageSkin .fixedShare {
    left: 0
}

.fullWidth .content {
    position: relative
}

.fullWidth.pageSkin .content {
    position: relative
}

main.pageSkin .main {
    max-width: 100%
}

.grayTopCnt.liveUpdates:after {
    background: #9f1f18
}

.grayTopCnt.liveUpdates .title h1 {
    color: #fff
}

.grayTopCnt.liveUpdates .title p {
    color: #ededed
}

.liveUpdates .tags a {
    padding-top: 3px
}

.liveUpdates .tags .cnt:after,
.liveUpdates .tags a,
.liveUpdates .tagsCnt h6 {
    color: #fff
}

.hpncnt {
    width: 80%
}

.topInfo.liveUpdates .tagsWrp {
    margin: 0
}

.wllRed {
    text-align: left;
    margin: 0 0 27px 0
}

.wllRed:last-child {
    margin: 0
}

.wllRed .title {
    background: #9f1f18;
    color: #fff;
    text-align: left;
    padding: 17px;
    margin: 0;
    font-size: 14px;
    font-weight: 700
}

.wllRed .article {
    background: #f4f4f4;
    padding: 20px
}

.wllRed .article article {
    margin: 0;
    padding: 0;
    border: none
}

.wllRed .hpn h6 {
    font-size: 16px;
    margin: 0;
    color: #fff
}

.wllRed .hpn h6,
.wllRed .hpn i {
    display: inline-block;
    vertical-align: middle
}

.wllRed .hpn {
    padding: 3px 0 3px 19px;
    border: none;
    margin: 0
}

.wllRed .hpn:before {
    font-size: 25px;
    margin-top: -12px
}

.content .article p {
    margin-bottom: .32em;
    font-size: 16px
}

.flDesc .desc {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.flDesc .wrp {
    order: 1;
    margin: 0 0 8px 0
}

.flDesc .heading {
    order: 2;
    width: 100%
}

.flDesc .txt {
    order: 3;
    width: 100%
}

.hpn.live:before {
    content: "\e911"
}

.fullWidth.pageSkin .topImg {
    margin-left: -35px;
    width: calc(100% + 70px);
    left: 0
}

.fullWidth.pageSkin .bannerWrp.fullpage {
    margin-left: -158px;
    width: calc(100% + 247px);
    left: 0
}

.cntTxt p>img,
.cntTxt>img,
.details p>img,
.details>img {
    margin: 30px 0
}

.details figure.right {
    float: none;
    width: 490px;
    max-width: 100%;
    margin: 30px auto
}

.opts .itm .onair {
    margin: 0 -8px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle
}

.article .related {
    margin: -15px 0 25px
}

.countBefore>div {
    counter-increment: counter
}

.countBefore article:before {
    content: counter(counter);
    margin-right: 7px;
    color: #d8d8d8;
    position: absolute;
    top: 0;
    right: 0;
    opacity: .6;
    font-size: 80px;
    line-height: 85px;
    z-index: -1;
    font-weight: 800;
    background: url(/Content/Media/letters.jpg) repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    min-width: 60px;
    text-align: center
}

.details h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin: 1.6em 0 .7em;
    color: #000
}

.details h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin: 1.6em 0 .7em;
    color: #000
}

.details h6 {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    margin: 1.6em 0 .7em;
    color: #000
}

.center,
.errorPage {
    text-align: center
}

.errorPage .grayTopCnt {
    padding-top: 15px
}

.details h4:first-child {
    margin-top: 0
}

.inner .errorPage .main {
    max-width: 980px
}

section.section.imgWrp {
    padding: 0;
    margin-bottom: 0
}

.asideSection:first-child {
    margin-top: 0
}

.columns3 {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.columns3 .itm {
    margin-bottom: 20px;
    padding-right: 10px;
    width: 100%
}

.newsSect {
    border-bottom: solid 1px #dfdfdf;
    margin-bottom: 25px;
    padding-bottom: 8px
}

.newsSect:last-child {
    border: none
}

.content .newsSect h4 {
    font-size: 16px;
    margin: 0 0 6px 0;
    word-break: break-all
}

.content .newsSect p {
    font-size: 14px;
    margin: 0
}

.content .newsSect h3 {
    padding-left: 0;
    padding-top: 15px;
    position: relative;
    font-size: 24px;
    color: #000;
    border-left: none;
    margin-bottom: 1em
}

.content .newsSect h3:before {
    content: "";
    width: 50px;
    top: 0;
    left: 0;
    background: #02478f;
    height: 4px;
    position: absolute
}

.searchInp.cntSearch {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 0;
    margin-bottom: 25px
}

.searchInp.cntSearch .submit {
    position: relative;
    width: auto;
    margin-left: auto
}

.searchInp.cntSearch .submit input {
    height: 40px;
    margin: 0
}

.searchInp.cntSearch .input input {
    border: solid 1px #c4c4c4;
    border-radius: 4px;
    height: 40px;
    padding: 0 15px;
    font-size: 15px
}

.searchInp.cntSearch .input {
    width: 100%;
    margin-bottom: 10px;
    max-width: 100%
}

.newsSects {
    margin-top: 30px
}

.content.sml {
    max-width: 1015px;
    margin: 0 auto
}

.content .form p {
    margin-bottom: 1em
}

.content .form p.sml {
    font-size: 12px;
    color: #a2a2a2
}

.blogFigure {
    padding: 0 5px 5px 0;
    position: relative;
    z-index: 1;
    background: #e9e8e8;
    text-align: center;
    margin: 10px 0 0 5px;
    width: 100%;
    max-width: 280px
}

.blogFigure:after {
    content: "";
    background: #d2e4f6;
    position: absolute;
    z-index: -1;
    left: -5px;
    top: -5px;
    width: 100%;
    height: 100%
}

.content.details .related.blogs .blog h4 {
    padding-top: 0;
    color: #a2a2a2;
    padding-bottom: 9px;
    margin-bottom: 7px;
    display: block;
    font-size: 16px;
    font-weight: 400
}

.content.details .related.blogs .blog h4:before {
    content: none
}

.related.blogs .item {
    padding: 0
}

.content.details .related.blogs figure {
    margin-bottom: 5px
}

.related.blogs article {
    margin-bottom: 30px
}

.icon-book {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px
}

.article .desc .related {
    margin-top: 15px
}

.title h2 a {
    color: inherit
}

.mainVideo {
    position: relative;
    z-index: 5
}

.mainVideo .videoWrp .player {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-top: 0;
    margin-bottom: 0
}

a.link.black {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 800
}

.topImg.mainVideo:after,
.topImg.mainVideo:before {
    content: none
}

.slider.topImg {
    padding: 0
}

.video {
    position: relative
}

.video .videoWrp {
    width: 100%;
    position: relative;
    z-index: 2
}

.comCnt time span:not(:first-child):before {
    top: 4px
}

.reply-to .author {
    font-weight: 700;
    margin-bottom: 8px
}

.comSection form {
    margin-top: 20px
}

.hiddenCnt {
    display: none
}

.at-share-btn .at-label,
.content.details .at-share-btn .at-label {
    display: none
}

.fixedShare .at-resp-share-element .at-share-btn {
    background: #fff !important;
    margin: -1px 0 0 0;
    color: #a2a2a2;
    border: solid 1px #e5e3e3;
    width: 50px;
    text-align: center
}

.updated time {
    margin: 0;
    vertical-align: top
}

.fixedShare .at-resp-share-element .at-share-btn .at-icon-wrapper {
    float: none
}

.fixedShare .at-icon {
    fill: #a2a2a2 !important
}

.fixedShare .at-resp-share-element .at-share-btn:focus,
.fixedShare .at-resp-share-element .at-share-btn:hover {
    -webkit-transform: none;
    transform: none;
    color: #fff;
    text-decoration: none
}

.fixedShare .at-style-responsive .at-share-btn {
    padding: 7px 5px
}

.fixedShare #at_hover.atm-s a,
.fixedShare .atm-s a {
    padding: 7px 10px;
    color: #a2a2a2 !important
}

.pageSkin .wrapper .wrapper,
.wrapper .wrapper {
    padding: 0;
    background: 0 0
}

.inner .mainSection .grayBg .main {
    max-width: 100%
}

.section .section.gray {
    padding: 0
}

.fixedShare .addthis_inline_share_toolbox {
    position: relative
}

.fixedShare .at4-jumboshare .at4-count-container {
    vertical-align: middle;
    border-right: none;
    padding-right: 0;
    position: absolute;
    top: 100%;
    min-width: 50px;
    width: 100%;
    background: #f47b23;
    left: 0;
    margin-top: 13px;
    padding: 5px
}

.fixedShare .at4-jumboshare .at4-count {
    margin-bottom: 6px
}

.fixedShare .at4-jumboshare .at4-count-container span {
    font-size: 16px !important;
    color: #fff !important;
    line-height: 1 !important
}

.fixedShare .at4-jumboshare .at4-count-container div {
    font-size: 10px !important;
    color: #fff !important;
    line-height: 1 !important
}

.fixedShare .at4-jumboshare .at4-share-container {
    padding-left: 0
}

.featImg .wrapper {
    max-width: 100%;
    padding: 0
}

.videoWrp.embedded {
    padding-bottom: 56.25%;
    position: relative
}

.gallerySlider .videoWrp.embedded {
    padding-bottom: 56.1643835616%
}

.videoWrp.embedded iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.articleContainer__main .videoWrp.embedded iframe {
    height: 100% !important
}

.details iframe {
    max-width: 100%
}

.item.video {
    bottom: auto !important;
    width: 100%
}

.resultstatus {
    max-width: 1100px;
    margin: 0 0 50px
}

.opts .onair iframe {
    height: 50px;
    width: 290px
}

.btmNav .onair iframe {
    width: 260px;
    height: 115px
}

.videoWrp.embedded>div {
    position: absolute !important;
    width: 100%;
    top: 0;
    left: 0;
    height: 100% !important;
    padding: 0 !important
}

.fixedElem .cnt .cnt,
.fixedElem.fixedbtm .cnt .cnt {
    position: relative;
    bottom: auto;
    top: auto
}

.asideSection .asideSection {
    margin: 0
}

.wrp .at-resp-share-element .at-share-btn {
    background: 0 0 !important;
    padding: 0
}

.wrp .at-icon,
.wrp .at-icon-wrapper {
    fill: #a2a2a2 !important;
    min-width: 20px;
    min-height: 20px
}

.wrp .at-resp-share-element .at-share-btn:focus,
.wrp .at-resp-share-element .at-share-btn:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.col>.col {
    padding: 0
}

.inner aside.aside.flowThorz {
    border: none;
    padding-top: 0;
    background: 0 0
}

.update_well {
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.update_well .updated {
    font-weight: 700
}

.spinLoader {
    z-index: 20;
    position: absolute;
    background: rgba(255, 255, 255, .8);
    display: none
}

.spinLoader .cnt {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0 5px;
    text-align: center;
    width: 100%;
    margin-top: -2px;
    line-height: 1;
    font-size: 0;
    overflow: hidden
}

.blt {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 2px;
    background: #02305e;
    border-radius: 50%;
    animation: lol 2s 0s infinite ease-in-out;
    -webkit-animation: lol 2s 0s infinite ease-in-out
}

.blt:nth-child(4) {
    animation-delay: -.3s;
    -webkit-animation-delay: -.3s
}

.blt:nth-child(3) {
    animation-delay: -.2s;
    -webkit-animation-delay: -.2s
}

.blt:nth-child(2) {
    animation-delay: -.1s;
    -webkit-animation-delay: -.1s
}

.blt:nth-child(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s
}

.icon-refresh2 {
    display: inline-block;
    margin: 4px
}

.ui-autocomplete.ui-menu {
    background: #fff;
    padding: 15px;
    border: solid 1px #c4c4c4;
    z-index: 9991
}

.ui-menu .ui-menu-item-wrapper {
    line-height: 1.35;
    padding: 8px 2px
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
    margin: 0;
    color: #00448c
}

.outerWithSkin .section.bannerWrp {
    display: none
}

.outerWithSkin .section .section.bannerWrp {
    display: block
}

.alertBar {
    padding: 10px 0 10px 24px;
    color: #d10024;
    line-height: 1.4;
    font-size: 15px;
    position: relative;
    max-width: 1100px
}

.alertBar:before {
    content: "\e90a";
    font-family: icomoon;
    position: absolute;
    top: 10px;
    left: 0;
    font-size: 16px
}

.captcha div,
.captcha iframe {
    max-width: 100%
}

.fixedShare .at4-jumboshare .at4-count-container span.at4-spacer {
    display: none
}

.cntTxt>#luapp,
.content>#luapp {
    width: 100%;
    order: 2
}

.content .item.video {
    clear: both
}

.cntTxt .bannerWrp {
    margin: 0;
    line-height: 1
}

.cntTxt .banner-container {
    margin: 30px 30px 30px 0;
    float: left
}

.cntTxt {
    width: 100%
}

main {
    min-height: calc(var(--vh, 1vh) * 100 - var(--headerHeight) - var(--sectionMargin))
}

.tagsCnt .tagsCnt {
    padding: 0
}

.cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: #fff
}

.cookies .btn {
    margin: 15px 0
}

.cookies .inner {
    max-width: 1300px;
    padding: 35px 15px 10px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    position: relative
}

.cookies p {
    font-size: 14px;
    color: #000
}

.js_closeCookies {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.desktop .js_closeCookies i {
    display: inline-block;
    transition: all .3s ease
}

.cookies .cnt {
    max-width: 1040px;
    width: 100%;
    letter-spacing: -.025em
}

.cookies .cnt a {
    font-weight: 700;
    color: #62a4e9
}

.related article .related {
    display: none
}

.fixedBanner .overlay {
    opacity: 1
}

.fixedBanner .modal .content {
    padding: 0
}

.fixedBanner .modal {
    max-width: 1200px
}

.article figure img {
    min-width: 100%
}

.rowbanner {
    margin-bottom: 25px
}

.main-slider-new~.section .grayTopCnt.topInfo {
    padding-top: 0
}

.cntTxt img {
    height: auto !important
}

.title.lg.gray {
    padding-top: 25px
}

.blogsInner .grayTopCnt {
    padding-top: 0
}

.rawbanner {
    margin: 24px 0
}

.aside>.bannerWrp:last-child {
    min-height: 100%
}

.inner .mainSection .pagetitle+.mainWrp>.main {
    max-width: 100%
}

.content.nomrg {
    margin: 0
}

.bannerWrp.bannerWrp--section {
    margin: 0;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.content.details h3 span {
    display: inline
}

.inner .bannerWrp+.section.mainSection {
    margin-top: 0
}

.pageSkin section.section.bannerWrp {
    background: 0 0
}

.content .cntTxt span {
    display: inline
}

.wllRed .txt {
    display: block
}

.section.featImg {
    text-align: center
}

.cntTxt picture img {
    min-width: 100%
}

.burgTxt {
    position: absolute;
    top: 100%;
    left: 50%;
    text-align: center;
    font-size: 8px;
    color: #a2a2a2;
    letter-spacing: -.04em;
    width: 40px;
    margin-left: -20px;
    margin-top: 2px
}

.navOpened .burgTxt {
    color: #fff
}

.grayTopCnt .bannerWrp {
    margin: 22px 0 0
}

.tdDate {
    display: none;
    vertical-align: middle;
    line-height: 1.2;
    font-size: 14px;
    color: #000;
    text-align: left;
    padding-right: 3px
}

.pageSkin.inner .mainSection+.section.grayBg {
    padding-top: 0
}

.liveVideo .cnt.videoWrp .youtube-video {
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    position: relative
}

.liveVideo .cnt.videoWrp .youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pageSkin>.wrapper>.title {
    padding-top: 20px
}

.section.pageSkin {
    padding-top: 0
}

.cntTxt a {
    color: #3f688d;
    text-decoration: underline
}

.flowWrap .loader {
    display: none
}

.smartbanner .smartbanner__info {
    width: calc(100% - 64px);
    top: 1px;
    left: 101px
}

.smartbanner a.smartbanner__button,
.smartbanner.smartbanner--android .smartbanner__button {
    top: auto;
    left: 100px;
    right: auto;
    bottom: 5px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: #62a4e9;
    font-size: 14px;
    font-weight: 700;
    padding: 3px 9px;
    text-align: center;
    border-radius: 4px;
    border: solid 1px #62a4e9;
    box-shadow: none;
    background: #fff
}

.smartbanner.smartbanner--android .smartbanner__button__label {
    display: block;
    padding: 0;
    background: 0 0;
    box-shadow: none;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    text-transform: none
}

body .smartbanner {
    height: 88px
}

.content.details .alternating-protothema-2 span {
    display: block
}

.slideCnt .sideVideo {
    width: 527px;
    display: none;
    position: relative;
    z-index: 4;
    align-self: center;
    border: solid 6px #ccd1d6
}

.slideCnt .sideVideo .videoWrp {
    width: 100%;
    line-height: 0
}

.slideCnt .left .sideVideo {
    margin-left: auto;
    order: 2
}

.sideVideo .videoWrp.embedded>div {
    position: static !important
}

.slideCnt.mobileOnly {
    display: none
}

.fixedShare .at-mobile .at-resp-share-element .at-share-btn {
    margin-right: 0
}

.fixedShare .at-mobile .at-resp-share-element .at-share-btn:first-child {
    border-left: solid 1px #e5e3e3
}

.content .cntTxt .fb_iframe_widget span,
.content.details .fb_iframe_widget span {
    display: inline-block
}

.related.seeAlso {
    position: relative
}

.related.seeAlso:before {
    content: "";
    width: calc(100% + 16px);
    left: -8px;
    height: 100%;
    top: 0;
    position: absolute;
    background-color: rgba(98, 164, 233, .09)
}

.content.details.flex {
    display: flex;
    flex-wrap: wrap
}

.content.details .article_content_main {
    flex-grow: 1
}

.content.details .article_content_sidebar+.article_content_main {
    width: calc(100% - 306px);
    order: -1
}

.content.details .article_content_sidebar {
    width: 236px;
    margin-left: 70px
}

.article_sidebar {
    position: relative;
    z-index: 2
}

.article_sidebar:empty {
    display: none
}

.section.section--lightblue {
    background: url(../Media/header-bg.jpg) no-repeat top center #8b2130;
    padding: 30px 0 40px;
    background-size: 100% auto
}

.section--lightblue .title h2,
.section--lightblue a,
.section--lightblue article,
.section--lightblue article .wrp {
    color: #fff
}

.desktop .section--lightblue a.mainLink:hover~.desc h3 a,
.desktop .section--lightblue a:hover {
    color: rgba(255, 255, 255, .7)
}

.section--lightblue .btn,
.section--lightblue a.btn {
    border-color: #fff
}

.section--lightblue .title img {
    max-height: 79px;
    margin-right: 10px;
    margin-top: -30px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 7px;
    background-color: rgba(0, 0, 0, .1)
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 7px;
    background-color: rgba(0, 0, 0, .2);
    margin: 7px auto
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 20px
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .2)
}

.title--flex {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 3%
}

.title.title--flex h2 {
    font-size: 26px
}

.live-flag-outer {
    width: 100%;
    margin-bottom: 9px
}

.live-flag {
    color: #fff;
    background: #9f1f18;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    line-height: 1;
    padding: 6px 7px 4px;
    border-radius: 4px;
    letter-spacing: -.02em
}

.live.show {
    display: inline-block
}

.live.sml {
    font-size: 13px;
    padding: 6px 13px 3px 8px;
    margin-right: 7px
}

.live.sml:after {
    right: 5px;
    top: 6px;
    width: 6px;
    height: 6px
}

.glomex-video {
    clear: both
}

.section.featImg figure,
.topImg.mainVideo .item {
    display: block;
    position: relative;
    width: 100%
}

.section.featImg figure {
    padding-top: 23.9583333333%
}

.section.featImg picture,
.topImg.mainVideo picture {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.section.featImg img,
.topImg.mainVideo .item img {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.bannerWrp__inner {
    background: #f2f2f2;
    display: inline-block;
    position: relative;
    margin-top: 5px
}

.bannerWrp__close i {
    margin-left: 6px;
    font-weight: 700;
    font-size: 12px
}

.bannerWrp__close {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    cursor: pointer;
    color: #000;
    padding: 4px 9px;
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center
}

.bannerWrp__inner>.bannerWrp__close+div,
.bannerWrp__inner>div:not(.bannerWrp__close):first-child {
    margin: 0 8px 8px 8px
}

.bannerWrp__inner>.bannerWrp__close+div:before,
.bannerWrp__inner>div:not(.bannerWrp__close):first-child:before {
    content: "";
    font-size: 13px;
    padding: 8px 0 5px;
    display: block;
    text-align: left;
    color: #000;
    line-height: 1
}

.bannerWrp__inner>div#reminread:before,
.isVideo .bannerWrp__inner>div:first-child:before,
.section.blue .bannerWrp__inner>div:first-child:before {
    content: none
}

.isVideo .bannerWrp__inner,
.section.blue .bannerWrp__inner {
    margin: 0;
    background: 0 0
}

.bannerWrp__inner>div#reminread,
.isVideo .bannerWrp__inner>div:first-child,
.section.blue .bannerWrp__inner>div:first-child {
    margin: 0
}

.slider.topImg.mainVideo:not(.owl-loaded) {
    white-space: nowrap
}

.slider.topImg.mainVideo:not(.owl-loaded) .item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.content .fb_iframe_widget:not(.fb-post) {
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    line-height: 1;
    margin: 10px 0
}

.content .fb_iframe_widget:not(.fb-post)>span {
    position: static !important;
    height: auto !important;
    width: auto !important
}

.content .fb_iframe_widget:not(.fb-post) iframe {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.fb_iframe_widget,
.fb_iframe_widget span {
    max-width: 100%
}

.openModal:hover .icon-search {
    color: #00458d
}

.bannerWrp__inner>div[style=" display: none; "]~.bannerWrp__close,
.bannerWrp__inner>div[style=" display:none; "]~.bannerWrp__close,
.bannerWrp__inner>div[style=" display:none;"]~.bannerWrp__close,
.bannerWrp__inner>div[style="display: none ;"]~.bannerWrp__close,
.bannerWrp__inner>div[style="display: none;"]~.bannerWrp__close,
.bannerWrp__inner>div[style="display:none ;"]~.bannerWrp__close,
.bannerWrp__inner>div[style="display:none;"]~.bannerWrp__close {
    display: none
}

@-webkit-keyframes scale {
    from {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale {
    from {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes lol {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
    33% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    66% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
}

@-webkit-keyframes lol {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px)
    }
    33% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    66% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(50px)
    }
}

html {
    font-size: 14px
}

body,
html.noScroll {
    font-family: cfastystd, Arial, sans-serif;
    font-size: 1.2857142857rem;
    font-weight: 400;
    line-height: 1.4444444444;
    margin: 0;
    background-color: #fff
}

body.navOpened,
html.noScroll.navOpened {
    overflow: hidden
}

body:not(.mce-content-body) {
    overflow-x: hidden
}

.outer {
    padding-top: var(--bodyOffsetHeight);
    transition: padding-top .3s ease
}

.hiddenMenu .outer {
    --bodyOffsetHeight: 60px
}

[class*=" icon-"],
[class^=icon-] {
    display: inline-block;
    line-height: 1;
    vertical-align: top
}

input[type=submit] {
    cursor: pointer
}

a,
button,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent
}

figure {
    margin: 0
}

figcaption {
    text-align: left;
    font-size: 14px;
    color: #acb1b8;
    line-height: 1.2;
    padding-top: 12px
}

img {
    max-width: 100%;
    display: block;
    height: auto
}

.redTitle {
    margin-bottom: 24px;
    font-size: 1.7142857143rem;
    font-weight: 800;
    line-height: 1.1666666667;
    text-transform: uppercase
}

.redTitle:after {
    content: ".";
    color: #f47b23
}

.title {
    align-items: flex-end;
    display: flex;
    margin-bottom: 32px;
    text-align: left
}

.publicationsSection .title {
    margin: 16px 0 56px
}

.comSection .title {
    position: relative
}

.comSection .title .linkButton {
    margin: 0;
    position: absolute;
    white-space: nowrap;
    right: 0;
    top: 0
}

.newsFeedSection .title {
    padding-top: 10px
}

.topInfo .title {
    flex-direction: column;
    margin-bottom: 0
}

/* .title:not(.title--noDot) h1:after,
.title:not(.title--noDot) h2:after {
    content: ".";
    color: white;
    order: 2
} */

.title h1,
.title h2 {
    font-size: 2.5714285714rem;
    font-weight: 800;
    line-height: 1.0555555556;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
}

.newsFeedSection .title h1,
.newsFeedSection .title h2 {
    font-size: 1.7142857143rem;
    text-transform: uppercase
}

.title h1 .inline-edit-field-content:before,
.title h1 .inline-edit-field:before,
.title h2 .inline-edit-field-content:before,
.title h2 .inline-edit-field:before {
    content: unset
}

.title h1 a,
.title h2 a {
    position: relative;
    display: inline-block
}

.comSection .title h1 a,
.comSection .title h2 a {
    color: #f47b23;
    font-size: 1.5714285714rem;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 4px 8px
}

.newsFeedSection .title h2 {
    text-transform: none
}

.title.withImage h1:after,
.title.withImage h2:after {
    content: unset
}

.title.lg h1,
.title.lg h2 {
    font-size: 6.4285714286rem;
    font-weight: 850;
    line-height: 1
}

.title.lg.brd h1:before,
.title.lg.brd h2:before {
    height: 4px
}

.title.brd h1:before,
.title.brd h2:before {
    background-color: #000;
    content: "";
    position: relative;
    flex: 1;
    height: 1px;
    order: 3;
    margin-left: 24px
}

.black .title.brd h1:before,
.black .title.brd h2:before,
.blue .title.brd h1:before,
.blue .title.brd h2:before {
    background-color: #fff
}

.comSectionWrapper .title.brd h1 span,
.comSectionWrapper .title.brd h2 span {
    color: #f47b23;
    font-size: 1.5714285714rem;
    line-height: 1;
    margin-left: 8px
}

.title a {
    flex: 0 0 auto
}

.title--withTags .tagsWrp {
    min-width: 0
}

.title--withTags .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end
}

.title--withTags .tags a {
    margin: 0
}

iframe {
    border: none
}

.spBy {
    position: relative;
    margin-left: 24px;
    line-height: 1
}

.spBy__label {
    font-size: 1.0714285714rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap
}

.section.black .spBy__label,
.section.blue .spBy__label {
    color: #fff
}

.spBy__img {
    max-width: inherit;
    max-height: 56px
}

.titleWithTags {
    position: relative
}

time:before {
    content: unset
}

.article:empty {
    display: none
}

#tinymce .lazyload {
    opacity: 1
}

.jwplayer {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 640/360
}

body {
    -webkit-text-size-adjust: 100%
}

@-moz-document url-prefix() {
    button::-moz-focus-inner,
    input[type=button]::-moz-focus-inner,
    input[type=image]::-moz-focus-inner,
    input[type=reset]::-moz-focus-inner,
    input[type=submit]::-moz-focus-inner {
        border: 0
    }
    textarea {
        resize: none
    }
}

@font-face {
    font-family: cfastystd;
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url(../Fonts/cfasty/cfastystd-book-webfont.woff2) format("woff2"), url(../Fonts/cfasty/cfastystd-book-webfont.woff) format("woff")
}

@font-face {
    font-family: cfastystd;
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    src: url(../Fonts/cfasty/cfastystd-bold-webfont.woff2) format("woff2"), url(../Fonts/cfasty/cfastystd-bold-webfont.woff) format("woff")
}

@font-face {
    font-family: cfastystd;
    font-display: swap;
    font-style: normal;
    font-weight: 900;
    src: url(../Fonts/cfasty/cfastystd-black-webfont.woff2) format("woff2"), url(../Fonts/cfasty/cfastystd-black-webfont.woff) format("woff")
}

@font-face {
    font-family: cfastystd;
    font-display: swap;
    font-style: normal;
    font-weight: 800;
    src: url(../Fonts/cfasty/cfastystd-extrabold-webfont.woff2) format("woff2"), url(../Fonts/cfasty/cfastystd-extrabold-webfont.woff) format("woff")
}

@font-face {
    font-family: cfastystd;
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    src: url(../Fonts/cfasty/cfastystd-medium-webfont.woff2) format("woff2"), url(../Fonts/cfasty/cfastystd-medium-webfont.woff) format("woff")
}

@font-face {
    font-family: icomoon;
    src: url(../Fonts/icomoon.woff?ni8bnf) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-zoom:before {
    content: "\e925"
}

.icon-comment:before {
    content: "\e91f"
}

.icon-edit:before {
    content: "\e924"
}

.icon-download:before {
    content: "\e910"
}

.icon-calendar:before {
    content: "\e90c"
}

.icon-megaphone:before {
    content: "\e923"
}

.icon-refresh:before {
    content: "\e912"
}

.icon-success:before {
    content: "\e916"
}

.icon-alert-circle-exc:before {
    content: "\e901"
}

.icon-arrow-left--large:before {
    content: "\e915"
}

.icon-arrow-left--medium:before {
    content: "\e920"
}

.icon-arrow-right--large:before {
    content: "\e921"
}

.icon-arrow-right--medium:before {
    content: "\e922"
}

.icon-arrow-right--small:before {
    content: "\e91d"
}

.icon-play:before {
    content: "\e91e"
}

.icon-pin:before {
    content: "\e914"
}

.icon-arrow-up:before {
    content: "\e903"
}

.icon-close:before {
    content: "\e904"
}

.icon-facebook:before {
    content: "\e905"
}

.icon-instagram:before {
    content: "\e906"
}

.icon-linkedin:before {
    content: "\e918"
}

.icon-rss:before {
    content: "\e919"
}

.icon-search:before {
    content: "\e91b"
}

.icon-twitter:before {
    content: "\e91c"
}

.icon-home:before {
    content: "\e917"
}

.icon-book:before {
    content: "\e913"
}

.icon-clock2:before {
    content: "\e911"
}

.icon-player:before {
    content: "\e90f"
}

.icon-arrow-left-bold:before {
    content: "\e90d"
}

.icon-arrow-right-bold:before {
    content: "\e90e"
}

.icon-fail:before {
    content: "\e90a"
}

.icon-sucess:before {
    content: "\e90b"
}

.icon-arrow:before {
    content: "\e909"
}

.icon-down:before {
    content: "\e907"
}

.icon-clock:before {
    content: "\e900"
}

.icon-arrow-right:before {
    content: "\e91a"
}

.icon-arrow-left:before {
    content: "\e908"
}

.icon-mail:before {
    content: "\e902"
}

.icon-games:before {
    content: "\e926"
}

.icon-facebook2:before {
    content: "\ea90"
}

.icon-google-plus:before {
    content: "\ea8b"
}

.clearfix::after {
    clear: both;
    content: "";
    display: table
}

.hide-text {
    overflow: hidden;
    padding: 0;
    text-indent: 101%;
    white-space: nowrap
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    height: 1px
}

.row {
    display: flex;
    flex-wrap: wrap
}

.row--noWrap {
    flex-wrap: nowrap
}

.row--vStart {
    align-items: flex-start
}

.row--vCenter {
    align-items: center
}

.row--vEnd {
    align-items: flex-end
}

.row--hStart {
    justify-content: flex-start
}

.row--hCenter {
    justify-content: center
}

.row--hEnd {
    justify-content: flex-end
}

.row--space {
    flex-wrap: nowrap;
    justify-content: space-between
}

.fullHeight {
    height: 100%
}

.btnWrap {
    --buttonsMarginH: 8px;
    --buttonsMarginV: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 40px
}

.btnWrap.field {
    --buttonsMarginH: 24px
}

.btnWrap--noMargin {
    margin-bottom: 0
}

.btnWrap--sMarginTop {
    margin: 0
}

.btnWrap--hCenter {
    justify-content: center
}

.btnWrap--hEnd {
    justify-content: flex-end
}

.btnWrap--hSpaceB {
    justify-content: space-between
}

.btnWrap--column {
    flex-direction: column
}

.btnWrap--column>:not(:last-child) {
    margin-bottom: var(--buttonsMarginV);
    margin-right: 0
}

.fullWidth {
    width: 100%
}

h1 {
    font-size: 3rem;
    line-height: 1.1428571429;
    letter-spacing: -1px
}

h2 {
    font-size: 2.5714285714rem;
    line-height: 1.1666666667
}

.articleContainer__main .cnt:nth-child(1):not(.liveCol__content) a,
.articleContainer__main .cnt:nth-child(3) a,
.articleContainer__main .infoContent a,
.articleTopInfo h3 a,
.longForm .longFormContainer .infoContent a,
.longForm>.cnt a,
.simpleContent a,
p a {
    text-decoration: none;
    transition: all .3s ease;
    position: relative;
    padding: 0 2px;
    /* background-image: linear-gradient(transparent 0, #d9e4ee 0) */
}

ol li {
    font-weight: 400;
    font-size: 1.2857142857rem;
    line-height: 1.4444444444;
    margin: 0 0 8px;
    padding-left: 28px;
    position: relative
}

.liveUpd {
    margin: 0 16px 16px 0;
    height: 24px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    background-color: #d10024;
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    flex: 0 0 auto;
    white-space: nowrap
}

.liveUpd:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #fff;
    margin-right: 8px;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: blink 1.2s 0s infinite ease-in-out forwards;
    animation: blink 1.2s 0s infinite ease-in-out forwards
}

@-webkit-keyframes blink {
    50% {
        opacity: .6
    }
}

@keyframes blink {
    50% {
        opacity: .6
    }
}

.liveUpd span {
    position: relative;
    top: 1px
}

.liveUpd--plain {
    align-self: flex-start;
    margin: 4px 0 0;
    background-color: transparent;
    padding: 0;
    color: #d10024;
    height: auto
}

.liveUpd--plain:before {
    background-color: #d10024
}

.featuredSection_title .liveUpd {
    margin: 0;
    width: 100%;
    justify-content: center
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0 0 16px
}

h3 {
    font-size: 1.7142857143rem;
    line-height: 1.25
}

h4 {
    font-size: 1.5714285714rem;
    line-height: 1.2727272727
}

h5 {
    font-size: 1.4285714286rem;
    line-height: 1.3
}

h6 {
    font-size: 1.2857142857rem;
    line-height: 1.3333333333
}

.bold,
b,
strong {
    font-weight: 500
}

p {
    font-size: 1.2857142857rem;
    line-height: 1.4444444444;
    margin: 0 0 24px
}

p a {
    text-decoration: none;
    font-weight: 500
}

a {
    text-decoration: none;
    transition: color .3s ease;
    color: #000
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

ul li {
    padding-left: 0;
    list-style: none
}

ul li:before {
    display: none
}

ol {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: li-counter
}

ol li {
    padding-left: 0;
    list-style: none
}

ol li:before {
    display: none
}

ol li {
    counter-increment: li-counter;
    padding-left: 28px
}

ol li:before {
    content: counter(li-counter) ".";
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 4px
}

.simpleContent a {
    text-decoration: none
}

.simpleContent .bold,
.simpleContent b,
.simpleContent strong {
    font-weight: 600
}

.listtitle {
    margin: 0 0 32px;
    font-size: 2.5714285714rem
}

.header {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - var(--scrollbarWidth));
    height: var(--headerHeight);
    z-index: 1200;
    background-color:#bb1919;
    transition: background-color .3s ease-out, -webkit-transform .3s ease-out;
    transition: transform .3s ease-out, background-color .3s ease-out;
    transition: transform .3s ease-out, background-color .3s ease-out, -webkit-transform .3s ease-out;
    box-shadow: 0 0 0 1px #d3d6da
}

.navOpened .header {
    background-color: #f3f6f9
}

.navOpened .header .menuOverlay {
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    left: 0;
    top: var(--headerHeight);
    position: absolute;
    z-index: 0;
    background-color:#9f1f18;
    transition: opacity .3s ease-in-out
}

.hiddenMenu .header {
    --headerHeight: 60px;
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    display: none
}

.fixedMenu .header {
    position: fixed;
    display: block
}

.stickyMenu .header {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    display: block
}

.header .top {
    background-color: #bb1919;
    display: flex;
    height: 100%;
    position: relative;
    z-index: 2
}

.logo {
    transition: height .3s ease;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 2
}

.fixedMenu .logo {
    height: 38px
}

.logo figure {
    height: 100%
}

.logo img {
    display: block;
    height: 100%;
    width: auto
}

.leftSect {
    order: 0;
    width: 50%;
    text-align: left;
    padding-left: 80px;
    padding-right: 90px
}

.leftSect .nav {
    height: 100%
}

.leftSect .nav ul {
    height: 100%;
    display: flex;
    align-items: center
}

.leftSect .nav li {
    margin-right: 16px;
    height: 100%
}

.leftSect .nav li:last-child {
    margin-right: 0
}

.leftSect .nav a {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 4px
}

.rightSect .nav a {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 4px
}
.rightSect .nav {
    height: 100%
}

.rightSect .nav ul {
    height: 100%;
    display: flex;
    align-items: center
}

.rightSect .nav li {
    margin-right: 16px;
    height: 100%
}

.rightSect .nav li:last-child {
    margin-right: 0
}

.rightSect {
    order: 3;
    width: 50%;
    text-align: right;
    padding-left: 90px
}

.opts {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    height: 100%
}

.opts .weatherItem {
    height: 100%
}

.nav,
.nav ul li {
    vertical-align: middle;
    display: inline-block
}

.nav__icon {
    margin-top: -6px;
    font-size: 1.8571428571rem
}

.opts .itm {
    display: inline-flex;
    height: 100%;
    align-items: center;
    margin-right: 24px
}

.opts .itm i {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0
}

.openSearch {
    cursor: pointer;
    transition: color .3s ease
}

.outloud {
    align-items: center;
    display: flex;
    transition: all .3s ease
}

.outer>.outloud {
    border-bottom: 1px solid #d3d6da;
    position: relative;
    padding: 16px 24px;
    z-index: 0;
    width: 100%
}

.outloud .categ {
    border-right: 1px solid #000;
    margin-right: 8px;
    padding: 0 8px 0 0;
    max-width: 56px;
    min-height: 32px;
    font-size: 1.1428571429rem;
    font-weight: 800;
    line-height: .9;
    color: #000;
    position: relative;
    padding-top: 3px
}

.outloud .categ:before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-flex;
    margin-right: 3px;
    background-color: #f47b23;
    border-radius: 50%
}

.outloud h3 {
    font-size: 1.1428571429rem;
    font-weight: 600;
    color: #000;
    letter-spacing: -.5px;
    margin: 0;
    text-align: left
}

.footer {
    margin-top: var(--sectionMargin);
    background-color:#bb1919;
    position: relative;
    z-index: 2;
    color: white;
}

 /* .footer__top {
    background-color: #e6ecf2
}  */

.footer__topInner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 44px 0
}

.footer__logo {
    margin-bottom: 24px;
    position: relative
}

.footer__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0px 0
}

.footer__menu {
    border-bottom: 1px solid #d3d6da;
    margin-bottom: 24px;
    padding-bottom: 24px;
    width: 100%
}

.footer__menu ul {
    /* display: flex; */
    flex-wrap: wrap;
    gap: 8px 24px;
    justify-content: space-between;
}

.footer__menu ul li {
    line-height: 1.15
}

.footer__menu ul a {
    font-weight: 500;
    font-size: .9285714286rem;
    line-height: 1.2307692308;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: white;
}

.footer__infoBar {
    display: flex;
    align-items: center;
    width: 100%
}

.footer__infoBar .copyright {
    margin-left: auto;
    font-weight: 600;
    font-size: 1.0714285714rem;
    line-height: 1.2666666667
}

figure.atcom {
    position: relative
}

figure.atcom img {
    width: 169px;
    height: 12px
}

.wrapper {
    margin: 0 auto;
    padding: 0 var(--gridSpace);
    width: 100%;
    max-width: 1594px
}

.wrapper--b {
    max-width: 1760px
}

.wrapper--s {
    max-width: 872px
}

.wrapper .wrapper {
    padding: 0
}

.row {
    margin-left: -12px;
    margin-right: -12px
}

.row .col {
    padding: 0 12px;
    float: left
}

.col1 {
    width: 8.3333333333%
}

.col2 {
    width: 20%
}

.col3 {
    width: 25%
}

.col4 {
    width: 33.3333333333%
}

.col5 {
    width: 41.6666666667%
}

.col6 {
    width: 50%
}

.col7 {
    width: 58.3333333333%
}

.col8 {
    width: 66.6666666667%
}

.col9 {
    width: 75%
}

.col10 {
    width: 83.3333333333%
}

.col11 {
    width: 91.6666666667%
}

.col12 {
    width: 100%
}

.gridBox {
    display: grid;
    grid-gap: 24px 32px;
    position: relative
}

.gridBox+.gridBox {
    margin-top: 40px
}

.gridBox.withTopMargin,
.gridBox.withTopMarginDesktop {
    margin-top: 32px
}

.gridBox--withBannerLarge {
    grid-template-columns: repeat(4, 1fr)
}

.gridBox--withBannerLarge .bannerWrp {
    grid-row: 1/3;
    grid-column: 4/5;
    order: 3
}

.gridBox--withBannerLarge .bannerWrp__inner {
    position: -webkit-sticky;
    position: sticky;
    top: 80px
}

.gridBox--inlineWithBanner {
    grid-template-columns: repeat(3, 1fr)
}

.gridBox--inlineWithBanner .large {
    grid-column: 1/3
}

.gridBox.gridBox--inlineWithBanner article {
    height: auto
}

.gridBox--inline2 {
    grid-template-columns: repeat(4, 1fr)
}

.gridBox--inline2 .large {
    grid-column: 1/4
}

.gridBox--inline3 {
    grid-template-columns: repeat(4, 1fr)
}

.gridBox--inline3 .large {
    grid-column: 2/4
}

.gridBox--cols1 {
    grid-template-columns: 1fr
}
.gridBox--cols-one {
        grid-template-columns: repeat(1, 1fr);
}
.gridBox--withBannerType1 {
    grid-template-columns: repeat(4, 1fr)
}

.gridBox--withBannerType1 .sideBanner {
    grid-row: 1/4;
    grid-column: 4/5
}

.gridBox--withBannerType1 .inlineContent {
    grid-column: 1/4
}

.gridBox--withBannerType1 .withBg {
    grid-column: 1/3
}

.gridBox--withBannerType2 {
    grid-template-columns: repeat(4, 1fr)
}

.gridBox--withBannerType2 .sideBanner {
    grid-row: 1/3;
    grid-column: 4/5
}

.gridBox--cols2 {
    grid-template-columns: repeat(2, 1fr)
}

.gridBox--cols2 .loaderContainer {
    grid-column: 1/3
}

.gridBox--cols3 {
    grid-template-columns: repeat(3, 1fr)
}

.travel .gridBox--cols3 .large {
    grid-column: 1/4
}

.gridBox--cols4 {
    grid-template-columns: repeat(4, 1fr)
}

.gridBox--cols4 .loaderContainer {
    grid-column: 1/5
}

.gridBox--cols4Small {
    grid-template-columns: repeat(4, 1fr)
}

.gridBox--masonry {
    grid-template-columns: repeat(4, 1fr)
}

.gridBox--masonry .squareLarge {
    grid-column: 1/3;
    grid-row: 1/3
}

.gridBox--masonry .portrait {
    grid-column: 4/5;
    grid-row: 1/3
}

article {
    --articleSpaceBottom: 20px;
    margin: 0;
    padding-bottom: var(--articleSpaceBottom);
    border-bottom: 1px solid #000;
    flex-wrap: nowrap;
    display: flex;
    flex-direction: column
}

.newStories .large article {
    border-color: #acb1b8
}

.newStories .typeWide article {
    padding-bottom: 0
}

.liveCol article {
    margin: 0;
    padding: 0;
    border: none
}

.aside article,
.newsFeedSection article {
    border: none
}

.aside article:last-child,
.newsFeedSection article:last-child {
    padding-bottom: 0
}

.tvPlayer article {
    padding-bottom: 24px;
    border-bottom: 1px solid #fff;
    min-height: 100%
}

.slideOuter article {
    padding-bottom: 0;
    border: none;
    position: relative
}

.blue article {
    border-color: #acb1b8
}

.typeAbsolute article {
    padding: 0;
    border: none;
    margin: 0;
    position: relative
}

.withBg.large article .txt p {
    font-size: 1.2857142857rem;
    -webkit-line-clamp: 4
}

.typeFull article {
    border: none;
    padding: 0;
    margin: 0;
    flex-direction: row;
    align-items: center;
    position: relative
}

.whiteColors article {
    border-color: #acb1b8
}

.gridBox article {
    height: 100%
}

.typeLatest article {
    border: none
}

.typeBlog article {
    border: none;
    flex-direction: row;
    padding: 0
}

.typeBlog.small article {
    align-items: center
}

.typeStory article {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none
}
.title-category{
    font-size: 25px;
    font-weight: 900;
}

.reverted .typeStory article {
    text-align: right
}

.pageSkin .grayBg article {
    flex-direction: column
}

.inlineContent article {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: unset;
    border: none
}
.fa-regular, .far {
    font-size: 12px;
    font-weight: 400;
}
/* .inlineContent.large article {
    border-bottom: 1px solid #000
} */

.blue .inlineContent.large article {
    border-color: #fff
}
/* Home icon */
i.fa-solid.fa-house {
    font-size: 25px;
}
/* Home icon */

article .category {
    border-radius: 4px;
    padding: 5px;
    background-color:#bb1919;
    display: flex;
    color: #fff;
    margin-left: 30%;
    font-size: .8571428571rem;
    font-weight: 900;
    line-height: 1;
}

.inlineContent.medium article {
    padding-bottom: 24px;
    border-bottom: 1px solid #000
}

.genericSection article,
.searchResults article {
    flex-direction: row;
    align-items: flex-start
}

.searchResults article {
    margin-bottom: 24px
}

.protoselido article,
.typeBook article {
    flex-direction: column;
    padding: 0;
    border: none;
    margin: 0;
    position: relative
}

.protoselido article {
    align-items: center
}

article figure {
    width: 100%;
    max-width: 358px;
    margin-bottom: 12px;
    position: relative;
    z-index: 0
}

article figure picture {
    display: block;
    padding-top: calc(202 / 358 * 100%);
    position: relative;
    width: 100%
}

article figure img {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.innerCategorySection article figure {
    max-width: 100%
}

.fullWidth article figure {
    max-width: 100%
}

.genericSection article figure,
.searchResults article figure {
    margin: 0 16px 0 0;
    max-width: 230px
}

.genericSection article figure picture,
.searchResults article figure picture {
    padding-top: 56.5217391304%
}

.liveCol article figure {
    width: 100%;
    margin: 0;
    max-width: 100%
}

.typeAbsolute article figure {
    margin: 0;
    max-width: 100%
}

.typeAbsolute article figure picture {
    padding-top: 58.1967213115%
}

.typeAbsolute article figure:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(0deg, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0) 100%)
}

.typeAbsolute.large article figure {
    max-width: 1530px
}

.typeAbsolute.large article figure picture {
    padding-top: 39.2156862745%
}

.typeAbsolute.squareLarge article figure {
    max-width: 749px
}

.typeAbsolute.squareLarge article figure picture {
    padding-top: 80.1068090788%
}

.typeAbsolute.square article figure {
    max-width: 358px
}

.typeAbsolute.square article figure picture {
    padding-top: 80.4469273743%
}

.typeAbsolute.portrait article figure {
    max-width: 358px
}

.typeAbsolute.portrait article figure picture {
    padding-top: 167.5977653631%
}

.large article figure {
    max-width: 488px
}

.large article figure picture {
    padding-top: 56.3524590164%
}

.typeSquare article figure {
    max-width: 358px
}

.typeSquare article figure picture {
    padding-top: 100%
}

.typeFull article figure {
    margin: 0;
    width: 60%;
    max-width: 1010px
}

.typeFull article figure picture {
    padding-top: 56.2376237624%
}

.inlineContent article figure {
    margin-bottom: 0;
    margin-right: 16px;
    flex: 0 0 auto;
    max-width: 228px
}

.inlineContent article figure picture {
    padding-top: 56.1403508772%
}

.inlineContent.large article figure {
    flex: 0 0 auto;
    width: 100%;
    max-width: calc(66.6666666667% - 12px)
}

.inlineContent.large article figure picture {
    padding-top: 56.3417890521%
}

article figure .inlineContent.large:not(.reverse) {
    margin-right: 32px
}

.inlineContent.medium article figure {
    width: 100%;
    max-width: 360px;
    margin-right: 24px
}

.inlineContent.medium article figure picture {
    display: block;
    padding-top: calc(203 / 360 * 100%);
    position: relative;
    width: 100%
}

.inlineContent.medium article figure img {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.inlineContent.reverse article figure {
    margin-right: 0;
    margin-left: 24px;
    order: 2
}

.typeBlog article figure {
    background: 0 0;
    margin-right: 24px;
    margin-bottom: 0;
    flex: 0 0 auto;
    align-self: flex-start;
    width: 100%;
    max-width: 184px
}

.typeBlog article figure picture {
    padding-top: 100%
}

.typeBlog article figure picture:before {
    content: "";
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/Content/Media/pattern.png);
    background-size: cover;
    background-repeat: no-repeat
}

.typeBlog article figure picture img {
    border-radius: 50%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    z-index: 2;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.typeBlog article figure a:not(.comment) {
    position: relative;
    border-radius: 50%;
    background-color: #e6ecf2;
    overflow: hidden
}

.typeBlog article figure a:not(.comment):before {
    content: unset
}

.typeBlog article figure .comment {
    position: absolute;
    z-index: 2;
    right: -2px;
    bottom: -2px;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/Content/Media/comment.svg);
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 1.2857142857rem;
    font-weight: 700;
    line-height: 1;
    color: #fff
}

.typeBlog article figure .comment:before {
    content: unset
}

.typeBlog.small article figure {
    margin-right: 16px;
    margin-bottom: 0;
    flex: 0 0 auto;
    max-width: 96px
}

.pageSkin .grayBg article figure {
    max-width: 100%
}

.withBg article figure {
    margin-bottom: 0
}

.withBg.large article figure {
    max-width: 749px
}

.withBg.large article figure picture {
    padding-top: 47.7970627503%
}

.protoselido article figure,
.typeBook article figure {
    max-width: 100%
}

.protoselido article figure picture,
.typeBook article figure picture {
    padding-top: 130%
}

.typeBook article figure {
    margin: 0 0 16px
}

.protoselido article figure {
    margin: 0 auto 24px
}

.webTv__list article figure {
    max-width: 228px
}

article figure img {
    -o-object-fit: cover;
    object-fit: cover
}

.liveCol article figure>img {
    width: 100%;
    position: relative
}

article figure .liveUpd {
    position: absolute;
    left: 0;
    top: 0
}

.typeBook article .mainLink {
    display: block;
    z-index: 2
}

article .desc {
    display: flex;
    flex-direction: column;
    flex: 2;
    width: 100%;
    max-width: 750px
}

.publicationsSection article .desc {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between
}

.publicationsSection article .desc i {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.genericSection article .desc,
.searchResults article .desc {
    flex-direction: row;
    flex-wrap: wrap
}

.typeAbsolute article .desc {
    position: absolute;
    z-index: 2;
    bottom: 24px;
    left: 0;
    padding: 0 24px
}

.typeAbsolute.large article .desc {
    padding: 0 40px;
    left: 0;
    top: 50%;
    bottom: unset;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60%;
    max-width: 600px
}

.withBg article .desc {
    padding: 12px 16px 16px;
    background-color: #e6ecf2
}

.withBg.large article .desc {
    padding-inline: 24px
}

.typeFull article .desc {
    height: calc(100% - 64px);
    background-color: #bb1919;
    padding: 40px;
    width: calc(40% + 56px);
    position: absolute;
    top: 50%;
    z-index: 2;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: unset
}
.typeFull article .desc a {
   color: white;
}
.typeFull article .desc span {
    color: white;
 }


.typeWide article .desc {
    border-bottom: 1px solid #acb1b8
}

.promotion .typeWide article .desc {
    border-color: #000
}

.newStories .typeWide article .desc {
    border-color: #000
}

.typeBlog article .desc {
    border-bottom: 1px solid #000;
    justify-content: center
}

.typeBlog.small article .desc {
    height: auto;
    border: none;
    padding: 0
}

.whiteColors article .desc {
    border-color: #acb1b8
}

.typeStory article .desc {
    position: relative;
    padding: 0;
    margin-top: 78px
}

.typeLatest article .desc {
    padding: 0
}

article .txt {
    order: 2;
    font-size: 1.1428571429rem;
    font-weight: 400;
    line-height: 1.375;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 8px
}

.withRelated .slideOuter article .txt {
    -webkit-line-clamp: 4
}

.liveCol article .txt {
    -webkit-line-clamp: initial;
    margin: 8px 0 0;
    color: #455264
}

.genericSection article .txt {
    width: 100%;
    padding-right: 16px
}

.slideOuter article .txt {
    font-size: 1.2857142857rem;
    line-height: 1.4444444444;
    color: #000
}

.blue article .txt {
    color: #fff
}

.typeFull article .txt {
    font-size: 1.2857142857rem
}

.large article .txt {
    font-size: 1.2857142857rem
}

article .txt p {
    font-size: 1.1428571429rem;
    font-weight: 400;
    line-height: 1.375;
    margin: 0 0 12px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.withRelated .slideOuter article .txt p {
    -webkit-line-clamp: 4
}

.liveCol article .txt p {
    -webkit-line-clamp: initial
}

article .txt p:empty {
    display: none
}

article .txt p:last-child {
    margin-bottom: 0
}

.slideOuter article .txt p {
    font-size: 1.2857142857rem;
    line-height: 1.4444444444;
    color: #000
}

.typeFull article .txt p {
    font-size: 1.2857142857rem
}

article .categ {
    margin-bottom: 8px;
    color: #7d8693;
    font-size: .8571428571rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase
}

.genericSection article .categ,
.searchResults article .categ {
    margin-right: 16px;
    white-space: nowrap;
    padding: 8px 12px 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #bb1918;
    color: #fff;
    letter-spacing: .05em;
    font-weight: 500;
    transition: background-color .3s ease-out, color .3s ease-out;
}

article .wrp {
    order: 0;
    display: flex;
    align-items: center
}

.liveCol article .wrp {
    margin-bottom: 8px
}

.typeBlog.small article .wrp {
    order: 2;
    margin-top: 8px
}

.bloggersSection .typeBlog article .wrp:not(.commentWrp) {
    align-items: flex-end;
    flex-direction: row-reverse;
    order: 2
}

.aside article .liveUpd,
.newsFeedSection article .liveUpd {
    margin-bottom: 4px
}

.aside article .liveUpd+.update_well,
.newsFeedSection article .liveUpd+.update_well {
    margin-bottom: 0
}

article .heading {
    order: 1
}

.genericSection article .heading,
.searchResults article .heading {
    width: 100%;
    padding-right: 16px
}

.protoselido article .heading,
.typeBook article .heading {
    padding: 0
}

.publicationsSection article .heading {
    margin: 0 16px 0 0
}

.typeAbsolute article .heading {
    padding-right: 40px
}

.typeStory article .heading {
    max-width: 560px
}

article .update_well {
    display: flex;
    gap: 16px;
    margin-bottom: 12px;
    width: 100%
}

.reverted .typeStory article .update_well {
    justify-content: flex-end
}

.genericSection article .update_well,
.searchResults article .update_well {
    margin-bottom: 6px
}

.aside article .update_well,
.newsFeedSection article .update_well {
    margin-bottom: 4px
}

.tvPlayer article .update_well {
    margin: 16px 0
}

.slideOuter article .update_well {
    margin: 0 0 16px;
    color: #7d8693
}

.slideOuter .articles article .update_well {
    margin-bottom: 4px
}

.typeWide article .update_well {
    margin-bottom: 8px
}

.typeLatest article .update_well {
    margin-bottom: 8px
}

.bloggersSection .typeBlog article .update_well {
    margin-bottom: 0
}

article .social .at-share-btn-elements {
    display: flex;
    align-items: center
}

article .social .at-share-btn-elements .at-share-btn {
    padding: 0;
    border: none;
    margin-right: 0
}

article .social .at-share-btn-elements .at-share-btn:last-child {
    margin-right: 0
}

article .comment {
    display: flex;
    color: #f47b23;
    margin-left: auto;
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1
}

.black article .comment,
.blue article .comment,
.whiteColors article .comment {
    color: #d3d6da
}

article .comment:before {
    font-family: icomoon;
    content: "\e91f";
    margin-right: 4px;
    margin-top: -3px;
    font-size: 16px;
    position: relative
}

article time {
    padding: 0;
    margin: 0;
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1;
    color: #7d8693
}

.newStories .large article time,
.newStories .typeWide article time {
    color: #455264
}

.tvPlayer article time {
    margin: 0
}

.typeAbsolute article time {
    color: #e6ecf2
}

.typeLatest article time,
.typeStory article time {
    color: #d3d6da
}

.black article time,
.blue article time,
.whiteColors article time {
    color: #d3d6da
}

article time:before {
    content: unset
}

.typeBlog article h4 {
    margin: 0 0 12px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase
}

.typeBlog article h4 a {
    color: #7d8693
}

article h3 {
    font-size: 1.4285714286rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.5px;
    margin-bottom: 0;
    word-break: break-word
}

.newStories .large article h3 {
    font-weight: 600
}

.genericSection article h3,
.searchResults article h3 {
    font-size: 1.8571428571rem
}

.protoselido article h3,
.typeBook article h3 {
    position: relative;
    padding-left: 18px;
    font-size: 1.2857142857rem;
    font-weight: 500
}

.protoselido article h3:before,
.typeBook article h3:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #f47b23;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: calc(50% - 2px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.protoselido article h3 {
    font-size: 1.8571428571rem
}

.liveCol article h3 {
    font-size: 1.2857142857rem;
    font-weight: 500;
    line-height: 1.4444444444
}

.fullWidth article h3 {
    font-size: 2rem;
    line-height: 1.2857142857
}

.aside article h3,
.newsFeedSection article h3 {
    font-size: 1.1428571429rem;
    font-weight: 600;
    line-height: 1.25
}

.tvPlayer article h3 {
    font-size: 2.7142857143rem;
    line-height: 1.1052631579
}

.slideOuter article h3 {
    font-size: 3.4285714286rem;
    font-weight: 800;
    line-height: 1.0416666667;
    letter-spacing: -1px
}

.withRelated .slideOuter>article h3 {
    font-size: 3.2857142857rem
}

.slideOuter .articles article h3 {
    font-size: 1.0714285714rem;
    font-weight: 600;
    line-height: 1.2857142857;
    letter-spacing: 0
}

.typeAbsolute article h3 {
    font-size: 1.5714285714rem;
    line-height: 1.1818181818
}

.typeAbsolute.large article h3,
.typeAbsolute.squareLarge article h3 {
    font-size: 2.7142857143rem;
    font-weight: 700
}

.typeFull article h3 {
    font-size: 2.8571428571rem
}

.typeBlog article h3 {
    font-size: 1.5714285714rem;
    line-height: 1.1818181818
}

.typeBlog.small article h3 {
    font-size: 1.3571428571rem
}

.large article h3 {
    font-size: 1.5714285714rem;
    font-weight: 500;
    line-height: 1.1818181818
}

.pageSkin .grayBg article h3 {
    font-size: 1.5714285714rem;
    font-weight: 500
}

.medium article h3 {
    font-size: 1.8571428571rem;
    line-height: 1.2307692308
}

.inlineContent.large article h3,
.withBg.large article h3 {
    font-size: 2.4285714286rem;
    font-weight: 800;
    line-height: 1.1176470588
}

.boldTitle.largeVideo article h3 {
    font-weight: 800
}

.typeStory article h3 {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.1428571429
}

.typeLatest article h3 {
    font-size: 1.1428571429rem;
    font-weight: 600;
    line-height: 1.25
}

.typeWide article h3 {
    font-size: 1.0714285714rem;
    line-height: 1.2666666667
}

.webTv__list .typeWide article h3 {
    font-size: 1.0714285714rem;
    font-weight: 600
}

.typeLatest article a,
.typeStory article a {
    color: #fff
}

.black article a,
.blue article a,
.whiteColors article a {
    color: #fff
}

.playVideo {
    cursor: pointer;
    display: block;
    position: relative
}

.playVideo:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
    pointer-events: none
}

.playVideo .videoIcon {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    color: #fff
}
.icon-play-video {
    height: 40px;
    width: 40px;
    fill: #fff;
}

.icon-play-video {
    height: 40px;
    width: 40px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M0 10a10 10 0 1 1 10 10A10 10 0 0 1 0 10zm7.92 4.27a.48.48 0 0 0 .23-.07L14 10.35a.42.42 0 0 0 0-.7L8.15 5.8a.42.42 0 0 0-.43 0 .4.4 0 0 0-.22.36v7.7a.4.4 0 0 0 .22.36.36.36 0 0 0 .2.05z"/></svg>');

}
.icon-play-video::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M0 10a10 10 0 1 1 10 10A10 10 0 0 1 0 10zm7.92 4.27a.48.48 0 0 0 .23-.07L14 10.35a.42.42 0 0 0 0-.7L8.15 5.8a.42.42 0 0 0-.43 0 .4.4 0 0 0-.22.36v7.7a.4.4 0 0 0 .22.36.36.36 0 0 0 .2.05z"/></svg>');

}

.playVideo .videoIcon:not(.sml) {
    font-size: 64px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.playVideo .videoIcon.sml {
    font-size: 32px;
    right: 24px;
    bottom: 24px
}

.large .playVideo .videoIcon.sml,
.largeVideo .playVideo .videoIcon.sml {
    font-size: 64px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: unset;
    bottom: unset
}

.fixedElem .cnt {
    max-width: 360px;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    transition: all .3s ease
}

.sideBanner .bannerWrp {
    position: -webkit-sticky;
    position: sticky;
    top: 80px
}

.bannerWrp {
    margin-bottom: 24px;
    text-align: center
}

.commentsWrapper .bannerWrp {
    margin-bottom: 0
}

.asideTabs .bannerWrp {
    margin-bottom: 20px
}

.bannerWrp__inner>div[style=" display: none; "]~.bannerWrp__close,
.bannerWrp__inner>div[style=" display:none; "]~.bannerWrp__close,
.bannerWrp__inner>div[style=" display:none;"]~.bannerWrp__close,
.bannerWrp__inner>div[style="display: none ;"]~.bannerWrp__close,
.bannerWrp__inner>div[style="display: none;"]~.bannerWrp__close,
.bannerWrp__inner>div[style="display:none ;"]~.bannerWrp__close,
.bannerWrp__inner>div[style="display:none;"]~.bannerWrp__close {
    display: none
}

.blogHeader__content {
    align-items: center;
    display: flex;
    gap: 24px;
    margin-bottom: 32px
}

.blogHeader__image {
    width: 100%;
    max-width: 184px
}

.blogHeader__image picture {
    display: block;
    padding-top: calc(184 / 184 * 100%);
    position: relative;
    width: 100%
}

.blogHeader__image img {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.blogHeader__image picture {
    background-color: #e6ecf2;
    border-radius: 50%;
    overflow: hidden
}

.blogHeader__image picture:before {
    content: "";
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/Content/Media/pattern.png);
    background-size: cover
}

.blogHeader__image picture img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    z-index: 2;
    -o-object-fit: cover;
    object-fit: cover
}

.blogHeader__info .title {
    align-items: flex-start;
    flex-direction: column;
    margin: 0
}

.blogHeader__info .title h1 {
    margin: 0
}

.blogHeader__info .title p {
    margin: 12px 0 0
}

.blogHeader__info .title p:empty {
    margin: 0
}

.blogsInner .asideSection {
    height: 100%
}

.asideBlogs__items {
    display: flex;
    flex-direction: column
}

.asideBlogs__items .article {
    margin-bottom: 40px
}

.asideBlogs__items .article:last-child {
    margin-bottom: 0
}

.linkButton {
    margin-top: 32px;
    display: inline-flex;
    align-items: center;
    font-size: 1.0714285714rem;
    font-weight: 600;
    line-height: 1;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px
}

.newsFeedSection .linkButton {
    margin-top: 24px;
    width: 100%;
    padding-top: 16px;
    border-top: 1px solid #000
}

.black .linkButton,
.blue .linkButton {
    color: #fff
}

.linkButton span {
    margin-left: 16px;
    position: relative;
    top: -2px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease
}

button.linkButton {
    background-color: transparent;
    border: none;
    outline: 0;
    cursor: pointer;
    transition: color .3s ease
}

button.linkButton--orange {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    background-color: #f47b23;
    padding: 0 32px;
    font-size: 1.2857142857rem;
    font-weight: 600;
    transition: background-color .3s ease-out
}

button.linkButton--orange>span {
    font-size: 1.7142857143rem;
    margin: 0;
    width: auto;
    height: auto;
    top: 0;
    color: #fff
}

.btn,
.submit input {
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    color: #fff;
    padding: 0 32px;
    font-size: 1.0714285714rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all .3s ease;
    border: 2px solid #000;
    border-radius: 0;
    text-align: center;
    cursor: pointer
}

.btn--secondary {
    background-color: transparent;
    color: #000
}

.changeDay {
    display: flex;
    align-items: center;
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .05em;
    text-transform: uppercase
}

.changeDay>a {
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.changeDay>a:first-child {
    margin-right: 12px
}

.changeDay>a:last-child {
    margin-left: 12px
}

.changeDay .date {
    display: flex;
    align-items: center;
    margin-right: 6px;
    position: relative
}

.changeDay .date i {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -1px
}

.changeDay .date input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
    padding: 0
}

body .ui-datepicker .ui-datepicker-next span,
body .ui-datepicker .ui-datepicker-prev span {
    display: none
}

body .ui-datepicker .ui-datepicker-next:after,
body .ui-datepicker .ui-datepicker-prev:after {
    font-family: icomoon;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

body .ui-datepicker .ui-datepicker-next:after {
    content: "\e90d"
}

body .ui-datepicker .ui-datepicker-prev:after {
    content: "\e90e"
}

body .ui-datepicker .ui-datepicker-header {
    padding: 0 0 14px;
    border-bottom: 1px solid #000;
    margin-bottom: 14px
}

body .ui-datepicker .ui-datepicker-next,
body .ui-datepicker .ui-datepicker-prev {
    top: 0;
    cursor: pointer;
    color: #000;
    transition: color .3s ease, opacity .3s ease;
    left: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px
}

body .ui-datepicker .ui-datepicker-next.ui-state-disabled,
body .ui-datepicker .ui-datepicker-prev.ui-state-disabled {
    opacity: .6
}

body .ui-datepicker .ui-datepicker-next {
    right: 0;
    left: unset
}

body .ui-datepicker {
    padding: 8px;
    background-color: #f3f6f9;
    margin-top: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .12)
}

body .ui-datepicker .ui-datepicker-title {
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .05em;
    height: 24px;
    padding-top: 10px
}

body .ui-datepicker th {
    color: #7d8693;
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase
}

body .ui-datepicker td {
    border: 0;
    text-align: center;
    padding: 1px
}

body .ui-datepicker td a,
body .ui-datepicker td span {
    padding: 0;
    text-decoration: none;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1
}

body .ui-datepicker td span {
    color: #000
}

body .ui-datepicker td a {
    color: #000
}

body .ui-datepicker td a.ui-state-active {
    background: #000;
    color: #fff
}

body .ui-datepicker td a.ui-state-highlight {
    background: #455264;
    color: #fff
}

.comCnt {
    line-height: 1;
    margin: 22px 0 40px
}

.comCnt:last-child {
    margin-bottom: 0
}

.comCnt:first-child {
    margin-top: 0
}

.comCnt .top {
    margin-bottom: 8px
}

.comCnt .author {
    font-size: 1.1428571429rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.5px;
    color: #000
}

.comCnt time {
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1;
    color: #7d8693;
    margin-right: 0;
    padding: 0;
    position: relative;
    top: 1px;
    min-height: 10px
}

.comCnt time:before {
    content: none
}

.comCnt time span {
    display: inline-block;
    vertical-align: middle
}

.comCnt .txt {
    font-size: 1.1428571429rem;
    line-height: 1.375;
    margin-bottom: 8px
}

.comCnt .txt p {
    font-size: 1.1428571429rem;
    line-height: 1.375;
    margin-bottom: 8px
}

.comCnt .txt p:last-child {
    margin-bottom: 0
}

.comCnt .btm a {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2857142857;
    color: #02478f;
    text-transform: uppercase;
    cursor: pointer
}

.commentWrp {
    margin-bottom: 40px
}

.commentWrp:last-child {
    margin-bottom: 0
}

.commentWrp+.linkButton {
    margin: 0
}

.commentWrp+.buttonContainer {
    margin-bottom: 24px
}

.commentWrp+.buttonContainer .linkButton {
    margin: 0
}

.commentWrp .commentWrp {
    padding-left: 56px
}

.commentWrp .commentWrp .commentWrp .commentWrp {
    padding-left: 0
}

.comment-reply {
    position: relative;
    padding-left: 24px;
    line-height: 1;
    margin: 0 0 40px;
    font-size: 1rem
}

.comment-reply .cancel {
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 1.1428571429rem
}

.comment-reply .label {
    margin-bottom: 8px
}

.comment-reply time {
    color: #a2a2a2;
    font-size: 12px;
    padding: 0
}

.comment-reply time:before {
    content: none
}

.bubble {
    position: -webkit-sticky;
    position: sticky;
    top: 64px;
    left: 100%;
    width: 48px;
    height: 48px;
    font-size: 22px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    z-index: 2;
    transition: all .3s ease
}

.bubble--hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.bubble--hidden.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.form.gray {
    background-color: #e8eff5;
    padding: 40px 56px
}

.asideSection .form.gray {
    padding: 24px 16px
}

.modal .form.gray {
    padding: 24px
}

.form.gray h5 {
    margin-bottom: 40px;
    font-size: 1.7142857143rem;
    font-weight: 800;
    line-height: 1.1666666667
}

.modal .form.gray h5 {
    text-transform: uppercase;
    margin-bottom: 24px
}

.form.gray h5:after {
    content: ".";
    color: #f47b23
}

.modal .submit {
    position: absolute;
    width: 150px;
    right: 0;
    top: 24px
}

.modal .submit .btn {
    width: 100%
}

.publicationsSection .submit input {
    width: 100%
}

.field:not(.captchaWrp) {
    margin: 0 0 40px
}

.publicationsSection .field:not(.captchaWrp) {
    margin-bottom: 8px
}

.modal .field:not(.captchaWrp) {
    margin-bottom: 0;
    margin-top: 8px;
    max-width: 480px;
    position: relative
}

.modal .field:not(.captchaWrp) p {
    margin-top: 16px;
    color: #7d8693;
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1.5
}

.modal .field:not(.captchaWrp) input {
    width: calc(100% - 150px)
}

.field:not(.captchaWrp) .input,
.field:not(.captchaWrp) .textarea {
    display: flex;
    flex-direction: column
}

.field:not(.captchaWrp) .input.error input,
.field:not(.captchaWrp) .textarea.error input {
    border-color: #d10024;
    color: #d10024
}

.field:not(.captchaWrp) .input.error label,
.field:not(.captchaWrp) .textarea.error label {
    color: #d10024
}

.field:not(.captchaWrp) input,
.field:not(.captchaWrp) textarea {
    height: 50px;
    padding: 12px;
    background-color: #fff;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    border: 1px solid transparent;
    font-size: 1.2857142857rem;
    line-height: 1.4444444444;
    width: 100%
}

.field:not(.captchaWrp) textarea {
    height: 160px;
    resize: none
}

.field:not(.captchaWrp) label {
    position: relative;
    left: 0;
    top: 0;
    order: -1;
    margin: 0 0 8px;
    font-size: 1.0714285714rem;
    font-weight: 600;
    line-height: 1.0666666667;
    letter-spacing: 1px;
    text-transform: uppercase
}

.field-validation-error,
.remains,
.req {
    margin-top: 8px;
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1;
    color: #d10024
}

.remains,
.req {
    color: #7d8693
}

.req {
    margin-top: 40px
}

.formBottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap
}

.statusTxt {
    margin-top: 40px;
    position: relative;
    padding-left: 88px
}

.statusTxt i {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    font-size: 56px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000
}

.statusTxt p {
    margin-bottom: 8px
}

.statusTxt p:last-child {
    margin-bottom: 0
}

.actions.brb {
    margin-top: 40px;
    padding-left: 88px;
    display: flex;
    align-items: center
}

.actions.brb .btn {
    margin-right: 16px
}

.actions.brb .btn:last-child {
    margin-right: 0
}

.horizForm {
    margin-bottom: 32px;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(2, 1fr)
}

.modal .horizForm {
    margin: 0;
    display: flex
}

.horizForm .select {
    margin: 0;
    width: 100%
}

.games {
    background: #fec;
    position: relative;
    overflow: hidden
}

.games.section {
    --sectionsSpace: 32px;
    padding: var(--sectionsSpace) 0
}

.pageSkin .games.section {
    position: relative
}

.games__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    opacity: .15
}

.games__bg1 {
    position: absolute;
    right: -28px;
    top: 0;
    -webkit-transform: rotate(-16deg);
    transform: rotate(-16deg);
    -webkit-animation: animationpath3 30s ease infinite forwards;
    animation: animationpath3 30s ease infinite forwards
}

.games__bg2 {
    position: absolute;
    -webkit-animation: animationpath1 30s ease infinite forwards;
    animation: animationpath1 30s ease infinite forwards
}

.games__bg3 {
    position: absolute;
    -webkit-animation: animationpath2 30s ease infinite forwards;
    animation: animationpath2 30s ease infinite forwards
}

.games__bg4 {
    position: absolute;
    left: 0;
    bottom: 10%
}

.game {
    max-width: 398px;
    margin: 8px auto;
    position: relative
}

.game__img {
    aspect-ratio: 398/223
}

.game__img img {
    width: 100%
}

.game__title {
    font-weight: 700;
    letter-spacing: -.5px;
    color: #000
}

.game__title a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gameSlider {
    --swiper-navigation-size: 56px
}

.gameSlider__button {
    width: 56px;
    height: 56px;
    font-size: 24px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #000;
    border-radius: 50%;
    transition: all .3s ease;
    top: calc(50% - 44px)
}

.gameSlider__button--next {
    right: -28px
}

.gameSlider__button--prev {
    left: -28px
}

@-webkit-keyframes animationpath1 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    40% {
        -webkit-transform: translate(30px, 30px);
        transform: translate(30px, 30px)
    }
    60% {
        -webkit-transform: translate(60px, -40px);
        transform: translate(60px, -40px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes animationpath1 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    40% {
        -webkit-transform: translate(30px, 30px);
        transform: translate(30px, 30px)
    }
    60% {
        -webkit-transform: translate(60px, -40px);
        transform: translate(60px, -40px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes animationpath2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    40% {
        -webkit-transform: translate(-60px, 30px);
        transform: translate(-60px, 30px)
    }
    60% {
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes animationpath2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    40% {
        -webkit-transform: translate(-60px, 30px);
        transform: translate(-60px, 30px)
    }
    60% {
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes animationpath3 {
    0% {
        -webkit-transform: translateY(0) rotate(-16deg);
        transform: translateY(0) rotate(-16deg)
    }
    100% {
        -webkit-transform: translateY(30px) rotate(-20deg);
        transform: translateY(30px) rotate(-20deg)
    }
}

@keyframes animationpath3 {
    0% {
        -webkit-transform: translateY(0) rotate(-16deg);
        transform: translateY(0) rotate(-16deg)
    }
    100% {
        -webkit-transform: translateY(30px) rotate(-20deg);
        transform: translateY(30px) rotate(-20deg)
    }
}

@-webkit-keyframes draw {
    from {
        stroke-dashoffset: 1000
    }
    to {
        stroke-dashoffset: 0
    }
}

@keyframes draw {
    from {
        stroke-dashoffset: 1000
    }
    to {
        stroke-dashoffset: 0
    }
}

.liveUpdatesComp {
    display: flex;
    flex-direction: column
}

.liveUpdatesComp__info {
    display: flex;
    margin-bottom: 16px;
    font-size: 1.2857142857rem;
    font-weight: 500;
    line-height: 1.4444444444;
    color: #7d8693
}

.liveUpdatesComp__info i {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px
}

.liveCol {
    margin-bottom: 16px
}

.liveCol:last-child {
    margin-bottom: 0
}

.liveCol__title {
    padding: 8px 40px 8px 16px;
    background-color: #d10024;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    letter-spacing: .05em;
    text-transform: uppercase
}

.liveCol__title:before {
    font-family: icomoon;
    content: "\e923";
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    font-weight: 300
}

.liveCol__title:after {
    color: #fff;
    width: 24px;
    height: 24px;
    font-size: 18px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 16px;
    margin-top: -12px;
    opacity: 1;
    font-weight: 300
}

.liveCol__content {
    display: flex;
    flex-direction: column
}

.liveCol .article {
    padding: 16px 16px 0;
    background-color: #e6ecf2
}

.liveCol .article article {
    border-bottom: 1px solid #000;
    padding-bottom: 16px
}

.liveCol .article:last-child {
    padding: 16px
}

.liveCol .article:last-child article {
    border: none;
    padding-bottom: 0
}

.liveCol--main .article {
    background-color: #f3f6f9;
    margin-bottom: 16px
}

.liveCol--main .article article {
    border: none
}

.liveCol--main .article:last-child {
    margin-bottom: 0
}

.trigMenu {
    width: 80px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: all .3s ease;
    z-index: 4
}

.burgerIcon {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.burgerIcon .burger {
    left: 0;
    top: 50%;
    margin-top: -1.5px;
    transition: -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: transform .3s cubic-bezier(.55, .055, .675, .19), -webkit-transform .3s cubic-bezier(.55, .055, .675, .19)
}

.burgerIcon .burger,
.burgerIcon .burger:after,
.burgerIcon .burger:before {
    width: 100%;
    height: 3px;
    background-color:#fff;
    border-radius: 3px;
    position: absolute;
    left: 0
}

.burgerIcon .burger:after,
.burgerIcon .burger:before {
    content: "";
    display: block;
    transition: top .1s .34s ease-in, opacity .1s ease-in
}

.burgerIcon .burger:before {
    top: -8px
}

.burgerIcon .burger:after {
    bottom: -8px;
    transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19), -webkit-transform .3s cubic-bezier(.55, .055, .675, .19)
}

.navOpened .burgerIcon .burger {
    transition-delay: .14s;
    -webkit-transition-delay: .14s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    background: #000
}

.navOpened .burgerIcon .burger:before {
    top: 0;
    transition: top .1s ease-out, opacity .1s .14s ease-out;
    opacity: 0
}

.navOpened .burgerIcon .burger:after {
    bottom: 0;
    background: #000;
    transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg)
}

.navWrp {
    --contentWidth: 1530px;
    position: absolute;
    top: 100%;
    background: #e6ecf2;
    left: 0;
    width: 100%;
    z-index: 2;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .08);
    transition: all .3s ease;
    display: flex;
    flex-direction: column;
    max-height: calc(var(--vh, 1vh) * 100 - var(--headerHeight));
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-color: #d3d6da transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden
}

.navWrp::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.navWrp::-webkit-scrollbar-thumb {
    background: #d3d6da;
    border-radius: 90px
}

.navWrp::-webkit-scrollbar-thumb:hover {
    background: #d3d6da
}

.navWrp::-webkit-scrollbar-thumb:active {
    background: #d3d6da
}

.navWrp::-webkit-scrollbar-track {
    background: 0 0
}

.navWrp .grayRow {
    order: 2;
    padding: 24px 16px;
    background-color: #9f1f18;
}

.navWrp .grayRow .social {
    max-width: var(--contentWidth);
    margin: 0 auto;
    justify-content: center
}

.navWrp .grayRow .nav {
    padding: 0;
    width: 100%
}

.navWrp .grayRow .nav ul {
    margin: 0;
    justify-content: center;
    width: 100%
}

.navWrp .grayRow .nav ul li {
    margin: 0 12px 0 0;
    padding-right: 12px;
    border-right: 1px solid #000
}

.navWrp .grayRow .nav ul li:last-child {
    margin-right: 0;
    padding-right: 0;
    border: none
}

.navWrp .grayRow .nav ul li a {
    padding: 0;
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1;
    color: #000
}

.navWrp .grayRow.mobileOnly {
    padding-top: 0
}

.topNav {
    background-color: #f3f6f9;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1
}

.topNav .mainNav {
    max-width: var(--contentWidth);
    margin: 0 auto;
    padding: 32px 16px;
    width: 100%;
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6
}

.topNav .rightColmn {
    max-width: var(--contentWidth);
    margin: 0 auto;
    padding: 32px 16px;
    position: relative;
    text-align: left;
    width: 100%;
    background-color: transparent
}

.topNav .rightColmn:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 0;
    width: calc(var(--vw, 1vw) * 100);
    height: 100%;
    background-color: #e6ecf2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mainNav ul li,
.navMore ul li {
    padding: 0;
    margin-bottom: 40px
}

.mainNav ul li a,
.navMore ul li a {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: #455264;
    padding: 12px 0;
    display: inline-block
}

.mainNav ul li li,
.navMore ul li li {
    margin-bottom: 0
}

.mainNav ul li ul:not(.tagsUl),
.navMore ul li ul:not(.tagsUl) {
    text-transform: uppercase
}

.mainNav ul.tagsUl li a,
.navMore ul.tagsUl li a {
    font-size: 15px;
    font-weight: 600;
    padding: 6px 0;
    position: relative;
    line-height: 1.4
}

.mainNav ul.tagsUl li a:before,
.navMore ul.tagsUl li a:before {
    content: "#"
}

.mainNav .title,
.navMore .title {
    margin-bottom: 6px
}

.mainNav .title:after,
.navMore .title:after {
    content: unset
}

.mainNav .title a,
.mainNav .title span,
.navMore .title a,
.navMore .title span {
    position: relative;
    font-size: 1.7142857143rem;
    font-weight: 850;
    line-height: 1.25;
    color: #000;
    padding: 0
}

.mainNav .title a:after,
.mainNav .title span:after,
.navMore .title a:after,
.navMore .title span:after {
/*     content: ".";
    color: #f42323 */
}

.navMore li.hasSub ul {
    width: 100%;
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6
}

.navMore li.hasSub ul li {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column
}

.modalwrp.opened {
    z-index: 99999;
    opacity: 1;
    height: 100%;
    visibility: visible
}

.modalwrp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    padding: 0;
    opacity: 0;
    margin: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: opacity .2s ease;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.modal {
    position: relative;
    z-index: 5;
    text-align: left;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    max-width: 1000px;
    padding: 0
}

.modal .content {
    background: #fff;
    padding: 40px;
    max-height: calc(100vh - 50px);
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-color: #d3d6da transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch
}

.modal .content::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.modal .content::-webkit-scrollbar-thumb {
    background: #d3d6da;
    border-radius: 90px
}

.modal .content::-webkit-scrollbar-thumb:hover {
    background: #d3d6da
}

.modal .content::-webkit-scrollbar-thumb:active {
    background: #d3d6da
}

.modal .content::-webkit-scrollbar-track {
    background: 0 0
}

.modalwrp:not(.opened) .modal {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.modalwrp.opened .overlay {
    z-index: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

.modalwrp .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 140%;
    cursor: pointer;
    background: #455264;
    opacity: .7;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

.modlWrp {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
    z-index: 2;
    background: #fff;
    padding: 30px 25px
}

.modalCnt {
    max-height: 76vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.closeModal {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 4;
    cursor: pointer;
    transition: all .3s ease;
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.modal .content a {
    text-decoration: underline;
    color: #62a4e9
}

.social {
    display: flex;
    align-items: center;
    gap: 16px
}

.social a {
    color: white;
    width: 38px;
    height: 38px;
    font-size: 22px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #ffffff;
    transition: color .3s ease, border-color .3s ease;
}

body .at4-jumboshare .at4-share-container {
    display: flex;
    align-items: center
}

body .at-style-responsive .at-share-btn {
    padding: 0 !important;
    border-radius: 50% !important;
    width: 28px;
    height: 28px;
    background-color: transparent !important;
    background-image: none !important;
    border: 1px solid #d3d6da
}

body .longFormHero .at-style-responsive .at-share-btn {
    background-color: #fff !important
}

body .at-resp-share-element:after,
body .at-resp-share-element:before {
    content: unset
}

body .at-mobile .at-resp-share-element .at-share-btn,
body .at-resp-share-element .at-share-btn {
    margin: 0 8px 0 0
}

body .at4-jumboshare .at4-share-container {
    padding: 0
}

body .at4-jumboshare .at4-count-container {
    display: none
}

body .at-resp-share-element .at-share-btn:focus,
body .at-resp-share-element .at-share-btn:hover {
    -webkit-transform: none;
    transform: none
}

body .at-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px !important;
    height: 28px !important;
    line-height: 1 !important
}

body .at-icon-wrapper svg {
    fill: #000 !important;
    width: 20px !important;
    height: 20px !important;
    position: relative;
    left: -1px;
    top: -1px;
    transition: all .3s ease
}

body .liveUpdates+.articleContainer .articleContainer__media .at-icon-wrapper svg {
    fill: #fff !important
}

body #at_hover.atm-s a,
body .atm-s a {
    display: flex;
    color: #000 !important;
    align-items: center
}

body #at15s .at-label {
    margin-left: 8px
}

body #at15s .at-icon {
    fill: #fff !important
}

.tagsCnt,
.tagsWrp--red {
    display: flex;
    align-items: center
}

.grayTopCnt .tagsCnt,
.grayTopCnt .tagsWrp--red {
    margin-bottom: 16px
}

.tagsCnt h6,
.tagsWrp--red h6 {
    display: none
}

.tagsCnt .categ,
.tagsWrp--red .categ {
    margin-right: 16px;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 12px 0;
    background-color: #d9e4ee;
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1
}

.liveUpdates .tagsCnt .categ,
.liveUpdates .tagsWrp--red .categ {
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), #d10024;
    color: #fff
}

.tagsWrp--red {
    margin-bottom: 16px
}

.articleTopInfo .tagsWrp--red .tagsCnt {
    margin-bottom: 0
}

.tags {
    padding: 0
}

.titleWithTags .tags {
    z-index: 2
}

.tags .cnt {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 16px
}

.tags a {
    font-size: 1.0714285714rem;
    font-weight: 600;
    line-height: 1;
    position: relative
}

.tags a:before {
    content: "#";
    letter-spacing: 2px
}

.status {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: flex-end
}

.status .itm {
    align-items: center;
    display: flex;
    gap: 8px
}

.status h5,
.status h6 {
    margin: 0;
    font-size: 1.1428571429rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.5px
}

.status h6 {
    font-weight: 400
}

.stat {
    display: flex;
    margin-left: 8px;
    align-items: center;
    font-size: 1.1428571429rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -.5px
}

.stat.up {
    color: #53b21d
}

.stat.up:after {
    background-color: #53b21d
}

.stat.down {
    color: #d10024
}

.stat.down:after {
    background-color: #d10024;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.stat:after {
    font-family: icomoon;
    content: "\e903";
    width: 16px;
    height: 16px;
    font-size: 10px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    border-radius: 50%;
    color: #fff
}

.tagsHeader {
    display: flex;
    position: relative;
    align-items: flex-start
}

.tagsHeader .title {
    margin: 0;
    flex-direction: column;
    width: 100%;
    position: relative;
    padding: 24px 32px;
    background-color: #e6ecf2;
    margin-top: 16px
}

.tagsHeader h1 {
    margin-bottom: 8px
}

.tagsHeader .descr {
    font-size: 1.1428571429rem;
    width: 100%
}

.tagsHeader .descr p {
    font-size: 1.1428571429rem
}

.tagsHeader .descr .visible p {
    margin: 0
}

.tagsFigure {
    width: 100%;
    max-width: 390px;
    flex: 0 0 auto
}

.tagsFigure picture {
    display: block;
    padding-top: calc(218 / 390 * 100%);
    position: relative;
    width: 100%
}

.tagsFigure img {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.tagsFigure img {
    -o-object-fit: cover;
    object-fit: cover
}

.tagsFigure+.title {
    width: calc(100% + 32px - 390px);
    left: -32px
}

.more {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-top: 16px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2857142857;
    text-transform: uppercase;
    position: relative
}

.more:after {
    content: "\e90d";
    position: absolute;
    right: -24px;
    font-family: icomoon;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.more.opened:after {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg)
}

.rssLink {
    display: inline-flex;
    align-items: center;
    font-size: 1.0714285714rem;
    font-weight: 600;
    line-height: 1
}

.tagsFlex {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0 12px
}

.backToTop {
    position: fixed;
    z-index: 10;
    width: 56px;
    height: 56px;
    font-size: 24px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    color: #fff;
    right: 24px;
    bottom: 80px;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 50%
}

.backToTop:not(.show) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.searchWrp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    z-index: 2;
    padding-left: 80px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    pointer-events: none
}

.searchOpened .searchWrp {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: all
}

.searchInp {
    position: relative;
    padding-left: 56px;
    background: #fff;
    height: 100%
}

.searchInp>form {
    height: 100%
}

.searchInp .input {
    line-height: 1;
    max-width: calc(100% - 88px);
    position: relative;
    height: 100%;
    display: flex;
    align-items: center
}

.searchSubmit {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center
}

.searchInp .input .searchSubmit input {
    letter-spacing: -.5px;
    font-weight: 500;
    font-size: 1.1428571429rem;
    line-height: 1.25;
    color: #000;
    transition: color .3s ease;
    padding: 0;
    background-color: transparent
}

.searchInp .input input {
    width: 100%;
    height: 100%;
    padding: 0 104px 0 0;
    font-weight: 500;
    font-size: 1.1428571429rem;
    line-height: 1.25;
    color: #000;
    letter-spacing: -.5px
}

.searchResults {
    position: absolute;
    top: 100%;
    left: 0;
    line-height: 1;
    width: 100%;
    background: #f3f6f9;
    font-size: 15px;
    text-align: left;
    max-height: calc(100vh - 51px);
    display: none;
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-color: #d3d6da transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch
}

.searchResults::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.searchResults::-webkit-scrollbar-thumb {
    background: #d3d6da;
    border-radius: 90px
}

.searchResults::-webkit-scrollbar-thumb:hover {
    background: #d3d6da
}

.searchResults::-webkit-scrollbar-thumb:active {
    background: #d3d6da
}

.searchResults::-webkit-scrollbar-track {
    background: 0 0
}

.searchResults h2 {
    font-size: 19px;
    font-weight: 700;
    color: #000;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.searchResults h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 50px;
    background: #02478f
}

.searchResults .cnt {
    max-width: 782px;
    padding: 40px 16px 0;
    margin: 0 auto
}

.closeSearch {
    position: absolute;
    top: 50%;
    right: 24px;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .3s ease
}

::-webkit-input-placeholder {
    color: #acb1b8
}

::-moz-placeholder {
    color: #acb1b8
}

:-ms-input-placeholder {
    color: #acb1b8
}

:-moz-placeholder {
    color: #acb1b8
}

.searchInp .submit {
    position: absolute;
    left: 0;
    top: 0;
    width: 56px;
    height: 100%;
    text-align: center;
    color: #acb1b8;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    transition: color .3s ease
}

.searchInp .submit i {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left:20px;
}

.searchInp .submit .icon-search~input {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    margin: 0;
    padding: 0;
    background: 0 0;
    cursor: pointer
}

.searchItems {
    max-width: 880px
}

.searchItems .article {
    margin-bottom: 24px
}

.topBar {
    display: flex;
    align-items: center;
    margin-bottom: 32px
}

.topBar .resNumb {
    font-size: 2.5714285714rem;
    font-weight: 700;
    line-height: 1.1666666667;
    letter-spacing: -1px;
    margin-right: 32px
}

.topBar .right {
    display: inline-flex;
    align-items: center;
    margin-left: auto
}

.searchInput {
    display: flex;
    position: relative;
    margin: 32px 0 56px
}

.searchInput input {
    width: 100%;
    height: 50px;
    background-color: #f3f6f9;
    padding: 8px 48px 8px 16px;
    color: #7d8693;
    font-size: 1.2857142857rem;
    line-height: 1.4444444444
}

.searchInput .btn {
    background-color: transparent;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #000;
    border: none;
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.select {
    position: relative;
    margin-right: 16px;
    min-width: 135px
}

.select:last-child {
    margin-right: 0
}

.select .trigger {
    background: #f3f6f9;
    cursor: pointer;
    padding: 8px 32px 8px 12px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border: none;
    font-size: 1.1428571429rem;
    line-height: 1.375
}

.select .trigger.opened:before {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.select .trigger:before {
    content: "\e90d";
    font-family: icomoon;
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -8px;
    transition: all .3s ease;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.select .cnt {
    position: absolute;
    top: 100%;
    background: #fff;
    right: 0;
    display: none;
    line-height: 1;
    width: 100%;
    z-index: 2;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .12);
    max-height: 300px;
    padding: 8px 12px 8px 16px;
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-color: #d3d6da transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch
}

.select .cnt::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.select .cnt::-webkit-scrollbar-thumb {
    background: #d3d6da;
    border-radius: 90px
}

.select .cnt::-webkit-scrollbar-thumb:hover {
    background: #d3d6da
}

.select .cnt::-webkit-scrollbar-thumb:active {
    background: #d3d6da
}

.select .cnt::-webkit-scrollbar-track {
    background: 0 0
}

.select ul {
    display: flex;
    flex-direction: column
}

.select ul li {
    margin-bottom: 8px;
    font-size: 1.1428571429rem;
    line-height: 1.375
}

.select ul li:last-child {
    margin-bottom: 0
}

.select ul li a {
    cursor: pointer
}

.inner .mainSection .wrapper,
.mainSection.sml .wrapper {
    max-width: 1232px
}

.pageSkin .mainSection .wrapper,
main.pageSkin .mainSection .wrapper {
    max-width: 1200px;
    position: relative;
    z-index: 2
}

.section {
    --sectionsSpace: 36px;
    padding: var(--sectionsSpace) 0;
    position: relative
}

.section:not(.games):last-child {
    padding-bottom: 0
}

.section.blogsInner .wrapper,
.section.mainSectionblogsInner .wrapper,
.section.maxWidthSection .wrapper {
    max-width: 1232px;
    position: relative
}

.section.categoriesSection .wrapper {
    position: relative
}

.section.searchSection .wrapper {
    max-width: 1092px
}

.section.comSection {
    padding-bottom: 0
}

.section.mainSection.contactSection {
    margin-top: 16px
}

.section.featuredSection {
    padding: 0 24px;
    z-index: 2
}

.section.happensNow {
    margin-bottom: 30px;
    border-bottom: 1px solid #fff;
    opacity: 1;
    padding: 0 24px
}

.longFormArticle .section.happensNow {
    border: none
}

.section.section--featslider .wrapper {
    overflow: hidden
}

.section.black,
.section.blue {
    margin-block: var(--sectionsSpace);
    padding-block: 32px
}

.section.grayBg {
    margin-bottom: var(--sectionsSpace);
    padding-bottom: 32px;
    overflow-x: hidden
}

.section.black {
    background-color: #000
}

.section.blue {
    background-color: #bb1919
}

.section.promotion .promotionContainer {
    position: relative;
    padding-bottom: 32px
}

.section.promotion .promotionContainer:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -32px;
    width: calc(100% + 64px);
    height: calc(100% - 120px);
    background-color: #f6e3d5;
    z-index: -1
}

.section.food .foodContainer {
    position: relative;
    padding-bottom: 32px
}

.section.food .foodContainer:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -32px;
    width: calc(100% + 64px);
    height: calc(100% - 120px);
    background-color: #d1eada;
    z-index: -1
}

.section.section--money {
    --newMoneyBgColor1: #C5ECE0;
    --newMoneyBgColor2: rgba(197, 236, 224, 0)
}

.section.section--money .wrapper {
    position: relative
}

.section.section--money .wrapper:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 120px);
    background: linear-gradient(0deg, var(--newMoneyBgColor1) 0, var(--newMoneyBgColor2) 97.63%);
    z-index: -1;
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0)
}

.section.newStories {
    background-color: #eeeeee;
    margin-block: 40px
}

.section.bannerWrp {
    margin: 0;
    z-index: 1;
    background: #fff
}

.section.bannerWrp+.featImg {
    padding-top: 0
}

.section.main-slider-news {
    margin: 0 auto;
    padding: 24px 24px 0;
    max-width: 1920px
}

.section.liveVideo {
    --sectionsSpace: 0;
    background: #000
}

.section.liveVideo .wrapper {
    padding: 0;
    position: relative;
    max-width: 1678px
}

.section.darkSection article time {
    color: #fff
}

.pageSkin .section {
    --wrapperBottomSpace: 96px;
    position: static;
    padding-top: 0;
    padding-bottom: 0
}

.pageSkin .section>.wrapper {
    padding-top: var(--sectionsSpace);
    padding-bottom: var(--wrapperBottomSpace)
}

.pageSkin .section.comSection>.wrapper {
    padding-bottom: var(--sectionsSpace)
}

.pageSkin .section .wrapper {
    max-width: 1200px
}

.section__titleimg {
    max-width: 469px;
    width: 100%;
    margin: 0
}

.section__titleimg:after {
    content: "";
    width: 100%;
    height: 4px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1
}

.section__titleimg picture {
    position: relative;
    padding-top: 11.6%;
    display: block;
    z-index: 2
}

.section__titleimg picture:before {
    z-index: 0;
    content: "";
    width: calc(100% + 40px);
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0
}

.section__titleimg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.topInfo {
    margin-bottom: 48px
}

.mainSection .topInfo {
    margin-bottom: var(--sectionsSpace)
}

.topInfo.withTags {
    background-color: #e6ecf2;
    padding: 16px 20px
}

.topInfo__row {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between
}

.grayTopCnt {
    max-width: 760px;
    margin: 0 auto 24px;
    position: relative
}

.grayTopCnt.liveUpdates:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100vw;
    height: 2000px;
    left: 50%;
    bottom: -80px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #d10024
}

.pageSkin .grayTopCnt.liveUpdates:before {
    max-width: 1200px;
    z-index: 0;
    height: 240px
}

.contentSection .grayTopCnt {
    margin: 8px auto 32px
}

.errorPage .grayTopCnt img {
    margin: 0 auto
}

.topStorySection {
    padding: 24px 24px 0;
    max-width: 1920px;
    margin: 0 auto
}

.topStory {
    position: relative
}

.topStory__content {
    padding: 80px 40px;
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 532px
}

.topStory.reverted .topStory__content {
    flex-direction: row-reverse
}

.topStory__content:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0) 100%)
}

.topStory__title {
    position: absolute;
    left: 0;
    top: 60px;
    background-color: #d10024;
    padding: 16px 16px 16px 56px;
    display: inline-flex;
    align-items: center;
    z-index: 2;
    font-size: 1.7142857143rem;
    font-weight: 800;
    line-height: 1.1666666667;
    color: #fff
}

.topStory__title:before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50px;
    background-color: #fff;
    margin-right: 12px
}

.topStory article {
    position: unset
}

.topStory figure a {
    width: 100%;
    height: 100%
}

.topStory figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.latestArticles {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 4;
    flex: 0 0 auto
}

.reverted .latestArticles {
    margin-top: 72px
}

.latestArticles__title {
    font-size: 1.0714285714rem;
    font-weight: 600;
    line-height: 1.0666666667;
    color: #fff;
    margin-bottom: 24px;
    letter-spacing: 1px
}

.latestArticles__grid {
    display: flex;
    flex-direction: column;
    margin-right: -16px;
    padding-right: 16px;
    max-width: 360px;
    max-height: 300px;
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-color: #d3d6da transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch
}

.latestArticles__grid::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.latestArticles__grid::-webkit-scrollbar-thumb {
    background: #d3d6da;
    border-radius: 90px
}

.latestArticles__grid::-webkit-scrollbar-thumb:hover {
    background: #d3d6da
}

.latestArticles__grid::-webkit-scrollbar-thumb:active {
    background: #d3d6da
}

.latestArticles__grid::-webkit-scrollbar-track {
    background: 0 0
}

.reverted .latestArticles__grid {
    max-height: 300px
}

.artBox {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px
}

.featured .artBox article {
    counter-increment: counter
}

.featured .artBox article figure {
    position: relative;
    overflow: hidden
}

.featured .artBox article figure:before {
    content: counter(counter);
    position: absolute;
    z-index: 2;
    right: 0;
    top: 50%;
    color: #fff;
    font-size: 10rem;
    font-weight: 700;
    line-height: 1;
    -webkit-transform: translate(24px, -50%);
    transform: translate(24px, -50%)
}

.main {
    position: relative
}

.grayBg .main:before {
    content: "";
    position: absolute;
    left: -32px;
    bottom: -32px;
    width: calc(100% + 64px);
    height: 100%;
    background-color: #455264;
    z-index: -1
}

.pageSkin .grayBg .main:before {
    z-index: 0
}

.well {
    margin-top: 32px
}

.well h4 {
    margin: 0 0 12px;
    font-size: 1.7142857143rem;
    font-weight: 800;
    line-height: 1.25;
    position: relative
}

.well h4:after {
    content: ".";
    color: #f47b23
}

.mainHalf {
    display: flex
}

.mainHalf .sideBanner {
    width: 358px;
    padding: 0 32px;
    flex: 0 0 auto;
    margin-left: 32px;
    text-align: center
}

.featuredSection {
    border-bottom: 1px solid #d3d6da;
    background-color: #fff;
    display: flex;
    flex-wrap: nowrap
}

.featuredSection_title {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding: 0;
    background-color: transparent;
    margin-right: 40px;
    flex-direction: column;
    justify-content: center
}

.featuredSection_titleinner {
    width: 100%
}

.featuredSection_title h4 {
    margin: 0;
    padding: 8px 10px;
    background-color: #e6ecf2;
    font-size: .9285714286rem;
    font-weight: 600;
    line-height: 1.2307692308;
    color: #455264;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center
}

.featuredSection_slider {
    display: flex;
    overflow-x: auto;
    width: 100%;
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-color: #d3d6da transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch
}

.featuredSection_slider::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.featuredSection_slider::-webkit-scrollbar-thumb {
    background: #d3d6da;
    border-radius: 90px
}

.featuredSection_slider::-webkit-scrollbar-thumb:hover {
    background: #d3d6da
}

.featuredSection_slider::-webkit-scrollbar-thumb:active {
    background: #d3d6da
}

.featuredSection_slider::-webkit-scrollbar-track {
    background: 0 0
}

.featuredSection .item {
    flex: 0 0 auto;
    width: calc(25% - 24px);
    padding: 12px 24px 12px 0;
    margin-right: 24px;
    border-right: 1px solid #d3d6da;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.featuredSection .item:last-child {
    border: none;
    margin: 0;
    padding-right: 0
}

.featuredSection .item h3 {
    font-size: 1.0714285714rem;
    font-weight: 600;
    line-height: 1.3571428571;
    margin: 0
}

.featuredSection .itemDate {
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1;
    color: #7d8693;
    margin-top: 4px
}

.section-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1;
    opacity: 1;
    transition: background-image .5s ease-out;
    background-position: center center
}

.section-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(360deg, rgba(230, 236, 242, .56) 0, rgba(230, 236, 242, .96) 100%)
}

.happensNow {
    background-color: #d10024;
    position: relative;
    z-index: 2
}

.happensNow .swiper-wrapper {
    align-items: stretch
}

.happensNow .item {
    display: flex;
    align-items: center;
    margin: 18px 0;
    width: 100%;
    background-color: #d10024;
    height: auto
}

.happensNow .itemTitle h2 {
    font-size: 2.5714285714rem;
    line-height: 1.1666666667;
    letter-spacing: -.5px;
    margin: 0
}

.happensNow .itemTitle a {
    color: #fff;
    transition: color 250ms ease-out
}

.happensNow .swiper-pagination:empty {
    padding: 0
}

.hpn {
    padding-right: 32px;
    margin-right: 32px;
    border-right: 1px solid rgba(255, 255, 255, .5);
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    color: #fff;
    position: relative;
    flex: 0 0 auto
}

/* .hpn:before {
    font-family: icomoon;
    content: "\e901";
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    opacity: .6;
    position: absolute;
    left: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
} */

.hpn h6 {
    margin: 0 0 8px;
    font-size: 1.0714285714rem;
    font-weight: 700;
    line-height: 1.0666666667
}

.hpn time {
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1
}

.mainWrp {
    --asideWidth: 358px;
    --gridGap: 32px;
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    gap: var(--gridGap)
}

.comSection .mainWrp {
    --asideWidth: 316px;
    --gridGap: 24px
}

.articleGrid .mainWrp,
.blogsInner .mainWrp {
    margin-top: 32px
}

.mainWrp .aside {
    border: none;
    order: 0;
    padding: 0;
    width: var(--asideWidth)
}

.bloggersSection .mainWrp .aside,
.blogsInner .mainWrp .aside {
    order: 1
}

.articleGrid .mainWrp .aside,
.comSection .mainWrp .aside,
.contactSection .mainWrp .aside,
.genericSection .mainWrp .aside,
.innerCategorySection .mainWrp .aside {
    order: 1
}

.mainWrp .main {
    flex: 1;
    order: 1
}

.bloggersSection .mainWrp .main,
.blogsInner .mainWrp .main,
.comSection .mainWrp .main {
    order: 0;
    min-width: 0
}

.articleGrid .mainWrp .main,
.contactSection .mainWrp .main,
.genericSection .mainWrp .main,
.innerCategorySection .mainWrp .main {
    order: 0
}

.contentSection .mainWrp .main,
.errorPage .mainWrp .main {
    max-width: 760px;
    margin: 0 auto 24px;
    position: relative;
    width: 100%
}

.errorPage .mainWrp .main {
    min-height: 0
}

.searchSection .mainWrp .main {
    width: 100%
}

.mainWrp.withoutAside .main {
    width: 100%;
    margin: 0
}

.mainWrp .mainFull {
    order: 2;
    width: 100%
}

.mainWrp--withFeed {
    margin-bottom: 32px;
    position: relative
}

.newsFeedSection {
    margin-top: 32px;
    position: relative
}

.related {
    display: flex;
    flex-direction: column;
    margin-top: 12px;
    position: relative;
    z-index: 2
}

/* .leftArticles .related {
    margin-top: 96px
} */

.related h4 {
    margin: 0 0 12px;
    font-size: 1.0714285714rem;
    font-weight: 600;
    line-height: 1.0666666667;
    letter-spacing: 1px;
    text-transform: uppercase
}

.leftArticles .related h4 {
    margin-bottom: 8px;
    position: relative;
    font-size: 1.5714285714rem;
    line-height: 1.1818181818;
    letter-spacing: -.5px;
    text-transform: none
}

.leftArticles .related h4:after {
    content: ".";
    color: #f47b23
}

.related .articles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px 16px
}

.leftArticles .related .articles {
    grid-template-columns: 1fr
}

.leftArticles .related .articles .txt {
    display: none
}

.flowTransl {
    margin: 0 -1px;
    background: #fff;
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-color: #d3d6da transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch
}

.flowTransl::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.flowTransl::-webkit-scrollbar-thumb {
    background: #d3d6da;
    border-radius: 90px
}

.flowTransl::-webkit-scrollbar-thumb:hover {
    background: #d3d6da
}

.flowTransl::-webkit-scrollbar-thumb:active {
    background: #d3d6da
}

.flowTransl::-webkit-scrollbar-track {
    background: 0 0
}

.newsFeedSection .flowTransl {
    overflow: hidden
}

.flowTransl .tblMax {
    padding-right: 16px
}

.listLoop {
    max-width: 640px
}

.genericSection .listLoop {
    max-width: 880px
}

.listLoop .col {
    margin-bottom: 40px
}

.genericSection .listLoop .col {
    margin-bottom: 24px
}

.listLoop .col:last-child {
    margin-bottom: 0
}

.genericSection .listLoop .col:last-child {
    margin-bottom: 0
}

.pageSkin section.section.section--featslider,
.section.section--featslider {
    background-color: #fff;
    margin: 0;
    position: relative;
    z-index: 1;
    margin-block: var(--sectionsSpace)
}

.bloggersSection__grid {
    display: grid;
    grid-gap: 56px 32px;
    grid-template-columns: repeat(2, 1fr);
    position: relative;
    max-width: 1024px
}

.bloggersSection__grid .article .heading {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 12px
}

.bloggersSection__grid article .desc {
    padding-bottom: var(--articleSpaceBottom)
}

.bloggersSection__grid .social {
    margin-block: -4px
}

.sharethis-inline-share-buttons {
    text-align: left !important
}

.sharethis-inline-share-buttons .st-btn {
    display: inline-flex !important;
    background-color: #fff !important;
    border: 1px solid #d3d6da !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    align-items: center;
    justify-content: center
}

.sharethis-inline-share-buttons .st-btn>img {
    top: 0 !important
}

#st-el-1,
#st-el-10,
#st-el-2,
#st-el-4,
#st-el-5,
#st-el-6,
#st-el-7,
#st-el-8,
#st-el-9 {
    z-index: 99999999999 !important
}

#st-el-1 .st-disclaimer,
#st-el-1 .st-logo,
#st-el-10 .st-disclaimer,
#st-el-10 .st-logo,
#st-el-2 .st-disclaimer,
#st-el-2 .st-logo,
#st-el-4 .st-disclaimer,
#st-el-4 .st-logo,
#st-el-5 .st-disclaimer,
#st-el-5 .st-logo,
#st-el-6 .st-disclaimer,
#st-el-6 .st-logo,
#st-el-7 .st-disclaimer,
#st-el-7 .st-logo,
#st-el-8 .st-disclaimer,
#st-el-8 .st-logo,
#st-el-9 .st-disclaimer,
#st-el-9 .st-logo {
    display: none !important
}

.aside h2 {
    position: relative;
    color:white;
    margin: 0 0 0px;
    padding: 0;
    display: flex;
    align-items: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2857142857
}

.aside h2:before {
    content: unset
}

.aside .asideBlogs h2 {
    margin: 0;
    font-size: 1.7142857143rem
}

.aside .headerIcon {
    width: 26px;
    height: 26px;
    font-size: 16px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#bb1919;
    color: #fff;
    margin-left: 24px;
    border-radius: 50%
}

.aside .linkButton {
    margin-top: 20px;
    padding-top: 12px;
    width: 100%;
    border-top: 1px solid #000
}

.bloggersSection .aside .asideSection {
    margin: 64px 0
}

.bloggersSection .aside .asideSection+.bannerWrp .bannerWrp__inner {
    position: -webkit-sticky;
    position: sticky;
    top: 60px
}

.genericSection .aside .asideSection:first-child,
.innerCategorySection .aside .asideSection:first-child {
    height: 35%
}

.genericSection .aside .asideSection:nth-child(2),
.innerCategorySection .aside .asideSection:nth-child(2) {
    height: 65%
}

.genericSection .aside.fullHeightBanner .asideSection:first-child,
.innerCategorySection .aside.fullHeightBanner .asideSection:first-child {
    height: 100%
}

.aside .form p {
    font-size: 1.2142857143rem;
    margin-bottom: 10px
}

.mainItem {
    position: relative
}

.sliderMedia {
    width: 70%;
    overflow: hidden
}

.sliderMedia figure {
    width: 100%;
    max-width: 1343px
}

.sliderMedia figure picture {
    display: block;
    padding-top: calc(697 / 1343 * 100%);
    position: relative;
    width: 100%
}

.sliderMedia figure img {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.sliderMedia figure img {
    -o-object-fit: cover;
    object-fit: cover
}

.sliderMedia .videoWrp {
    display: block;
    padding-bottom: 51.8987341772%;
    position: relative;
    width: 100%
}

.sliderMedia .videoWrp .playVideo,
.sliderMedia .videoWrp iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 94%;
    height: 100%
}

.sliderMedia .videoWrp img {
    max-height: unset;
    height: 100%
}

.sliderContent {
    background-color: #e6ecf2;
    overflow: hidden;
    padding: 40px;
    z-index: 2;
    width: calc(30% + 131px);
    max-width: unset
}

.sliderContent.withRelated {
    width: calc(30% + 193px)
}

.main-slider-news_thumbs {
    position: relative;
    margin: 0
}

.main-slider-news_thumbs .cnt {
    display: grid;
    margin-top: 4px;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 4px
}

.main-slider-news_thumbs .item {
    width: 100%;
    flex: 0 0 auto;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.main-slider-news_thumbs .item.active:before {
    opacity: 1;
    background-color: #d9e4ee
}

.main-slider-news_thumbs .item.active .loadThumbLine {
    opacity: 1
}

.main-slider-news_thumbs .item:not(.active) .loadThumbLine {
    opacity: 0
}

.main-slider-news_thumbs .item:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    background-color: #e6ecf2;
    transition: opacity .3s ease-out, background-color .3s ease-out;
    pointer-events: none;
    opacity: .4
}

.main-slider-news_thumbs article {
    border: none;
    padding: 0;
    overflow: hidden
}

.main-slider-news_thumbs figure {
    margin: 0;
    max-width: 371px
}

.main-slider-news_thumbs figure picture {
    padding-top: 35.5795148248%
}

.main-slider-news_thumbs .descContainer {
    padding: 16px 24px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 100%
}

.main-slider-news_thumbs .desc {
    text-align: left;
    color: #000;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.main-slider-news_thumbs h3 {
    margin: 0 0 8px;
    font-size: 1.1428571429rem;
    line-height: 1.25
}

.main-slider-news_thumbs .loadThumbLine {
    transition: opacity .1s ease-out;
    width: 0;
    height: 1px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 0
}

.desktop .slideOuter>article h2 a,
.slideOuter>article .wrp {
    transition: all .3s ease-out .6s
}

.desktop .main-slider-news_thumbs .desc {
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    opacity: 0;
    transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out, -webkit-transform .3s ease-out
}

.desktop .main-slider-news_thumbs .item.active .desc,
.desktop .main-slider-news_thumbs .item:hover .desc {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.slideOuter {
    padding: 0;
    position: relative;
    -webkit-transform: none;
    transform: none;
    height: 100%
}

.swiper {
    opacity: 0;
    transition: opacity .3s ease-in-out;
    overflow-x: hidden
}

.swiper.swiper-container-initialized {
    opacity: 1
}

.swiper-button-next:after,
.swiper-button-prev:after {
    content: unset
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .6
}

.swiper-wrapper {
    display: flex;
    flex-wrap: nowrap
}

.swiper-pagination {
    position: relative;
    padding: 0 0 18px;
    -webkit-transform: none;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0
}

.swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    transition: opacity .3s ease-in-out;
    opacity: .5;
    margin: 0 4px
}

.gallerySlider .swiper-pagination .swiper-pagination-bullet {
    background-color: #000
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

.sliderStories {
    width: 100%
}

.sliderStories .item {
    width: 33.3333333333%
}

.sliderStories.swiper-container-initialized .item {
    width: 100%
}

.sliderStories .desc {
    opacity: 0;
    transition: opacity .5s ease-out
}

.sliderStories .swiper-slide-active .desc {
    opacity: 1
}

.sliderStories .swiper-slide {
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

.sliderStories .swiper-slide.swiper-slide-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.sliderStories__button {
    width: 56px;
    height: 56px;
    font-size: 24px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e6ecf2;
    color: #000;
    border-radius: 50%;
    transition: all .3s ease
}

.sliderStories__button--next {
    right: 56px
}

.sliderStories__button--prev {
    left: 56px
}

.mainSlider {
    overflow: hidden;
    position: relative
}

.mainSlider__actions {
    position: absolute;
    right: 0;
    padding: 16px 40px;
    bottom: 64px;
    z-index: 4;
    display: flex;
    align-items: center
}

.mainSlider__indexes {
    margin-right: 24px;
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2857142857;
    color: #7d8693
}

.mainSlider__index--current {
    color: #000
}

.mainSlider__separator {
    margin: 0 8px
}

.mainSlider__navigation {
    position: relative;
    display: flex;
    align-items: center
}

.mainSlider__button {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: none;
    transform: none;
    transition: color .3s ease;
    width: 40px;
    height: 16px;
    font-size: 40px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    margin: 0 16px 0 0
}

.mainSlider__button:last-child {
    margin-right: 0
}

.mainSlider .swiper-slide .sideVideo,
.mainSlider .swiper-slide .sliderMedia>figure {
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.mainSlider .swiper-slide .heading,
.mainSlider .swiper-slide .related,
.mainSlider .swiper-slide .txt,
.mainSlider .swiper-slide .wrp {
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.mainSlider .swiper-slide .txt {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.mainSlider .swiper-slide .related {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.mainSlider .swiper-slide .articles .heading,
.mainSlider .swiper-slide .articles .txt,
.mainSlider .swiper-slide .articles .wrp {
    -webkit-animation: none !important;
    animation: none !important
}

.mainSlider.goPrev .swiper-slide-duplicate-next .sideVideo,
.mainSlider.goPrev .swiper-slide-duplicate-next .sliderMedia>figure,
.mainSlider.goPrev .swiper-slide-next .sideVideo,
.mainSlider.goPrev .swiper-slide-next .sliderMedia>figure {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRight {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
        opacity: 0
    }
}

@keyframes fadeOutRight {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
        opacity: 0
    }
}

.mainSlider.goPrev .swiper-slide-duplicate-next .heading,
.mainSlider.goPrev .swiper-slide-duplicate-next .related,
.mainSlider.goPrev .swiper-slide-duplicate-next .txt,
.mainSlider.goPrev .swiper-slide-duplicate-next .wrp,
.mainSlider.goPrev .swiper-slide-next .heading,
.mainSlider.goPrev .swiper-slide-next .related,
.mainSlider.goPrev .swiper-slide-next .txt,
.mainSlider.goPrev .swiper-slide-next .wrp {
    -webkit-animation-name: fadeOutLargeRight;
    animation-name: fadeOutLargeRight
}

@-webkit-keyframes fadeOutLargeRight {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes fadeOutLargeRight {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

.mainSlider.goPrev .swiper-slide-active .sideVideo,
.mainSlider.goPrev .swiper-slide-active .sliderMedia>figure {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeft {
    from {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    from {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.mainSlider.goPrev .swiper-slide-active .heading,
.mainSlider.goPrev .swiper-slide-active .related,
.mainSlider.goPrev .swiper-slide-active .txt,
.mainSlider.goPrev .swiper-slide-active .wrp {
    -webkit-animation-name: fadeInLargeLeft;
    animation-name: fadeInLargeLeft
}

@-webkit-keyframes fadeInLargeLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fadeInLargeLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.mainSlider.goNext .swiper-slide-active .sideVideo,
.mainSlider.goNext .swiper-slide-active .sliderMedia>figure {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRight {
    from {
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    from {
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.mainSlider.goNext .swiper-slide-active .heading,
.mainSlider.goNext .swiper-slide-active .related,
.mainSlider.goNext .swiper-slide-active .txt,
.mainSlider.goNext .swiper-slide-active .wrp {
    -webkit-animation-name: fadeInLargeRight;
    animation-name: fadeInLargeRight
}

@-webkit-keyframes fadeInLargeRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fadeInLargeRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.mainSlider.goNext .swiper-slide-duplicate-prev .sideVideo,
.mainSlider.goNext .swiper-slide-duplicate-prev .sliderMedia>figure,
.mainSlider.goNext .swiper-slide-prev .sideVideo,
.mainSlider.goNext .swiper-slide-prev .sliderMedia>figure {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeft {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
        opacity: 0
    }
}

@keyframes fadeOutLeft {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
        opacity: 0
    }
}

.mainSlider.goNext .swiper-slide-duplicate-prev .heading,
.mainSlider.goNext .swiper-slide-duplicate-prev .related,
.mainSlider.goNext .swiper-slide-duplicate-prev .txt,
.mainSlider.goNext .swiper-slide-duplicate-prev .wrp,
.mainSlider.goNext .swiper-slide-prev .heading,
.mainSlider.goNext .swiper-slide-prev .related,
.mainSlider.goNext .swiper-slide-prev .txt,
.mainSlider.goNext .swiper-slide-prev .wrp {
    -webkit-animation-name: fadeOutLargeLeft;
    animation-name: fadeOutLargeLeft
}

@-webkit-keyframes fadeOutLargeLeft {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes fadeOutLargeLeft {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

.gallerySlider__pagination {
    display: none
}

.gallerySlider__buttons {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 24px;
    right: 24px
}

.gallerySlider__button {
    width: 56px;
    height: 56px;
    font-size: 24px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e6ecf2;
    color: #000;
    border-radius: 50%;
    transition: all .3s ease;
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: none;
    transform: none
}

.gallerySlider__button--prev {
    margin-right: 16px
}

.fixedVideo.fixed .gallerySlider .swiper-wrapper {
    -webkit-transform: none !important;
    transform: none !important;
    z-index: 12
}

.aside .tabsHeader,
.newsFeedSection .tabsHeader {
    display: flex;
    gap: 32px
}

.aside .tabsHeader span,
.newsFeedSection .tabsHeader span {
    margin: 0;
    padding: 0;
    font-size: 1.1428571429rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.5px;
    color: #7d8693;
    transition: color .3s ease;
    text-transform: capitalize
}

.aside .tabsHeader span.active,
.newsFeedSection .tabsHeader span.active {
    color: #000
}

.aside .tabsHeader span:after,
.newsFeedSection .tabsHeader span:after {
    content: unset
}

.aside .tabsHeader {
    padding-bottom: 8px;
    border-bottom: 1px solid #000;
    margin: 0 0 20px
}

.newsFeedSection .tabsHeader {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4
}

.newsFeedSection .tblMax {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    padding: 0
}

.aside .tblMax {
    display: flex;
    flex-direction: column
}

.toolbar {
    margin-bottom: 56px
}

.frontpages-container .toolbar {
    display: flex;
    align-items: center
}

.frontpages-container .toolbar .fll {
    margin-right: 24px
}

.toolbar .flr {
    margin-left: auto;
    flex: 0 0 auto
}

.toolbar .fll {
    width: 100%
}

.pageNav ul,
.showMore ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.pageNav li,
.showMore li {
    margin: 0
}

.pageNav a,
.showMore a {
    background-color: #d9e4ee;
    display: block;
    padding: 9px 12px 7px;
    transition: background-color .3s ease, color .3s ease;
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .05em;
    text-transform: uppercase
}

.pageNav a.active,
.showMore a.active {
    background-color: #000;
    color: #fff
}

.showMore {
    display: flex;
    flex-direction: column-reverse
}

.showMore ul {
    margin-top: 16px
}

.tog,
.wllRed .title.tog {
    cursor: pointer;
    position: relative;
    padding-right: 24px;
    align-self: flex-end;
    margin-top: 24px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2857142857;
    text-transform: uppercase
}

.tog:after,
.wllRed .title.tog:after {
    content: "\e90d";
    font-family: icomoon;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
    transition: all .3s ease;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.liveCol .tog:after,
.liveCol .wllRed .title.tog:after {
    right: 16px
}

.tog.opened:after,
.wllRed .title.tog.opened:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.webTv {
    --webTvListWidth: 488px
}

.webTv__list {
    display: flex;
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-color: #d3d6da transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch
}

.webTv__list::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.webTv__list::-webkit-scrollbar-thumb {
    background: #d3d6da;
    border-radius: 90px
}

.webTv__list::-webkit-scrollbar-thumb:hover {
    background: #d3d6da
}

.webTv__list::-webkit-scrollbar-thumb:active {
    background: #d3d6da
}

.webTv__list::-webkit-scrollbar-track {
    background: 0 0
}

.webTv__list .article .videoIcon {
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.webTv__list .article .active .videoIcon {
    opacity: 1
}

.webTv__main {
    display: flex;
    flex-direction: column
}

.tvPlayer {
    display: flex;
    flex-direction: column;
    min-height: 100%
}

.tvPlayer time {
    padding: 0;
    margin: 16px 0;
    color: #d3d6da
}

.tvPlayer__title {
    padding-bottom: 16px;
    border-bottom: 1px solid #fff;
    font-size: 2.7142857143rem;
    font-weight: 700;
    line-height: 1.1052631579
}

.tvPlayer__title a {
    color: #fff
}

.video i {
    color: #fff;
    position: absolute;
    pointer-events: none;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 56px;
    height: 56px;
    font-size: 56px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.tvPlayer .video .playVideo {
    width: 100%;
    max-width: 1009px
}

.tvPlayer .video .playVideo picture {
    display: block;
    padding-top: calc(580 / 1009 * 100%);
    position: relative;
    width: 100%
}

.tvPlayer .video .playVideo img {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.video img {
    max-height: 580px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.articleContainer .video img {
    max-height: unset
}

.articleContainer .video .video-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative
}

.articleContainer .video .video-container:empty {
    display: none
}

.articleContainer .video .video-container iframe {
    display: block;
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0
}

.weather {
    display: inline-flex;
    height: 100%;
    align-items: center;
    padding: 0 16px;
    position: relative;
    transition: background-color .3s ease-out
}

.weather span {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: #7d8693
}

.weather b {
    font-weight: 500
}

.weather i,
.weather>img {
    margin-right: 8px
}

.weather>img {
    margin-right: 8px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .3s ease;
    width: 32px;
    height: 32px
}

.openWeather {
    cursor: pointer
}

.openWeather.opened {
    z-index: 5;
    position: relative
}

.openWeather.opened .weather {
    background-color: #e6ecf2
}

.openWeather.opened .weather:before {
    background-color: #e6ecf2;
    content: "";
    left: -1px;
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%
}

.weatherCnt {
    position: absolute;
    top: 100%;
    right: 24px;
    padding: 20px;
    background: #e6ecf2;
    width: 722px;
    display: none;
    line-height: 1;
    z-index: 4;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .16)
}

.weatherCnt .icon-close {
    display: none
}

.days {
    width: 100%;
    margin: 0;
    order: 4;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px
}

.day {
    font-size: 14px;
    flex-grow: 1;
    text-align: left;
    color: #7d8693;
    font-weight: 500
}

.temperature {
    margin: 16px 0 0;
    color: #000;
    display: flex;
    align-items: flex-end
}

.temperature .celsius_symbol {
    font-weight: 500;
    font-size: 1.2857142857rem;
    line-height: 1;
    letter-spacing: -1px
}

.right_bottom .temperature .celsius_symbol {
    font-size: 4.2857142857rem;
    font-weight: 700;
    padding-bottom: 8px
}

.temperature .value {
    color: #000;
    font-weight: 600;
    font-size: 1.5714285714rem;
    line-height: 1
}

.day_wind {
    font-size: 14px;
    color: #7d8693;
    margin: 4px 0 0 4px
}

.days .day_wind .wind {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400
}

.days .day_wind .wind img {
    margin-right: 4px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.bottom_part_weather {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding-top: 16px;
    align-items: center
}

.deltio_kairou_link {
    order: 4;
    text-align: right;
    width: 100%;
    font-size: 13px;
    margin-top: 22px;
    color: #7d8693
}

.deltio_kairou_link a {
    color: #7d8693
}

.widg .right_bottom {
    order: 1;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    position: relative
}

.right_bottom .weather_icon {
    order: 2;
    margin-left: auto
}

.weather_icon img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.right_bottom .temperature {
    margin: 0;
    text-align: left;
    order: 1
}

.right_bottom .temperature .value {
    font-size: 5.8571428571rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1px
}

.widg .left_bottom {
    order: 3;
    margin-left: auto;
    text-align: left;
    width: 100%;
    padding-left: 53px;
    min-height: 55px
}

.bottom_part_weather>.day_wind {
    order: 2;
    text-align: left;
    margin-bottom: 24px;
    margin-top: 4px
}

.bottom_part_weather>.day_wind .wind {
    display: flex;
    font-size: 1.4285714286rem;
    font-weight: 500;
    line-height: 1;
    color: #000;
    letter-spacing: -1px
}

.bottom_part_weather>.day_wind .wind img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-right: 8px
}

.widg {
    color: #4f4f4f
}

.today_text {
    color: #7d8693;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 700
}

.report {
    font-size: 16px;
    color: #7d8693;
    line-height: 1.4
}

.next_day .day_wind+.weather_icon {
    display: none
}

.tabsCnt {
    display: none
}

.tabsCnt.active {
    display: block
}

.tabsHeader {
    margin: 0 -10px 20px
}

.tabsHeader span {
    cursor: pointer;
    padding: 15px 0;
    position: relative;
    font-size: 14px;
    letter-spacing: -.015em;
    display: inline-block;
    font-weight: 700;
    margin: 0 5px
}

.tabsHeader span.active {
    cursor: default;
    color: #02478f
}

.tabsHeader span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #02478f;
    transition: color .3s ease
}

.desktop .tabsHeader span:hover:after,
.tabsHeader span.active:after {
    width: 100%
}

.next_day {
    width: 100%;
    flex: 0 0 auto;
    margin: 0;
    padding: 24px 0;
    display: flex;
    background: #fff;
    text-align: center;
    box-shadow: none;
    align-items: center;
    flex-direction: column
}

.icon-pin {
    color: #000;
    margin-right: 8px;
    font-weight: 500;
    letter-spacing: -1px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.location {
    color: #000;
    margin-top: 0;
    width: 100%;
    text-align: left;
    font-size: 1.4285714286rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px
}

.location a {
    display: flex;
    align-items: flex-end
}

.fieldSearch .input input {
    height: 56px;
    padding: 16px 56px 16px 16px;
    background: #fff;
    width: 100%;
    font-weight: 400;
    font-size: 1.2857142857rem;
    line-height: 1.4444444444;
    color: #000
}

.fieldSearch {
    position: relative;
    text-align: left;
    margin-bottom: 24px
}

.fieldSearch .submit {
    position: absolute;
    right: 16px;
    top: 0;
    text-align: center;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    transition: color .3s ease
}

.fieldSearch .submit input {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    margin: 0;
    background: 0 0;
    padding: 0;
    cursor: pointer
}

.fieldSearch .icon-search {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0
}

.pageSkin .articleContainer {
    z-index: 1;
    position: relative
}

.articleContainer__media {
    margin-top: 24px;
    overflow-x: hidden
}

.articleContainer__main {
    display: grid;
    grid-gap: 0 24px;
    grid-template-areas: "sidebar mainContent1 banners" "sidebar mainContent2 banners" "sidebar pageInfo banners" "sidebar bottom bottom";
    grid-template-columns: 204px 1fr 316px
}

.articleContainer__main--withBanner {
    grid-template-areas: "sidebar mainContent1 bannerTop" "largeBanner largeBanner largeBanner" ". mainContent2 bannerBottom" ". pageInfo bannerBottom" ". bottom bottom"
}

.articleContainer__main--withBanner .asideSection {
    grid-area: bannerBottom;
    height: 100%
}

.articleContainer__main--withBanner .articleContainer__mainLeft+.asideSection {
    grid-area: bannerTop;
    height: 100%
}

.articleContainer__main .bottomAside {
    grid-area: comaside
}

.articleContainer__main .bottomComponents {
    grid-area: bottom;
    display: grid;
    grid-gap: 0 24px;
    grid-template-areas: "comments comaside" "taboola comaside" "newsFeed comaside";
    grid-template-columns: 1fr 316px
}

.articleContainer__main .multipleBanners {
    grid-area: banners
}

.articleContainer__main .multipleBanners .asideSection {
    min-width: 316px;
    height: 40%
}

.articleContainer__main .multipleBanners .asideSection:nth-child(2) {
    height: 60%
}

.articleContainer__mainLeft {
    grid-area: sidebar;
    width: 204px
}

.articleContainer__main .cnt .jwplayer,
.articleContainer__main .cnt figure,
.articleContainer__main .cnt iframe {
    margin-bottom: 24px;
    margin-top: 16px
}

.articleContainer__main .cnt>img {
    margin-bottom: 24px
}

.articleContainer__main .cnt iframe {
    max-width: 100%
}

.articleContainer__main .cnt .video iframe {
    margin: 0
}

.articleContainer__main .cnt .video iframe+p {
    display: none
}

.articleContainer__main .cnt .bannerWrp {
    margin-bottom: 0
}

.articleContainer__main .cnt .bannerWrp iframe {
    margin: 0
}

.articleContainer__main .cnt .article+.bannerWrp {
    margin-bottom: 24px
}

.articleContainer__main .cnt:nth-child(1):not(.liveCol__content) {
    grid-area: mainContent1;
    min-width: 0
}

.articleContainer__main .cnt:nth-child(1):not(.liveCol__content) a {
    text-decoration: none;
    font-weight: 500
}

.articleContainer__main .cnt:nth-child(2) {
    grid-area: largeBanner;
    background-color: #f4f4f4;
    padding: 24px 0;
    text-align: center;
    margin: 64px 0 24px
}

.articleContainer__main .cnt:nth-child(3) {
    grid-area: mainContent2;
    min-width: 0
}

.articleContainer__main .cnt:nth-child(3) a {
    text-decoration: none;
    font-weight: 500
}

.articleContainer__main .newsFeedSection {
    grid-area: newsFeed
}

.articleContainer__main .infoContent {
    grid-area: pageInfo;
    margin-top: 24px;
    border-top: 1px solid #000
}

.articleContainer__main .infoContent a {
    font-weight: 600
}

.articleContainer__main .comSectionWrapper {
    grid-area: comments;
    padding-top: 0;
    order: 2
}

.articleContainer__main #PA-Taboola,
.articleContainer__main .trc_related_container {
    grid-area: taboola;
    margin-top: 32px
}

.articleContainer__main .longFormContainer {
    margin-bottom: 40px
}

.articleContainer__main .longFormContainer blockquote,
.articleContainer__main .longFormContainer figure,
.articleContainer__main .longFormContainer>div {
    margin: 0
}

.articleContainer__main .longFormContainer iframe {
    margin-bottom: 40px
}

.articleContainer__main .longFormContainer figure+figure {
    margin-top: 24px
}

.articleContainer__main .longFormContainer blockquote+p {
    margin-top: 24px
}

.topImg.mainVideo .itemInner {
    width: 100%;
    max-width: 1080px
}

.topImg.mainVideo .itemInner picture {
    display: block;
    padding-top: calc(656 / 1168 * 100%);
    position: relative;
    width: 100%
}

.topImg.mainVideo .itemInner img {
    left: 15%;
    top: 0;
    position: absolute;
    width: 100%;
    height: 90%
}

.slider.topImg.mainVideo {
    display: block
}

.articleContainer .slider.topImg.mainVideo {
    margin-bottom: 0;
    max-width: 1168px
}

.articleContainer__mainCenter figure {
    margin: 24px 0
}

figure .center {
    margin: 24px 0
}

blockquote {
    margin: 0 0 40px;
    padding-left: 24px;
    border-left: 4px solid #000;
    word-wrap: break-word
}

.imgWrp {
    margin-bottom: 10px
}

.articleInfo {
    display: flex;
    flex-direction: column;
    position: relative
}

.articleInfo .author {
    font-size: 1.1428571429rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.5px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 18px
}

.articleInfo .author:first-child:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #f47b23;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.articleInfo .wrp {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    padding-bottom: 12px;
    border-bottom: 1px solid #000
}

.articleInfo .wrp time {
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1;
    color: #7d8693;
    margin-bottom: 4px;
    margin-right: 0
}

.articleInfo .wrp .updated {
    margin-bottom: 8px;
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1;
    color: #f47b23
}

.articleInfo .wrp .updated time {
    margin: 0;
    color: #f47b23
}

.articleInfo .comment {
    display: flex;
    align-items: center;
    color: #f47b23;
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1;
    margin-top: 16px
}

.articleInfo .comment:before {
    font-family: icomoon;
    content: "\e91f";
    margin-right: 4px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -1px
}

.trc_related_container.alternating-protothema-2 .trc_rbox_header trc_rbox_border_elm {
    text-align: left
}

.trc_related_container.alternating-protothema-2 .trc_rbox_header_span {
    position: relative;
    display: inline-block
}

.trc_related_container.alternating-protothema-2 .trc_rbox_header_span:after {
    content: ".";
    color: #f47b23
}

.articleTopInfo {
    margin: 0 auto 16px;
    position: relative;
    max-width: 760px
}

.articleTopInfo.liveUpdates:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: calc(100% + 52px);
    background-color: #d10024;
    -webkit-transform: translate(-50%, -36px);
    transform: translate(-50%, -36px)
}

.articleTopInfo.liveUpdates h1 {
    color: #fff
}

.articleTopInfo.liveUpdates+.articleContainer {
    position: relative
}

.articleTopInfo.liveUpdates+.articleContainer:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 96px;
    background-color: #d10024;
    -webkit-transform: translate(-50%, -16px);
    transform: translate(-50%, -16px)
}

.articleTopInfo.liveUpdates+.articleContainer .articleTopInfo h3 {
    color: #fff
}

.mainSectionblogsInner .articleTopInfo.liveUpdates {
    margin: 0 auto
}

.articleTopInfo .title {
    margin-bottom: 0
}

.articleTopInfo .tagsCnt {
    margin-bottom: 16px
}

.articleTopInfo h1 {
    font-size: 3rem;
    line-height: 1.15
}

.articleTopInfo h3 {
    color: #636971;
    font-size: 1.4285714286rem;
    font-weight: 500;
    line-height: 1.2
}

.articleTopInfo h3 a {
    color: #636971
}

.tiktok-embed {
    border: none;
    padding-left: 0;
    width: calc(100% + 22px)
}

.headerArticleInfo {
    --infoWidth: 710px;
    width: 100%;
    max-width: var(--infoWidth);
    position: fixed;
    left: 50%;
    top: 0;
    z-index: 9999;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: var(--headerHeight);
    display: none;
    align-items: center;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.hiddenMenu .headerArticleInfo {
    -webkit-transform: translate(-50%, -200%);
    transform: translate(-50%, -200%);
    --headerHeight: 60px
}

.fixedMenu .headerArticleInfo {
    position: fixed;
    display: flex
}

.stickyMenu .headerArticleInfo {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.navOpened .headerArticleInfo,
.searchOpened .headerArticleInfo {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.headerArticleInfo__title {
    position: relative
}

.headerArticleInfo__title span {
    font-size: 1.1428571429rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.headerArticleInfo__title:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #f47b23;
    position: absolute;
    left: -12px;
    top: 4px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.headerArticleInfo__social {
    position: absolute;
    right: -32px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.withZoom {
    position: relative;
    cursor: pointer
}

.withZoom:before {
    font-family: icomoon;
    content: "\e925";
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 4;
    pointer-events: none;
    transition: opacity .3s ease-in-out;
    opacity: 0
}

.withZoom.itemInner:before {
    right: 24px;
    top: 24px
}

.popupContainer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 99999;
    background-color: #fff;
    transition: all .3s ease-in-out;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    transition: all .3s ease;
    opacity: 0;
    -webkit-transform: scale3d(.8, .8, .8);
    transform: scale3d(.8, .8, .8);
    visibility: hidden;
    pointer-events: none
}

.zoomOpened .popupContainer {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    visibility: visible;
    pointer-events: all
}

.popupContainer .closeZoom {
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 1;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e6ecf2;
    border-radius: 50%;
    position: absolute;
    right: 40px;
    top: 40px;
    z-index: 4;
    transition: background-color .3s ease-out, color .3s ease-out;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.popupContainer .popupContent {
    max-width: calc(100vw - 640px);
    display: flex;
    height: calc(100vh - 80px);
    position: relative;
    margin-top: 40px
}

.popupContainer .popImage {
    width: auto;
    height: 100%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.popupContainer .popupCaption {
    position: absolute;
    width: 216px;
    right: -24px;
    height: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    color: #7d8693;
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    font-style: italic;
    line-height: 1.3571428571
}

.articleTopBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px 24px;
    padding: 16px 24px;
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: var(--stickyHeaderHeight);
    z-index: 200
}

.articleTopBar__col {
    display: flex;
    align-items: center;
    gap: 16px
}

.articleTopBar__text {
    font-size: 1.4285714286rem;
    font-weight: 600;
    line-height: 1.3571428571;
    color: #000
}

.articleTopBar--light .articleTopBar__text {
    color: #fff
}

.articleTopBar__text:is(a) {
    color: #000
}

.articleTopBar--light .articleTopBar__text:is(a) {
    color: #fff
}

.articleTopBar__image {
    position: relative
}

.articleTopBar__image img {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 360px;
    max-height: 120px;
    min-width: 80px;
    min-height: 80px;
    flex-shrink: 0
}

.mapWrp {
    height: 208px;
    position: relative;
    background-color: #e6ecf2
}

#map {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.info {
    background-color: #e6ecf2;
    display: flex;
    flex-direction: column;
    padding: 24px
}

.info hr {
    display: none
}

.info .link {
    margin-top: 16px;
    display: inline-flex;
    align-items: center;
    font-size: 1.0714285714rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px
}

.info .link:after {
    content: "\e922";
    font-family: icomoon;
    margin-left: 16px;
    position: relative;
    top: -2px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease
}

address {
    font-size: 1.2142857143rem;
    line-height: 1.5294117647;
    font-style: normal
}

.gamesContainer {
    height: calc(var(--vh, 1vh) * 100 - var(--headerHeight));
    position: relative
}

.gamesContainer iframe {
    display: block;
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.longForm>.cnt {
    --longFormInnerWidth: 664px;
    --longFormInnerGap: 32px;
    max-width: var(--longFormInnerWidth);
    margin: var(--longFormInnerGap) auto;
    padding: 0 var(--gridSpace)
}

.longForm>.cnt .longFormContainer {
    padding: 0
}

.longForm>.cnt+.longFormContainer {
    margin-top: 0
}

.longForm>.cnt p {
    margin-bottom: 16px
}

.longForm>.cnt p:last-child {
    margin-bottom: 0
}

.longForm>.cnt figcaption {
    font-style: italic;
    font-weight: 500;
    color: #455264
}

.longForm>.cnt iframe {
    display: block
}

.longForm>.cnt .bannerWrp {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw
}

.longForm>.cnt a {
    text-decoration: none;
    font-weight: 500
}

.longForm .longFormContainer {
    --longFormWidth: 664px;
    --longFormGap: 32px;
    max-width: var(--longFormWidth);
    margin: var(--longFormGap) auto;
    padding: 0 var(--gridSpace)
}

.longForm .longFormContainer__taboola:not(empty) {
    margin-top: 64px
}

.longForm .longFormContainer>div,
.longForm .longFormContainer>iframe {
    margin-inline: auto
}

.longForm .longFormContainer:after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.longForm .longFormContainer--large {
    --longFormWidth: 1232px;
    width: var(--longFormWidth);
    position: relative;
    left: 50%;
    margin-left: calc(-1 * var(--longFormWidth)/ 2)
}

.longForm .longFormContainer--full {
    --longFormWidth: 100vw;
    position: relative;
    left: 50%;
    margin-left: calc(-1 * var(--longFormWidth)/ 2);
    width: var(--longFormWidth)
}

.longForm .longFormContainer--full figcaption {
    padding-inline: 24px
}

.longForm .longFormContainer--bannerBg .bannerWrp {
    background-color: #f4f4f4;
    padding: 24px
}

.longForm .longFormContainer__gallery {
    display: flex;
    align-items: flex-start;
    gap: 24px
}

.longForm .longFormContainer__gallery--fullHeight {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - var(--stickyHeaderHeight))
}

.longForm .longFormContainer__gallery figure,
.longForm .longFormContainer__gallery img,
.longForm .longFormContainer__gallery picture,
.longForm .longFormContainer__gallery>div {
    width: 100%
}

.longForm .longFormContainer blockquote:not(.tiktok-embed) {
    padding: 32px 24px 24px;
    border-left: none;
    background-color: #f3f6f9;
    border-top: 8px solid #f47b23;
    font-size: 1.7142857143rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -1px;
    margin: 0 0 24px
}

.longForm .longFormContainer .infoContent a {
    font-weight: 600
}

.longForm .bottomComponents {
    display: grid;
    grid-gap: 0 24px;
    grid-template-areas: "top banner" "bottom banner";
    grid-template-columns: 1fr 316px;
    margin: 0 auto;
    padding: 0 var(--gridSpace) 0 340px;
    max-width: 1288px
}

.longForm .bottomComponents .comSectionWrapper {
    grid-area: top;
    padding: 0
}

.longForm .bottomComponents .comSectionWrapper .comSection>.wrapper {
    padding: 0
}

.longForm .bottomComponents .longFormContainer {
    grid-area: bottom;
    max-width: 100%;
    padding: 0
}

.longForm .bottomComponents .bottomAside {
    grid-area: banner
}

.longFormHero {
    display: flex
}

.longFormHero--reverse {
    flex-direction: row-reverse
}

.longFormHero__content,
.longFormHero__image {
    width: 50%
}

.longFormHero__image {
    min-height: 684px
}

.longFormHero--full .longFormHero__image {
    min-height: calc(100vh - var(--headerHeight))
}

.longFormHero--full .longFormHero__image figure,
.longFormHero--full .longFormHero__image img,
.longFormHero--full .longFormHero__image picture {
    width: 100%;
    height: 100%;
    min-height: calc(100vh - var(--headerHeight))
}

.longFormHero__image figure,
.longFormHero__image img,
.longFormHero__image picture {
    width: 100%;
    height: 100%
}

.longFormHero__image img {
    -o-object-fit: cover;
    object-fit: cover
}

.longFormHero__content {
    background-color: #e6ecf2;
    padding: 56px 64px 16px 64px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.longFormHero--dark .longFormHero__content {
    background-color: #000
}

.longFormHero__contentInner {
    margin-bottom: 48px
}

.longFormHero figcaption {
    margin-top: auto;
    padding: 0;
    font-style: italic
}

.longFormHero .articleTopInfo {
    margin-inline: 0;
    max-width: 100%
}

.longFormHero .articleInfo .wrp {
    padding: 0;
    border: none;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    margin-bottom: 16px
}

.longFormHero .articleInfo .wrp time {
    margin: 0
}

.longFormHero .articleInfo .updated {
    margin-bottom: 0
}

.longFormHero .articleInfo .comment {
    margin: 0;
    color: #000;
    position: relative;
    top: 0
}

.longFormHero .articleInfo .comment:before {
    color: #f47b23
}

.longFormHero .tagsCnt .categ {
    background-color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em
}

.longFormHero .tags a {
    font-size: 1rem;
    font-weight: 500
}

.longFormHero h1 {
    max-width: 724px
}

.longFormHero h3 {
    max-width: 594px
}

.longFormHero--dark .tagsCnt .categ {
    background-color: #d9e4ee
}

.longFormHero--dark .tags a {
    color: #fff
}

.longFormHero--dark .author,
.longFormHero--dark h1,
.longFormHero--dark h3 {
    color: #fff
}

.longFormHero--dark .articleInfo .wrp time {
    color: #d3d6da
}

.longFormHero--dark .articleInfo .comment {
    color: #e6ecf2
}

.listItems {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column
}

.listwrp.active a {
    background-color: #e6ecf2
}

.listwrp a {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    transition: all .3s ease
}

.listwrp time {
    font-size: .8571428571rem;
    font-weight: 500;
    line-height: 1;
    color: #7d8693
}

.numbbullet {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin-right: 40px;
    font-size: 1.2857142857rem;
    font-weight: 700;
    line-height: 1.2222222222
}

.numbbullet:before {
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 8px;
    background-color: #f47b23;
    border-radius: 50%
}

.protoselidoInner {
    position: relative;
    padding: 0 80px
}

.protoselido {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    position: relative
}

.arrows a {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    font-size: 22px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #000;
    background-color: #fff;
    transition: all .3s ease;
    left: 0
}

.arrows a.next {
    left: unset;
    right: 0
}

.arrows a.disabled {
    opacity: .5;
    pointer-events: none
}

@media (min-width:480px) {
    .btnWrap>a:not(:last-child),
    .btnWrap>button:not(:last-child) {
        margin-right: var(--buttonsMarginH)
    }
    .btnWrap>a:not(:first-child),
    .btnWrap>button:not(:first-child) {
        margin-left: var(--buttonsMarginH)
    }
    body:not(.navOpened) .navWrp {
        visibility: hidden;
        opacity: 0;
        pointer-events: none
    }
}

@media (min-width:640px) {
    .section.featImg picture, .topImg.mainVideo picture {
        bottom: 0;
        left: -65px;
        position: absolute;
        right: 0px;
        top: 0;
        width: 100%;
        height: 30%;
    }
    .fixedShare.forMOb {
        display: none
    }
    .live {
        padding: 8px 18px 5px 10px;
        font-size: 16px
    }
    .blogsInner .grayTopCnt {
        padding: 0 30px
    }
    .blogsInner .grayTopCnt:after {
        bottom: 56px
    }
    .btmNav .onair iframe {
        width: 730px;
        height: 60px
    }
    main.pageSkin .withShare .content {
        padding-left: 70px;
        position: relative
    }
    .widg .left_bottom {
        order: 2;
        width: 40%;
        padding-left: 0;
        min-height: 10px
    }
    .widg .right_bottom {
        width: 50%;
        padding-right: 20px;
        flex-grow: 1
    }
    .blogFigure {
        margin: 30px 0 0 5px;
        float: left
    }
    .newsSects {
        margin-top: 70px
    }
    .searchInp.cntSearch .input input,
    .searchInp.cntSearch .submit input {
        height: 55px
    }
    .searchInp.cntSearch {
        margin-bottom: 44px;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap
    }
    .searchInp.cntSearch .input input {
        font-size: 18px
    }
    .columns3 .itm {
        width: 50%
    }
    .searchInp.cntSearch .input {
        width: 90%;
        margin: 0 10px 0 0
    }
    .content .columns2 h5 {
        font-size: 20px
    }
    .fullWidth .topImg {
        margin-left: -30px;
        width: calc(100% + 60px)
    }
    .content.details h3,
    .content.details p.line {
        font-size: 24px
    }
    .cntTxt>h3,
    .details>h3 {
        font-size: 28px
    }
    .related article h3 {
        font-size: 17px
    }
    .hasSub .cnt {
        display: block !important
    }
    .onair .hr {
        display: none
    }
    .loader>div {
        width: 6px
    }
    .liveVideo .title h3 {
        font-size: 22px
    }
    .liveVideo .title {
        padding: 10px;
        top: 45px;
        position: absolute;
        left: 0
    }
    .fixedElem.fixedShare.fixed {
        pointer-events: none
    }
    .cntTxt>figure:last-child {
        margin-left: -30px
    }
    .fixedElem.fixedShare.fixed .cnt {
        position: fixed;
        top: 80px;
        pointer-events: auto
    }
    .fixedShare {
        margin-top: 0;
        position: absolute;
        left: -105px;
        top: 0;
        width: 50px;
        z-index: 3;
        height: 100%
    }
    .fixedShare .cnt {
        position: absolute;
        top: 0;
        transition: all .3s ease;
        width: 50px;
        padding-bottom: 40px
    }
    .fixedElem.fixedShare.fixedbtm .cnt {
        bottom: 15%;
        top: auto;
        position: fixed;
        transition: all .3s ease
    }
    .fixedElem.fixedShare.fixed.btm .cnt {
        bottom: 10px;
        top: auto;
        position: absolute;
        transition: none
    }
    .fixedElem.fixedShare.notFixed .cnt,
    .fixedElem.fixedShare.notFixed.fixed .cnt,
    .fixedElem.notFixed .cnt,
    .fixedElem.notFixed.fixed .cnt {
        position: relative;
        top: 0;
        transition: none
    }
    .article_sidebar {
        margin-top: 0;
        margin-bottom: 30px
    }
    .mobileOnly {
        display: none
    }
    .grayBg .inlineContent article {
        padding-bottom: 0
    }
    .grayBg .inlineContent article .desc {
        padding-bottom: var(--articleSpaceBottom)
    }
    .pageSkin .grayBg article figure {
        margin-bottom: 8px
    }
    .newStories .typeWide article .desc {
        padding-bottom: 8px
    }
    article .wrp--mobile {
        display: none
    }
    .comCnt .top {
        align-items: center;
        display: flex
    }
    .comCnt .author {
        border-right: 1px solid #7d8693;
        margin-right: 8px;
        padding-right: 8px
    }
    .searchResults {
        max-height: calc(100vh - var(--headerHeight))
    }
    .sliderStories .swiper-slide {
        -webkit-transform: scale(.65);
        transform: scale(.65)
    }
}

@media (min-width:768px) {
    .headerSection.withBanner {
        position: relative
    }
    .headerSection.withBanner .section.bannerWrp {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 30;
        background: #fff
    }
    .headerSection.withBanner header {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }
    .burgTxt {
        font-size: 9px
    }
    .inner .mainSection+.section.grayBg {
        padding-top: 55px
    }
    .cookies .cnt {
        padding-right: 15px;
        width: calc(100% - 180px)
    }
    .cookies .inner {
        padding: 19px 25px 16px
    }
    .cookies p {
        font-size: 16px;
        color: #000
    }
    .js_closeCookies {
        top: 50%;
        margin-top: -10px
    }
    .blogFigure+.title {
        width: calc(100% - 310px);
        padding-left: 40px
    }
    .blogFigure {
        max-width: 300px
    }
    .content .newsSect h4 {
        font-size: 18px
    }
    .content .newsSect h3 {
        margin-bottom: 1.2em
    }
    .newsSect {
        margin-bottom: 35px;
        padding-bottom: 20px
    }
    .columns3 .itm {
        width: 33.3%
    }
    .content .columns2 h4 {
        font-size: 18px
    }
    .content .columns2 h5 {
        font-size: 22px
    }
    .loader {
        margin: 50px auto
    }
    .liveVideo .title h3 {
        font-size: 24px
    }
    .onair .numb {
        font-size: 28px
    }
    .btmNav .onair .icon-player {
        font-size: 56px;
        padding: 0 13px
    }
    .btmNav .onair h5,
    .btmNav .onair h6 {
        font-size: 16px
    }
    .btmNav .onair h5,
    .btmNav .onair h6,
    .btmNav .onair p {
        max-width: 230px
    }
    .title.brd h1,
    .title.brd h2 {
        align-items: baseline;
        display: flex;
        justify-content: space-between
    }
    .desktopHidden {
        display: none
    }
    .withBg article {
        border: none;
        padding: 0
    }
    .pageSkin .grayBg article figure {
        margin-bottom: 12px
    }
    .games.section {
        --sectionsSpace: 56px
    }
    .games__bg2 {
        right: 4%;
        top: 80%
    }
    .games__bg3 {
        left: 7%;
        top: 24%
    }
    .games__bg4 path:nth-child(1) {
        stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        -webkit-animation: draw 6s linear infinite forwards alternate;
        animation: draw 6s linear infinite forwards alternate
    }
    .game__img {
        margin-bottom: 16px
    }
    .featImg+.section.mainSection {
        padding-top: 0
    }
    .topStory figure {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        z-index: -1;
        overflow: hidden
    }
    .genericSection .mainWrp,
    .innerCategorySection .mainWrp {
        margin-top: 48px
    }
    .mainWrp--withFeed {
        display: grid;
        grid-gap: 32px;
        grid-template-columns: var(--asideWidth) 1fr
    }
    .mainWrp--withFeed .main {
        margin-left: 0;
        width: 100%
    }
    .mainWrp--withFeed .mainFull {
        grid-column: 1/3
    }
    .mainWrp--withFeed .asideWrap {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .mainWrp--withFeed .aside {
        position: relative
    }
    .mainWrp--withFeed .aside>.pageEditor.area {
        height: 100%
    }
    .mainWrp--withFeed .aside>.pageEditor.area>.nvPageEditor_content {
        height: 100%
    }
    .mainWrp--withFeed .aside>.pageEditor.area>.nvPageEditor_content>.pageEditor {
        height: 100%
    }
    .mainWrp--withFeed .asideTabs {
        display: flex;
        flex: 1;
        flex-direction: column;
        min-height: 0
    }
    .mainWrp--withFeed .articlesWrp,
    .mainWrp--withFeed .tabsWrap {
        flex: 1;
        min-height: 0;
        height: 100%
    }
    .mainWrp--withFeed .tabsCnt {
        flex-direction: column;
        height: 100%
    }
    .mainWrp--withFeed .tabsCnt.active {
        display: flex
    }
    .mainWrp--withFeed .articlesWrp {
        scroll-behavior: smooth;
        overflow: auto;
        scrollbar-color: #d3d6da transparent;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
        padding-right: 16px
    }
    .mainWrp--withFeed .articlesWrp::-webkit-scrollbar {
        width: 4px;
        height: 4px
    }
    .mainWrp--withFeed .articlesWrp::-webkit-scrollbar-thumb {
        background: #d3d6da;
        border-radius: 90px
    }
    .mainWrp--withFeed .articlesWrp::-webkit-scrollbar-thumb:hover {
        background: #d3d6da
    }
    .mainWrp--withFeed .articlesWrp::-webkit-scrollbar-thumb:active {
        background: #d3d6da
    }
    .mainWrp--withFeed .articlesWrp::-webkit-scrollbar-track {
        background: 0 0
    }
    .mainWrp--withFeed .articlesWrp iframe {
        max-width: 100%
    }
    .articleTopBar {
        top: 0;
        transition: top .3s ease-out
    }
    .stickyMenu .articleTopBar {
        top: var(--stickyHeaderHeight)
    }
    .longForm>.cnt {
        font-size: 1.4285714286rem;
        line-height: 1.4
    }
    .longForm>.cnt p {
        font-size: 1.4285714286rem;
        line-height: 1.4
    }
    .longForm .longFormContainer {
        font-size: 1.4285714286rem;
        line-height: 1.4
    }
}

@media (min-width:970px) {
    .bannerWrp.bannerWrp--section {
        padding: 15px;
        min-height: 280px
    }
}

@media (min-width:1024px) {
    .section--lightblue .title img {
        max-height: 152px
    }
    .headerSection .section.bannerWrp .wrapper>* {
        padding: 25px 0
    }
    .flowWrap:not(.loaded) {
        max-height: 1800px;
        overflow: hidden
    }
    .flowWrap {
        position: relative
    }
    .flowWrap:not(.loaded) .loader {
        display: block;
        position: absolute;
        bottom: 0;
        left: -4px;
        width: 100%;
        background: #fff;
        padding: 5px 0;
        margin: 0;
        box-shadow: 0 0 16px 21px rgba(255, 255, 255, .9);
        z-index: 3
    }
    .burgTxt {
        font-size: 10px;
        margin-top: 2px
    }
    .asideSection.absElemn {
        min-height: 320px
    }
    .gray .title:before {
        height: 30px
    }
    .bannerWrp+.section.mainSection {
        padding-top: 20px
    }
    .blogFigure {
        max-width: 365px
    }
    .blogFigure+.title {
        width: calc(100% - 370px)
    }
    .fullWidth.pageSkin .topImg {
        margin-left: -35px;
        width: calc(100% + 66px)
    }
    .details figure.right {
        float: right;
        max-width: 56%;
        margin: 30px 0 30px 30px
    }
    .pageSkin .skinOut.fixed .skinCnt:not(.btm) {
        position: fixed;
        top: 59px
    }
    .pageSkin .skinCnt:not(.btm) {
        position: absolute;
        top: 0;
        z-index: 0;
        width: 1920px;
        left: 50%;
        margin-left: -960px;
        background-position: top center
    }
    .pageSkin .skinCnt {
        display: block
    }
    .comSection form {
        margin-top: 40px
    }
    .day_wind {
        width: 100%;
        margin: 16px 0 0 0
    }
    .day {
        margin-bottom: 20px;
        font-size: 14px;
        text-align: center
    }
    .content.details .afierwma article h3 {
        font-size: 22px
    }
    .content h4 {
        font-size: 24px
    }
    .sitemap nav>ul>li {
        margin-bottom: 1.5em
    }
    .errorPage .details h4 {
        font-size: 24px;
        margin-bottom: 1.5em
    }
    .content .columns2 h5 {
        font-size: 24px
    }
    .cntTxt>h3,
    .details>h3 {
        font-size: 40px
    }
    .content.details .related h4 {
        font-size: 26px
    }
    .content.details .related.blogs h4 {
        font-size: 22px
    }
    .content.details .related article h3 {
        font-size: 14px
    }
    .details .related {
        float: right;
        width: 180px;
        margin-left: 40px
    }
    .btmNav .onair .desc {
        padding-right: 30px
    }
    .onair .numb {
        padding: 0 30px 0 20px;
        font-size: 32px
    }
    .comSection .asideSection.fixedElem {
        min-height: 750px
    }
    .fixedVideo .asideSection.fixedElem:first-child {
        min-height: 1200px
    }
    .fixedVideo .mainVideo:not(.slider) .item.video {
        position: relative;
        z-index: 3;
        transition: opacity .5s ease
    }
    .fixedVideo.fixed .mainVideo:not(.slider) .item.video {
        position: fixed;
        right: -312px;
        z-index: 5;
        top: 60px;
        bottom: auto;
        width: 312px;
        height: auto;
        min-height: 170px
    }
    .fixedVideo.fixed .asideSection.fixedElem>.cnt>* {
        padding-top: 180px
    }
    .fixedVideo.fixed .asideSection.fixedElem+.fixedElem {
        margin-top: -180px;
        height: 50%;
        min-height: 1100px
    }
    .fixedVideo.fixed .topImg {
        background: url(../../Media/missing.jpg) no-repeat center center/cover
    }
    .fixedVideo.fixed.abs .mainVideo:not(.slider) .item.video,
    .fixedVideo.fixed.abs .swiper-slide-active .item.video {
        opacity: 0;
        visibility: hidden
    }
    .fixedVideo.fixed .swiper-slide-active .item.video {
        position: fixed;
        right: -312px;
        z-index: 5;
        top: 60px;
        bottom: auto;
        max-width: 312px;
        width: 312px;
        height: auto;
        min-height: 170px;
        transition: all .4s ease
    }
    .fixedElem.fixed .cnt {
        position: fixed;
        top: 80px
    }
    .fixedVideo.fixed .swiper-slide-active .video-container iframe {
        width: 100%;
        position: absolute;
        top: 0;
        height: 100%
    }
    .fixedElem.fixedbtm .cnt {
        bottom: 3%;
        top: auto;
        position: fixed;
        transition: all .3s ease
    }
    .fixedElem.fixed.btm .cnt {
        bottom: 10px;
        top: auto;
        position: absolute;
        transition: none
    }
    .pageSkin .fixedVideo.fixed .mainVideo:not(.slider) .item.video,
    .pageSkin .fixedVideo.fixed .swiper-slide-active .item.video {
        right: 17px
    }
    .fixedElem.notFixed .cnt,
    .fixedElem.notFixed.fixed .cnt {
        position: relative;
        top: 0;
        transition: none
    }
    .asideSection.fixedElem.minHeight {
        min-height: 1000px
    }
    .asideSection.fixedElem.minHeight~.minHeight {
        min-height: 300px
    }
    .comSection .aside>.asideSection,
    .comSection .aside>.asideSection>.cnt,
    .comSection .asideSection.fixedElem.minHeight {
        min-height: 100%;
        height: 100%
    }
    .comSection .asideSection.fixedElem.minHeight~.minHeight {
        min-height: 300px
    }
    .comSection .asideSection.fixedElem:last-child {
        min-height: 100%
    }
    .article_sidebar {
        float: right;
        width: 180px;
        margin-left: 40px
    }
    .title--withTags {
        align-items: flex-end
    }
    .title--withTags h1,
    .title--withTags h2 {
        width: auto
    }
    .title--withTags .tagsWrp {
        display: flex;
        flex: 1;
        flex-direction: column;
        margin-left: 24px
    }
    .title--withTags .tagsWrp:before {
        background-color: #000;
        content: "";
        margin-bottom: 22px;
        order: 1;
        height: 4px
    }
    .title--withTags .tags {
        margin-bottom: 12px
    }
    .spBy {
        margin-bottom: 10px
    }
    .title.brd.lg .spBy {
        margin-bottom: 20px
    }
    .spBy__label {
        left: -24px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%)
    }
    .tabletOnly {
        display: none
    }
    .lgHidden {
        display: none
    }
    .specialHeader.fixedMenu .logo {
        left: 170px
    }
    .specialHeader.fixedMenu .leftSect .nav {
        display: none
    }
    .specialHeader.fixedMenu .opts .itm.openWeather {
        display: none
    }
    .pageSkin~.footer {
        margin-top: 0
    }
    .gridBox--masonry .article figure,
    .gridBox--masonry .article figure a {
        height: 100%
    }
    .gridBox--masonry .article picture {
        padding-top: 0;
        height: 100%
    }
    .webTv__list .article:last-child article {
        padding-bottom: 0
    }
    .blogHeader__image {
        margin-inline: 10px
    }
    .game__img img {
        border-radius: 32px
    }
    .game__title {
        font-size: 1.5714285714rem
    }
    .titleWithTags .tags {
        position: absolute;
        right: 0;
        bottom: 70px
    }
    .rssLink {
        margin-bottom: 12px
    }
    .tagsFlex {
        justify-content: flex-end
    }
    .bloggersSection__grid .article .heading {
        padding-top: 36px
    }
    .webTv {
        padding-right: var(--webTvListWidth);
        position: relative
    }
    .webTv__list {
        flex-direction: column;
        padding-right: 8px;
        position: absolute;
        right: 0;
        top: 0;
        width: var(--webTvListWidth);
        height: 100%
    }
    .webTv__main {
        width: calc(100% - 32px)
    }
    .articleContainer__tools {
        display: none
    }
    .articleContainer__main .multipleBanners {
        display: flex;
        flex-direction: column
    }
    .articleContainer__main .multipleBanners .asideSection {
        min-height: 640px
    }
    .mainSectionblogsInner .articleTopInfo {
        margin: 0 0 0 228px
    }
}

@media (min-width:1100px) {
    .content.details .cntTxt,
    .content.details p {
        font-size: 19px;
        letter-spacing: -.025em
    }
    .sect>.wrapper {
        padding-top: 40px
    }
    .fullWidth.pageSkin .topImg {
        margin-left: -90px;
        width: calc(100% + 180px)
    }
    .bannerWrp.fullpage,
    .fullWidth .topImg {
        margin-left: 0;
        width: 100vw;
        left: calc(-50vw + 510px)
    }
    .btmNav {
        display: none
    }
    .sideBanner {
        width: 310px;
        float: right
    }
    .details .related {
        width: 236px;
        margin-left: 50px
    }
    .content.details .related article h3 {
        font-size: 15px
    }
    .content.details .related figure {
        margin-bottom: 10px
    }
    .article_sidebar {
        width: 236px;
        margin-left: 50px
    }
}

@media (min-width:1280px) {
    .dhidden,
    .mainNav ul li.dhidden {
        display: none
    }
    .slideCnt .sideVideo {
        margin-left: -65px;
        display: block
    }
    .slideCnt .left .sideVideo {
        margin-right: -65px
    }
    .slideCnt .sideVideo~article {
        max-width: calc(100% - 450px);
        min-height: 320px
    }
    .pageSkin .fixedVideo.fixed .mainVideo:not(.slider) .item.video,
    .pageSkin .fixedVideo.fixed .swiper-slide-active .item.video {
        right: 45px
    }
    .details .related {
        margin-left: 70px
    }
    .grayTopCnt~.mainWrp .fixedShare {
        top: 100px;
        height: calc(100% - 100px)
    }
    .fullWidth .mainWrp .fixedShare,
    .fullWidth.pageSkin .mainWrp .fixedShare,
    .pageSkin .mainWrp .fixedShare {
        top: 0
    }
    .fullWidth .mainWrp .fixedShare.fixed,
    .fullWidth.pageSkin .mainWrp .fixedShare.fixed,
    .pageSkin .mainWrp .fixedShare.fixed {
        top: 80px
    }
    .sitemap nav>ul>li>a {
        font-size: 24px
    }
    .sitemap nav ul ul li a {
        font-size: 18px
    }
    .sitemap nav {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
    .title h2 sup {
        top: -2.3em
    }
    .vertical article {
        flex-direction: row;
        -webkit-flex-direction: row
    }
    .vertical figure {
        width: 45%
    }
    .vertical .desc {
        width: 55%
    }
    .slider {
        padding: 0 80px
    }
    .article_sidebar {
        margin-left: 70px
    }
    .header .outloud {
        /* border-right: 1px solid #d3d6da; */
        padding-right: 32px;
        z-index: 1201;
        width: 368px
    }
    .navOpened .header .outloud,
    .searchOpened .header .outloud {
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }
    .searchOpened .header .outloud {
        transition: opacity .3s ease
    }
    .outer>.outloud {
        display: none
    }
    .pageSkin .inlineContent.large article figure {
        max-width: calc(66.6666666667% - 64px)
    }
    .typeWide article h3 {
        letter-spacing: 0
    }
    .pageSkin .bloggersSection__grid {
        display: block
    }
    .pageSkin .bloggersSection__grid .article:not(:first-child) {
        margin-top: 56px
    }
    .longForm .longFormContainer blockquote:not(.tiktok-embed) {
        --longFormWidthLarge: 1232px;
        --longFormWidthDefault: 664px;
        --blockWidth: 434px;
        margin: 0 24px 16px calc(-1 * (var(--longFormWidthLarge) - var(--longFormWidthDefault))/ 2);
        max-width: var(--blockWidth);
        float: left
    }
}

@media (min-width:1280px) and (max-width:1359px) {
    .header .outloud {
        width: 352px
    }
}

@media (min-width:1330px) {
    .fixedVideo.fixed .mainVideo:not(.slider) .item.video {
        right: calc(50% - 591px)
    }
    .fixedVideo.fixed .swiper-slide-active .item.video {
        right: calc(50% - 591px)
    }
    .pageSkin .fixedVideo.fixed .mainVideo:not(.slider) .item.video,
    .pageSkin .fixedVideo.fixed .swiper-slide-active .item.video {
        right: calc(50% - 561px)
    }
}

@media (min-width:1366px) {
    .leftSect .nav ul {
        margin-left: 8px
    }
    .leftSect .nav li {
        margin-right: 32px
    }
    .leftSect .nav a {
        gap: 8px
    }
    .nav__icon {
        font-size: 2.2857142857rem
    }
    .sliderContent {
        right: 0;
        top: 50%;
        position: absolute;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: calc(100% - 96px)
    }
}

@media (min-width:1366px) and (max-width:1593px) {
    .sliderContent {
        height: calc(100% - 32px)
    }
}

@media (min-width:1439px) {
    .slideCnt .left .sideVideo {
        margin-right: -90px
    }
    .slideCnt .sideVideo {
        margin-left: -90px
    }
    .row .col {
        padding: 0 15px
    }
    .row {
        margin-left: -15px;
        margin-right: -15px
    }
    .onair .desc {
        display: block
    }
    .pageSkin .col3 .bannerWrp {
        margin-left: -15px
    }
    .fullWidth.pageSkin .mainWrp .fixedShare {
        left: -35px
    }
    .topImg,
    .topImg .item {
        min-height: 440px
    }
}

@media (max-width:1600px) {
    .opts .onair iframe {
        width: 230px
    }
    .grayTopCnt~.mainWrp .fixedShare {
        top: 0;
        height: 100%;
        left: 0
    }
    .onair h5,
    .onair h6,
    .onair p {
        max-width: 100px
    }
    .bannerWrp.fullpage {
        margin-left: -70px
    }
    .fullWidth.pageSkin .bannerWrp.fullpage {
        margin-left: -174px;
        width: calc(100% + 278px)
    }
}

@media (max-width:1593px) {
    .typeFull article .desc {
        padding: 32px
    }
    .slideOuter article .txt {
        -webkit-line-clamp: 3
    }
    .slideOuter article h3 {
        font-size: 3rem
    }
    .withRelated .slideOuter>article h3 {
        font-size: 3rem
    }
    .typeFull article h3 {
        font-size: 2.4285714286rem;
        line-height: 1.1
    }
    .main-slider-news_thumbs figure picture {
        padding-top: 53.9083557951%
    }
    .mainSlider__actions {
        bottom: 32px
    }
    .mainSlider .related {
        display: none
    }
}

@media (max-width:1439px) {
    .title.withImage img {
        max-width: 400px
    }
    .sliderMedia .videoWrp .playVideo,
    .sliderMedia .videoWrp iframe {
        max-width: 90%
    }
    .longFormHero__image {
        min-height: 480px
    }
}

@media (max-width:1366px) {
    .related h3 {
        font-size: 1.0714285714rem
    }
    .fullWidth.pageSkin .topImg {
        margin-left: -89px;
        width: calc(100% + 177px)
    }
    .fullWidth.pageSkin .bannerWrp.fullpage {
        margin-left: -147px;
        width: calc(100% + 224px)
    }
}

@media (max-width:1365px) {
    .webTv__list article figure {
        max-width: 184px
    }
    .typeFull article .desc {
        padding: 24px;
        height: calc(100% - 48px)
    }
    .topNav .mainNav {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }
    .sliderMedia {
        width: 100%
    }
    .sliderMedia .videoWrp .playVideo,
    .sliderMedia .videoWrp iframe {
        max-width: 100%
    }
    .sliderContent {
        position: relative;
        margin: -80px auto 0;
        padding: 32px;
        width: calc(100% - 112px)
    }
    .sliderContent.withRelated {
        width: calc(100% - 112px)
    }
    .main-slider-news_thumbs h3 {
        font-size: 1.0714285714rem
    }
    .sliderStories__button--next {
        right: 40px
    }
    .sliderStories__button--prev {
        left: 40px
    }
    .mainSlider .mainItem {
        display: flex;
        flex-direction: column
    }
    .mainSlider__actions {
        bottom: 16px;
        right: 56px;
        padding: 8px 40px
    }
    .mainSlider .related {
        display: flex
    }
    .webTv {
        --webTvListWidth: 384px
    }
}

@media (max-width:1359px) {
    .opts .itm.openWeather {
        margin-right: 16px
    }
    .weatherCnt {
        right: 16px
    }
}

@media (max-width:1279px) {
    .row .col {
        padding: 0 15px
    }
    .row {
        margin-left: -15px;
        margin-right: -15px
    }
    .row .col.t1 {
        width: 8.33333%
    }
    .row .col.t2 {
        width: 16.66667%
    }
    .row .col.t3 {
        width: 25%
    }
    .row .col.t4 {
        width: 33.33333%
    }
    .row .col.t5 {
        width: 41.66667%
    }
    .row .col.t6 {
        width: 50%
    }
    .row .col.t7 {
        width: 58.33333%
    }
    .row .col.t8 {
        width: 66.66667%
    }
    .row .col.t9 {
        width: 75%
    }
    .row .col.t10 {
        width: 83.33333%
    }
    .row .col.t11 {
        width: 91.66667%
    }
    .row .col.t12 {
        width: 100%
    }
    .nav ul li.thidden,
    .opts>div.thidden,
    .thidden {
        display: none
    }
    .tColumn {
        flex-direction: column;
        -webkit-flex-direction: column
    }
    .grayTopCnt .col4:after {
        height: calc(100% + 80px);
        left: -40px;
        top: 0
    }
    .grayTopCnt .row .col4 {
        position: relative;
        padding-top: 20px;
        margin-top: 30px
    }
    .mainWrp {
        margin-top: 20px
    }
    .aside h2 {
        margin-bottom: 15px
    }
    .sectBg {
        height: 77%;
        max-height: 77%;
        margin-top: -1%
    }
    main:not(.pageSkin) .section.mainSection {
        padding-bottom: 0
    }
    .gray .title:after {
        top: -37px
    }
    .slider.blogs {
        padding: 0
    }
    .rightColmn .itm.last {
        display: none
    }
    .rightColmn .itm {
        width: 100%
    }
    .nav ul li.tblock {
        display: block
    }
    .btmNav {
        background: #fff
    }
    .fullWidth.pageSkin .topImg {
        margin-left: -75px;
        width: calc(100% + 149px)
    }
    .fullWidth.pageSkin .bannerWrp.fullpage {
        margin-left: -100px;
        width: calc(100% + 130px)
    }
    .articleContainer .newsFeedSection .title h1,
    .articleContainer .newsFeedSection .title h2 {
        font-size: 1.2857142857rem
    }
    .title.withImage img {
        max-width: 300px
    }
    .articleContainer .title.brd h1:before,
    .articleContainer .title.brd h2:before {
        margin-left: 8px
    }
    .header .outloud {
        display: none
    }
    .gridBox {
        grid-gap: 24px
    }
    .gridBox.withTopMargin,
    .gridBox.withTopMarginDesktop {
        margin-top: 24px
    }
    .gridBox--masonry .article figure {
        margin-bottom: 0
    }
    .gridBox article {
        flex-direction: column
    }
    .inlineContent.large article {
        flex-direction: row
    }
    .inlineContent.medium article {
        flex-direction: row
    }
    article figure .inlineContent.large:not(.reverse) {
        margin-right: 24px
    }
    .inlineContent.reverse article figure {
        margin-left: 16px
    }
    .gridBox article figure {
        margin-bottom: 12px;
        max-width: 100%
    }
    .travel .gridBox article figure {
        margin-bottom: 0
    }
    .promotion .typeAbsolute article figure {
        margin-bottom: 0
    }
    .withBg article figure {
        margin-bottom: 0
    }
    .blogs article figure {
        max-width: 184px;
        margin-bottom: 0
    }
    .typeAbsolute article .desc {
        bottom: 16px;
        padding-inline: 16px
    }
    .withBg.large article .desc {
        padding: 16px
    }
    .typeFull article .desc {
        width: calc(40% + 120px)
    }
    .typeBlog article .desc {
        padding-top: 16px;
        padding-bottom: var(--articleSpaceBottom)
    }
    .slideOuter article .txt {
        font-size: 1.1428571429rem
    }
    .typeFull article .txt {
        font-size: 1.1428571429rem
    }
    .large article .txt {
        font-size: 1.1428571429rem
    }
    .slideOuter article .txt p {
        font-size: 1.1428571429rem
    }
    .typeFull article .txt p {
        font-size: 1.1428571429rem
    }
    .typeStory article .heading {
        max-width: 480px
    }
    article .update_well {
        margin-bottom: 8px
    }
    article h3 {
        font-size: 1.3571428571rem
    }
    .typeAbsolute article h3 {
        font-size: 1.4285714286rem
    }
    .gridBox .typeAbsolute.squareLarge article h3 {
        font-size: 1.5714285714rem
    }
    .typeFull article h3 {
        font-size: 1.8571428571rem
    }
    .large article h3 {
        font-size: 1.4285714286rem
    }
    .pageSkin .grayBg article h3 {
        font-size: 1.4285714286rem
    }
    .inlineContent.large article h3,
    .withBg.large article h3 {
        font-size: 1.5714285714rem
    }
    .typeWide article h3 {
        font-size: 1.2857142857rem;
        font-weight: 500
    }
    .grayBg .typeWide article h3 {
        font-size: 1.4285714286rem
    }
    .games__bg1 {
        width: 125px;
        height: 125px
    }
    .games__bg4 {
        width: 125px;
        height: 133px
    }
    .topNav .mainNav {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }
    .topStory__content {
        padding-block: 64px
    }
    .artBox {
        grid-gap: 24px
    }
    .mainHalf {
        flex-direction: column
    }
    .mainHalf .sideBanner {
        margin: 32px auto 0
    }
    .featuredSection .item {
        width: calc(33.3333333333% - 24px)
    }
    .happensNow .itemTitle h2 {
        font-size: 2.2857142857rem
    }
    .mainWrp {
        --asideWidth: 284px
    }
    .bloggersSection__grid {
        grid-row-gap: 40px
    }
    .sliderContent {
        width: calc(100% - 80px)
    }
    .sliderContent.withRelated {
        width: calc(100% - 80px)
    }
    .main-slider-news_thumbs figure picture {
        padding-top: 64.6900269542%
    }
    .main-slider-news_thumbs .descContainer {
        padding: 12px
    }
    .main-slider-news_thumbs .desc time {
        display: none
    }
    .sliderStories__button--next {
        right: 0
    }
    .sliderStories__button--prev {
        left: 0
    }
    .aside .tabsHeader,
    .newsFeedSection .tabsHeader {
        gap: 24px
    }
    .articleContainer .aside .tabsHeader span,
    .articleContainer .newsFeedSection .tabsHeader span {
        font-size: 1.0714285714rem
    }
    .articleContainer .newsFeedSection .tabsHeader {
        gap: 8px
    }
    .articleContainer .newsFeedSection .tblMax {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
    .headerArticleInfo {
        --infoWidth: 440px
    }
    .popupContainer .popupContent {
        padding: 0 24px;
        max-width: 100%
    }
    .popupContainer .popImage {
        max-width: calc(100% - 240px)
    }
    .popupContainer .popupCaption {
        position: relative;
        -webkit-transform: none;
        transform: none;
        right: 0;
        flex: 0 0 auto;
        margin-left: 24px
    }
    .longForm .longFormContainer--large {
        --longFormWidth: calc(100vw - var(--gridSpace) * 2)
    }
}

@media (max-width:1279px) and (min-width:1024px) {
    .bloggersSection__grid {
        grid-template-columns: 1fr
    }
}

@media (max-width:1279px) and (min-width:640px) {
    .promotion .typeWide article {
        padding-bottom: 0
    }
    .promotion .typeWide article .desc {
        padding-bottom: var(--articleSpaceBottom)
    }
}

@media (max-width:1279px) and (min-width:768px) {
    .games__bg2 {
        width: 26px;
        height: 26px
    }
    .games__bg3 {
        width: 26px;
        height: 26px
    }
    .aside .tabsHeader,
    .newsFeedSection .tabsHeader {
        justify-content: space-between
    }
}

@media (max-width:1100px) and (min-width:1024px) {
    blockquote {
        font-size: 26px
    }
    .content.details .related h4 {
        font-size: 18px
    }
    .content.details h3,
    .content.details p.line {
        font-size: 22px;
        padding-left: 22px
    }
}

@media (max-width:1099px) {
    .pageSkin section.section.section--featslider,
    .section.section--featslider {
        padding: 30px 0
    }
    .opts>div.thidden+div {
        border-left: none
    }
    .bannerWrp.fullpage {
        margin-left: -104px;
        width: calc(100% + 137px)
    }
    .opts>div.dhidden {
        display: none
    }
    .sideBanner {
        order: 3;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:1024px) {
    .section.featImg figure {
        padding-top: 23.8888888889%
    }
}

@media (hover:hover) and (pointer:fine) and (max-width:1023px) {
    .main-slider-news_thumbs .item.active:hover:before {
        opacity: .8
    }
}

@media (max-width:1023px) {
    :root {
        --sectionMargin: 56px
    }
    .articleContainer .stickyBanner:not(.isVideo) {
        min-height: 560px;
        margin: 0 auto 32px;
        padding: 0;
        position: relative;
        max-width: 320px
    }
    .articleContainer .stickyBanner:not(.isVideo):after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #f2f2f2
    }
    .stickyBanner:not(.isVideo) .bannerCnt {
        position: -webkit-sticky;
        position: sticky;
        top: 60px;
        padding: 16px;
        background: 0 0;
        display: block;
        margin: 0
    }
    .stickyBanner:not(.isVideo) .bannerCnt .bannerWrp__close {
        top: 50px
    }
    .stickyBanner:not(.isVideo) .bannerWrp__inner>div:first-child:before {
        padding: 6px 0
    }
    .articleContainer .stickyBanner:not(.isVideo) .banner-container {
        margin: 0 auto;
        float: none
    }
    .bannerWrp.isVideo {
        margin-bottom: 20px
    }
    body.navOpened {
        overflow: hidden;
        height: 90vh
    }
    .d6 .tColumn {
        flex-direction: row;
        -webkit-flex-direction: row
    }
    .skin-p {
        height: 230px
    }
    .pageSkin .skin-p~a.skinCnt {
        height: 400px
    }
    .cntTxt>ul,
    .details>ul {
        margin-top: 0
    }
    .content.details .related .articles {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between
    }
    .content.details .related article {
        display: block;
        width: 48%
    }
    .content.details .related article:nth-child(3) {
        border-bottom: none
    }
    .cntTxt>.side-image,
    .cntTxt>figure.left,
    .details>.side-image,
    .details>figure.left,
    .side-image {
        margin: 0 auto 30px;
        max-width: 100%
    }
    blockquote {
        font-size: 26px
    }
    .blueArt .txt,
    .blueArt .txt p {
        font-size: 14px
    }
    .rightColmn .itm {
        border-left: none;
        border-top: solid 1px #cacaca;
        padding-top: 20px
    }
    .content.details {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
    .details .related {
        order: 2;
        margin-top: 45px
    }
    a.skinCnt {
        background-size: 1500px auto
    }
    .row {
        margin-left: -7.5px;
        margin-right: -7.5px
    }
    .row .col {
        padding: 0 7.5px
    }
    .row .col.d1 {
        width: 16.66667%
    }
    .row .col.d2 {
        width: 33.33333%
    }
    .row .col.d3 {
        width: 50%
    }
    .row .col.d4 {
        width: 66.66667%
    }
    .row .col.d5 {
        width: 83.33333%
    }
    .row .col.d6 {
        width: 100%
    }
    .content.details .related.seeAlso article:not(:last-child) {
        border-bottom: 0;
        margin-bottom: 0
    }
    .article_sidebar {
        order: 9999
    }
    .title {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 24px
    }
    .articleContainer .newsFeedSection .title h1,
    .articleContainer .newsFeedSection .title h2 {
        font-size: 1.7142857143rem
    }
    .title.lg h1,
    .title.lg h2 {
        font-size: 4.5714285714rem
    }
    .title.brd h1:before,
    .title.brd h2:before {
        margin-left: 16px
    }
    .articleContainer .title.brd h1:before,
    .articleContainer .title.brd h2:before {
        margin-left: 16px
    }
    .title--withTags .tagsWrp {
        margin-top: 16px
    }
    .title--withTags .tags {
        justify-content: flex-start;
        margin-top: 16px
    }
    .title--withTags .tagsFlex .tags {
        margin-top: 0
    }
    .spBy {
        display: flex;
        margin: 8px 0 0;
        flex-direction: column;
        gap: 8px
    }
    .tabletHidden {
        display: none
    }
    .leftSect .nav li {
        margin-right: 0
    }
    .gridBox--withBannerLarge {
        grid-template-columns: repeat(2, 1fr)
    }
    .gridBox--withBannerLarge .bannerWrp {
        grid-column: 2/3
    }
    .gridBox--inlineWithBanner {
        grid-template-columns: 1fr
    }
    .gridBox--inlineWithBanner .large {
        grid-column: 1/2
    }
    .gridBox--inline2 {
        grid-template-columns: repeat(2, 1fr)
    }
    .gridBox--inline2 .large {
        grid-column: 1/2
    }
    .gridBox--inline3 {
        grid-template-columns: repeat(2, 1fr)
    }
    .gridBox--inline3 .large {
        grid-column: 1/3;
        order: -1
    }
    .gridBox--cols1 {
        grid-template-columns: repeat(2, 1fr)
    }
    .gridBox--withBannerType1 {
        grid-template-columns: repeat(2, 1fr)
    }
    .gridBox--withBannerType1 .sideBanner {
        grid-row: 1/3;
        grid-column: 2/3
    }
    .gridBox--withBannerType1 .large {
        grid-column: 1/2
    }
    .gridBox--withBannerType2 {
        grid-template-columns: repeat(2, 1fr)
    }
    .gridBox--withBannerType2 .sideBanner {
        grid-row: 1/3;
        grid-column: 2/3
    }
    .mainSection .gridBox--cols3 {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 24px
    }
    .publicationsSection .gridBox--cols3 {
        grid-template-columns: repeat(2, 1fr)
    }
    .gridBox--cols4 {
        grid-template-columns: repeat(2, 1fr)
    }
    .gridBox--cols4 .loaderContainer {
        grid-column: 1/3
    }
    .gridBox--cols4Small {
        grid-template-columns: repeat(3, 1fr)
    }
    .gridBox.mobileInline {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: calc(100% + 64px);
        padding: 0 32px 8px;
        position: relative;
        left: -32px;
        grid-gap: 16px
    }
    .gridBox.mobileInline .article {
        width: 100%;
        flex: 0 0 auto;
        max-width: 304px
    }
    .articleContainer .related article {
        flex-direction: row
    }
    .inlineContent article {
        flex-direction: column
    }
    .inlineContent.large article {
        flex-direction: column
    }
    .inlineContent.medium article {
        flex-direction: column;
        padding-bottom: 0
    }
    .webTv__list .article article {
        padding-bottom: 0
    }
    .articleContainer .related article figure {
        margin-right: 24px
    }
    .typeAbsolute.large article figure {
        max-width: 488px
    }
    .typeAbsolute.large article figure picture {
        padding-top: 58.1967213115%
    }
    .typeAbsolute.squareLarge article figure {
        max-width: 488px
    }
    .typeAbsolute.squareLarge article figure picture {
        padding-top: 58.1967213115%
    }
    .typeAbsolute.square article figure {
        max-width: 488px
    }
    .typeAbsolute.square article figure picture {
        padding-top: 58.1967213115%
    }
    .typeAbsolute.portrait article figure {
        max-width: 488px
    }
    .typeAbsolute.portrait article figure picture {
        padding-top: 58.1967213115%
    }
    .inlineContent.large article figure {
        margin: 0 0 16px;
        max-width: 100%
    }
    .inlineContent.medium article figure {
        max-width: 100%
    }
    .inlineContent.reverse article figure {
        order: 0;
        margin-left: 0
    }
    .typeAbsolute.large article .desc {
        padding: 0 16px;
        bottom: 16px;
        left: unset;
        top: unset;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        max-width: 100%
    }
    .typeStory article .heading {
        max-width: 360px
    }
    .typeWide article .update_well {
        margin-top: 8px
    }
    .fullWidth article h3 {
        font-size: 1.4285714286rem
    }
    .slideOuter article h3 {
        font-size: 1.5714285714rem;
        font-weight: 600
    }
    .withRelated .slideOuter>article h3 {
        font-size: 1.5714285714rem
    }
    .typeAbsolute.large article h3,
    .typeAbsolute.squareLarge article h3 {
        line-height: 1.1
    }
    .gridBox .typeAbsolute.large article h3,
    .gridBox .typeAbsolute.squareLarge article h3 {
        font-size: 1.4285714286rem;
        font-weight: 600
    }
    .gridBox .large article h3 {
        font-size: 1.0714285714rem;
        font-weight: 600
    }
    .pageSkin .grayBg article h3 {
        font-size: 1.0714285714rem;
        font-weight: 600
    }
    .medium article h3 {
        font-size: 1.4285714286rem;
        margin-bottom: 8px
    }
    .inlineContent.large article h3,
    .withBg.large article h3 {
        font-size: 1.5714285714rem
    }
    .gridBox .inlineContent.large article h3,
    .gridBox .withBg.large article h3 {
        font-size: 1.5714285714rem
    }
    .typeStory article h3 {
        font-size: 2.2857142857rem
    }
    .webTv__list .typeWide article h3 {
        font-size: 1.1428571429rem
    }
    .grayBg .typeWide article h3 {
        font-size: 1.0714285714rem;
        font-weight: 600
    }
    .fixedElem .cnt {
        max-width: 100%
    }
    .topNav .mainNav {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
    .navMore li.hasSub ul {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }
    body .at-mobile .at-resp-share-element .at-share-btn,
    body .at-resp-share-element .at-share-btn {
        margin: 0 8px 0 0;
        padding: 0
    }
    .shareButtons {
        margin-bottom: 16px
    }
    .titleWithTags .tags {
        margin: 0 0 24px
    }
    .tagsHeader .title {
        margin-top: 8px;
        padding: 16px
    }
    .tagsFigure {
        max-width: 280px
    }
    .tagsFigure+.title {
        width: calc(100% + 8px - 280px);
        left: -8px
    }
    .tagsFlex {
        gap: 12px
    }
    .section {
        --sectionsSpace: 32px
    }
    .section.food .foodContainer:before {
        height: calc(100% - 100px)
    }
    .pageSkin .section>.wrapper {
        --wrapperBottomSpace: 0
    }
    .section__titleimg {
        max-width: 360px
    }
    .topInfo.withTags {
        padding: 12px
    }
    .topStory__content {
        padding: 40px 24px;
        height: auto
    }
    .topStory__title {
        top: 24px;
        font-size: 1.1428571429rem;
        line-height: 1;
        padding: 16px 16px 16px 24px
    }
    .topStory__title:before {
        width: 8px;
        height: 8px
    }
    .latestArticles__grid {
        max-width: 300px
    }
    .artBox {
        grid-template-columns: repeat(2, 1fr)
    }
    .featuredSection .item {
        width: calc(50% - 24px)
    }
    .happensNow .itemTitle h2 {
        font-size: 1.7142857143rem
    }
    .bloggersSection .mainWrp .aside,
    .blogsInner .mainWrp .aside {
        width: 100%
    }
    .articleGrid .mainWrp .aside,
    .comSection .mainWrp .aside,
    .contactSection .mainWrp .aside,
    .genericSection .mainWrp .aside,
    .innerCategorySection .mainWrp .aside {
        order: 0;
        width: 100%
    }
    .bloggersSection .mainWrp .main,
    .blogsInner .mainWrp .main,
    .comSection .mainWrp .main {
        width: 100%
    }
    .articleGrid .mainWrp .main,
    .contactSection .mainWrp .main,
    .genericSection .mainWrp .main,
    .innerCategorySection .mainWrp .main {
        order: 1;
        margin-top: var(--gridGap);
        width: 100%
    }
    .leftArticles .related {
        margin-top: 24px
    }
    .bloggersSection .aside .asideSection+.bannerWrp .bannerWrp__inner {
        top: 0;
        position: relative
    }
    .genericSection .aside .asideSection:first-child,
    .innerCategorySection .aside .asideSection:first-child {
        height: auto
    }
    .genericSection .aside .asideSection:nth-child(2),
    .innerCategorySection .aside .asideSection:nth-child(2) {
        height: auto
    }
    .genericSection .aside.fullHeightBanner .asideSection:first-child,
    .innerCategorySection .aside.fullHeightBanner .asideSection:first-child {
        height: auto
    }
    .main-slider-news_thumbs .item.active:before {
        opacity: .8
    }
    .sliderStories {
        margin-left: -4%;
        width: 108%
    }
    .articleContainer .aside .tabsHeader span,
    .articleContainer .newsFeedSection .tabsHeader span {
        font-size: 1.1428571429rem
    }
    .articleContainer .newsFeedSection .tabsHeader {
        gap: 24px
    }
    .articleContainer .newsFeedSection .tblMax {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
    .webTv__list {
        flex: 0 0 auto;
        flex-direction: row;
        left: -20px;
        position: relative;
        padding: 0 20px 16px;
        width: calc(100% + 40px)
    }
    .webTv__list article {
        padding-bottom: 0;
        height: 100%
    }
    .webTv__list article .desc {
        padding-bottom: var(--articleSpaceBottom)
    }
    .webTv__list .article {
        margin-right: 16px;
        max-width: 148px;
        flex: 0 0 auto;
        width: 100%
    }
    .webTv__list .article:last-child {
        margin-right: 0
    }
    .webTv__list .article>div {
        height: 100%
    }
    .webTv__main {
        margin-bottom: 24px
    }
    .weatherCnt {
        width: 638px
    }
    .days {
        grid-template-columns: 1fr
    }
    .temperature {
        margin: 0 0 0 16px
    }
    .right_bottom .temperature .celsius_symbol {
        font-size: 2.8571428571rem
    }
    .day_wind {
        margin: 0 0 0 16px
    }
    .bottom_part_weather {
        padding-top: 8px
    }
    .right_bottom .temperature .value {
        font-size: 4rem
    }
    .next_day {
        flex-direction: row;
        padding: 8px 24px
    }
    .fieldSearch {
        margin-bottom: 16px
    }
    .articleContainer__main--withBanner {
        display: flex;
        flex-direction: column
    }
    .articleContainer__main {
        display: flex;
        flex-direction: column
    }
    .articleContainer__main .bottomComponents {
        display: flex;
        flex-direction: column;
        order: 4
    }
    .articleContainer__main .multipleBanners .asideSection {
        order: 2
    }
    .articleContainer__main .multipleBanners .asideSection:nth-child(2) {
        order: 4
    }
    .articleContainer__main .asideSection {
        display: none
    }
    .articleContainer__mainLeft {
        order: 3;
        width: 100%
    }
    .articleContainer__mainLeft .articleInfo,
    .articleContainer__mainLeft .shareButtons {
        display: none
    }
    .articleContainer__main .cnt .bannerWrp {
        margin-bottom: 24px
    }
    .articleContainer__main .cnt .bannerWrp:last-child {
        margin: 24px 0 0
    }
    .articleContainer__main .cnt:nth-child(1):not(.liveCol__content) {
        order: 0
    }
    .articleContainer__main .cnt:nth-child(2) {
        order: 1;
        margin: 24px 0;
        padding: 0;
        display: none
    }
    .articleContainer__main .cnt:nth-child(2) .stickyBanner {
        min-height: 0;
        margin-bottom: 0
    }
    .articleContainer__main .cnt:nth-child(3) {
        order: 2
    }
    .articleContainer__main .newsFeedSection {
        order: 8
    }
    .articleContainer__main .infoContent {
        order: 2
    }
    .articleContainer__main .comSectionWrapper .asideSection {
        display: block
    }
    .articleContainer__main #PA-Taboola,
    .articleContainer__main .trc_related_container {
        order: 10
    }
    .articleInfo .author {
        padding-right: 120px
    }
    .articleInfo .wrp {
        margin-bottom: 32px;
        border: none;
        padding-bottom: 0;
        padding-left: 18px
    }
    .articleInfo .comment {
        position: absolute;
        margin: 0;
        right: 0;
        top: 4px
    }
    .articleTopInfo.liveUpdates:before {
        height: calc(100% + 48px);
        -webkit-transform: translate(-50%, -32px);
        transform: translate(-50%, -32px)
    }
    .mainSectionblogsInner .articleTopInfo {
        margin: 0;
        max-width: 100%
    }
    .articleTopInfo h1 {
        font-size: 2.5714285714rem
    }
    .headerArticleInfo {
        display: none
    }
    .fixedMenu .headerArticleInfo {
        display: none
    }
    .popupContainer .popImage {
        max-width: calc(100% - 168px)
    }
    .popupContainer .popupCaption {
        width: 144px
    }
    .longForm .bottomComponents {
        display: flex;
        flex-direction: column;
        padding-left: var(--gridSpace)
    }
    .longFormHero {
        flex-direction: column
    }
    .longFormHero--reverse {
        flex-direction: column
    }
    .longFormHero__content,
    .longFormHero__image {
        width: 100%
    }
    .longFormHero figcaption {
        order: -1;
        margin-bottom: 16px
    }
}

@media (max-width:1023px) and (min-width:640px) {
    .mainSection .gridBox--cols3 .article:nth-child(3) {
        grid-column: 1/3
    }
    .bloggersSection__grid .typeBlog article {
        flex-direction: column;
        height: 100%
    }
    .bloggersSection__grid .typeBlog .desc {
        justify-content: space-between
    }
}

@media (max-width:1023px) and (min-width:768px) {
    .typeFull article .txt {
        display: none
    }
    .game__img img {
        border-radius: 24px
    }
    .game__title {
        font-size: 1.2857142857rem
    }
    .main-slider-news_thumbs .descContainer {
        padding: 8px
    }
    .main-slider-news_thumbs h3 {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 2px
    }
}

@media (max-width:767px) {
    :root {
        --gridSpace: 16px;
        --headerHeight: 56px;
        --stickyHeaderHeight: 56px;
        --bodyOffsetHeight: 56px
    }
    .row .col.s1 {
        width: 16.66667%
    }
    .row .col.s2 {
        width: 33.33333%
    }
    .row .col.s3 {
        width: 50%
    }
    .row .col.s4 {
        width: 66.66667%
    }
    .row .col.s5 {
        width: 83.33333%
    }
    .row .col.s6 {
        width: 100%
    }
    .section.withSkin {
        padding: 20px
    }
    .skin-p {
        height: 240px
    }
    .skinCnt.btm+.wrapper {
        margin-bottom: 171px
    }
    .skinCnt.btm {
        height: 192px
    }
    .sitemap nav {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
    address {
        font-size: 16px
    }
    blockquote {
        font-size: 24px
    }
    figcaption {
        font-size: 13px
    }
    .aside.left .asideSection {
        max-width: 100%
    }
    body,
    html.noScroll {
        font-size: 1.1428571429rem
    }
    .hiddenMenu .outer {
        --bodyOffsetHeight: 56px
    }
    .title {
        margin-bottom: 16px
    }
    .publicationsSection .title {
        margin: 0 0 24px
    }
    .comSection .title .linkButton {
        position: relative;
        padding: 0;
        margin: 16px 0 0
    }
    .title img {
        max-width: 208px
    }
    .title:not(.title--noDot) h1,
    .title:not(.title--noDot) h2 {
        display: block
    }
    .title:not(.title--noDot) h1:after,
    .title:not(.title--noDot) h2:after {
        display: inline
    }
    .title h1,
    .title h2 {
        font-size: 1.7142857143rem
    }
    .title h1 a,
    .title h2 a {
        display: inline;
        padding: 0
    }
    .title.lg h1,
    .title.lg h2 {
        font-size: 3.2142857143rem
    }
    .title.brd h1:before,
    .title.brd h2:before {
        content: unset
    }
    .desktopOnly {
        display: none
    }
    .mobileHidden {
        display: none
    }
    .mhidden,
    .nav ul li.mhidden,
    .opts>div.mhidden {
        display: none
    }
    h1 {
        font-size: 2rem
    }
    h2 {
        font-size: 1.7142857143rem
    }
    .liveUpd {
        margin-bottom: 8px
    }
    h3 {
        font-size: 1.1428571429rem
    }
    h4 {
        font-size: 1.1428571429rem
    }
    h5 {
        font-size: 1.1428571429rem
    }
    h6 {
        font-size: 1.1428571429rem
    }
    p {
        font-size: 1.1428571429rem
    }
    .listtitle {
        font-size: 1.7142857143rem
    }
    .cnt .bold,
    .cnt b,
    .cnt strong {
        font-weight: 600
    }
    .header {
        position: fixed
    }
    .hiddenMenu .header {
        --headerHeight: 56px;
        -webkit-transform: none;
        transform: none;
        display: block
    }
    .stickyMenu .header {
        -webkit-transform: none;
        transform: none
    }
    .logo {
        height: 40px
    }
    .fixedMenu .logo {
        height: 40px
    }
    .leftSect {
        padding-left: 56px;
        padding-right: 0
    }
    .opts .itm {
        margin-right: 16px
    }
    .outer>.outloud {
        padding: 12px 16px
    }
    .footer__topInner {
        padding: 40px 0
    }
    .footer__logo img {
        width: auto;
        height: 40px
    }
    .footer__menu ul {
        gap: 32px 24px;
        flex-direction: column;
        justify-content: normal;
        align-items: center;
        text-align: center;
        max-width: 256px;
        margin: 0 auto
    }
    .footer__infoBar {
        flex-direction: column-reverse;
        text-align: center
    }
    .footer__infoBar .copyright {
        margin-bottom: 32px;
        margin-left: 0
    }
    .gridBox {
        grid-gap: 24px 16px
    }
    .gridBox.withTopMarginDesktop {
        margin-top: 0
    }
    .gridBox--withBannerLarge .bannerWrp {
        grid-column: 1/2;
        grid-row: 7/8
    }
    .gridBox--inline2 {
        grid-template-columns: 1fr
    }
    .gridBox--withBannerType1 .sideBanner {
        grid-row: 2/3;
        grid-column: 2/3
    }
    .gridBox--withBannerType1 .sideBanner .bannerWrp {
        margin-bottom: 0
    }
    .gridBox--withBannerType1 .large {
        grid-column: 1/3
    }
    .gridBox--withBannerType2 .sideBanner {
        grid-row: 1/2;
        grid-column: 2/3
    }
    .gridBox--cols2 {
        grid-template-columns: 1fr
    }
    .gridBox--cols2 .loaderContainer {
        grid-column: 1/2
    }
    .gridBox--cols3.blogs {
        grid-template-columns: 1fr
    }
    .publicationsSection .gridBox--cols3 {
        grid-template-columns: repeat(3, 1fr)
    }
    .gridBox--cols4Small {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 24px
    }
    .gridBox.mobileInline {
        grid-gap: 8px;
        width: calc(100% + 32px);
        padding: 0 16px 8px;
        left: -16px
    }
    .food .gridBox.mobileInline {
        padding-bottom: 16px
    }
    article {
        --articleSpaceBottom: 16px
    }
    .articleContainer .related article {
        flex-direction: column
    }
    .typeFull article {
        flex-direction: column
    }
    .typeBlog article {
        flex-direction: row
    }
    .reverted .typeStory article {
        text-align: left
    }
    .articleContainer .related article figure {
        margin-right: 0
    }
    .large article figure picture {
        padding-top: 56.4245810056%
    }
    .typeSquare article figure {
        max-width: 358px
    }
    .typeSquare article figure picture {
        padding-top: 56.4245810056%
    }
    .typeFull article figure {
        width: 100%;
        margin-bottom: 12px
    }
    .inlineContent article figure {
        margin: 0 0 8px
    }
    .typeBlog article figure {
        max-width: 104px;
        margin-right: 16px
    }
    .typeBlog article figure .comment {
        width: 24px;
        height: 24px;
        font-size: .6428571429rem;
        right: 0;
        bottom: 0
    }
    .withBg.large article figure picture {
        padding-top: 56.4245810056%
    }
    .typeAbsolute article .desc {
        padding-inline: 8px
    }
    .typeAbsolute.large article .desc {
        padding: 0 8px
    }
    .withBg article .desc {
        padding: 12px 0 0;
        background-color: transparent
    }
    .withBg.large article .desc {
        padding: 12px 0 0
    }
    .typeFull article .desc {
        background-color: transparent;
        position: relative;
        -webkit-transform: none;
        transform: none;
        padding: 0;
        left: 0;
        top: 0;
        width: 100%
    }
    .typeBlog article .desc {
        padding-top: var(--articleSpaceBottom)
    }
    .typeStory article .desc {
        margin-top: 16px
    }
    .tvPlayer article .heading {
        min-height: 80px
    }
    .typeStory article .heading {
        padding-bottom: 16px;
        margin-bottom: 24px;
        border-bottom: 1px solid #000;
        max-width: 100%
    }
    .reverted .typeStory article .update_well {
        justify-content: flex-start
    }
    .tvPlayer article .update_well {
        margin-bottom: 8px
    }
    .slideOuter article .update_well {
        margin-bottom: 8px
    }
    .typeLatest article .update_well {
        margin-bottom: 4px
    }
    .typeLatest article time,
    .typeStory article time {
        color: #7d8693
    }
    .typeBlog article h4 {
        margin-bottom: 8px;
        font-size: .8571428571rem
    }
    article h3 {
        font-size: 1.1428571429rem
    }
    .genericSection article h3,
    .searchResults article h3 {
        font-size: 1.1428571429rem
    }
    .fullWidth article h3 {
        font-size: 1.1428571429rem
    }
    .tvPlayer article h3 {
        font-size: 1.4285714286rem;
        line-height: 1.2
    }
    .slideOuter article h3 {
        letter-spacing: -.5px;
        line-height: 1.1818181818
    }
    .typeSquare article h3,
    .withBg article h3 {
        font-size: 1.4285714286rem
    }
    .typeFull article h3 {
        font-size: 1.5714285714rem
    }
    .typeBlog article h3 {
        font-size: 1.1428571429rem
    }
    .gridBox .large article h3 {
        font-size: 1.2857142857rem;
        font-weight: 500
    }
    .medium article h3 {
        font-size: 1.1428571429rem
    }
    .inlineContent.large article h3,
    .withBg.large article h3 {
        font-size: 1.4285714286rem;
        font-weight: 600
    }
    .gridBox .inlineContent.large article h3,
    .gridBox .withBg.large article h3 {
        font-size: 1.4285714286rem
    }
    .typeStory article h3 {
        font-size: 1.5714285714rem;
        font-weight: 700
    }
    .typeLatest article a,
    .typeStory article a {
        color: #000
    }
    .playVideo .videoIcon:not(.sml) {
        font-size: 32px
    }
    .large .playVideo .videoIcon.sml,
    .largeVideo .playVideo .videoIcon.sml {
        font-size: 32px
    }
    .bannerWrp.noMargin {
        margin-bottom: 0
    }
    .commentsWrapper .bannerWrp {
        margin-bottom: 24px
    }
    .bannerWrp {
        overflow: hidden
    }
    .longForm .bannerWrp {
        overflow: unset
    }
    .articleContainer__main .bannerWrp {
        overflow: unset
    }
    .blogHeader__image {
        max-width: 124px
    }
    .linkButton {
        margin-top: 24px
    }
    .articleContainer .newsFeedSection .linkButton {
        margin-bottom: 24px
    }
    .comCnt {
        margin-bottom: 24px
    }
    .commentWrp .commentWrp {
        padding-left: 24px
    }
    .form.gray {
        padding: 24px 16px
    }
    .form.gray h5 {
        margin-bottom: 24px
    }
    .submit {
        width: 100%
    }
    .modal .submit {
        position: relative;
        top: 0;
        width: 100%;
        margin-top: 16px
    }
    .submit input {
        margin-top: 24px;
        width: 100%
    }
    .modal .field:not(.captchaWrp) input {
        width: 100%
    }
    .formBottom {
        flex-direction: column
    }
    .actions.brb {
        flex-direction: column;
        padding: 0
    }
    .actions.brb .btn {
        margin: 0 0 16px;
        width: 100%
    }
    .actions.brb .btn:last-child {
        margin: 0
    }
    .games__bg2 {
        right: 28%;
        top: 16%;
        width: 20px;
        height: 20px
    }
    .games__bg3 {
        left: 2%;
        top: 2%;
        width: 20px;
        height: 20px
    }
    .games__bg4 {
        display: none
    }
    .game__img {
        margin-bottom: 8px
    }
    .game__img img {
        border-radius: 16px
    }
    .game__title {
        font-size: 1.1428571429rem
    }
    .gameSlider {
        overflow: visible
    }
    .gameSlider__button {
        display: none
    }
    .trigMenu {
        width: 56px
    }
    .topNav .mainNav {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
    .topNav .rightColmn {
        padding-bottom: 0
    }
    .navMore li.hasSub ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
    .modal .content {
        padding: 16px
    }
    .modal .content h4 {
        padding-right: 40px
    }
    .tagsHeader {
        flex-direction: column
    }
    .tagsHeader .title {
        margin-top: 0
    }
    .tagsFigure {
        max-width: 100%
    }
    .tagsFigure+.title {
        width: 100%;
        left: 0
    }
    .backToTop {
        right: 16px;
        bottom: 16px
    }
    .searchWrp {
        padding: 0;
        z-index: 4
    }
    .searchInp {
        padding-left: 40px
    }
    .searchInp .input {
        max-width: calc(100% - 56px)
    }
    .searchInp .input input {
        padding: 0 88px 0 0
    }
    .searchResults .cnt {
        padding-top: 24px
    }
    .closeSearch {
        right: 16px
    }
    .topBar {
        flex-direction: column;
        margin-bottom: 24px;
        align-items: flex-start
    }
    .topBar .resNumb {
        margin: 0 0 16px;
        font-size: 1.5714285714rem;
        font-weight: 600
    }
    .topBar .right {
        margin: 0
    }
    .searchInput {
        margin: 24px 0 32px
    }
    .section.black,
    .section.food,
    .section.promotion,
    .section.travel {
        overflow-x: hidden
    }
    .section {
        --sectionsSpace: 24px
    }
    .section.featuredSection {
        padding: 0
    }
    .section.happensNow {
        padding-inline: 16px
    }
    .section.black,
    .section.blue {
        padding-block: 24px
    }
    .section.food .foodContainer {
        padding-bottom: 16px
    }
    .section.food .foodContainer:before {
        height: calc(100% - 80px)
    }
    .section.newStories {
        margin-block: 16px
    }
    .section.main-slider-news {
        padding-inline: 16px;
        padding-bottom: var(--sectionsSpace)
    }
    .section__titleimg {
        max-width: 240px
    }
    .section__titleimg:after {
        content: unset
    }
    .section__titleimg picture:before {
        content: unset
    }
    .topStory__content {
        padding: 0 16px 16px;
        background-color: #f3f6f9;
        flex-direction: column;
        margin: -56px 16px 0;
        z-index: 1
    }
    .topStory.reverted .topStory__content {
        flex-direction: column
    }
    .topStory__content:before {
        content: unset
    }
    .topStory__title {
        padding: 8px 10px;
        top: 0;
        left: -16px;
        align-self: flex-start;
        position: relative
    }
    .topStory__title:before {
        margin-right: 8px;
        position: relative;
        top: -1px
    }
    .topStory figure {
        padding-top: 69.2708333333%;
        position: relative;
        z-index: 1
    }
    .topStory figure:before {
        content: "";
        width: 100%;
        height: 55vw;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0) 100%)
    }
    .topStory picture {
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
        width: 100%
    }
    .reverted .latestArticles {
        margin-top: 0
    }
    .latestArticles__title {
        color: #000;
        margin-bottom: 16px
    }
    .latestArticles__grid {
        max-width: 100%;
        padding: 0;
        max-height: 300px
    }
    .featured .artBox article figure:before {
        font-size: 4.5714285714rem;
        -webkit-transform: translate(12px, -50%);
        transform: translate(12px, -50%)
    }
    .well {
        margin-top: 24px
    }
    .well h4 {
        font-size: 1.4285714286rem
    }
    .featuredSection {
        flex-direction: column
    }
    .featuredSection_title {
        margin: 0;
        width: 100%
    }
    .featuredSection_title h4 {
        letter-spacing: 0;
        padding: 8px 16px
    }
    .featuredSection_slider {
        padding: 0 16px
    }
    .featuredSection .item {
        width: calc(100% - 24px);
        margin-right: 16px;
        padding-right: 16px;
        max-width: 360px
    }
    .featuredSection .item:last-child {
        margin: 0;
        padding-right: 0
    }
    .happensNow .item {
        flex-direction: column;
        align-items: flex-start
    }
    .happensNow .itemTitle h2 {
        font-size: 1.4285714286rem;
        font-weight: 500
    }
   
    .hpn {
        padding: 0 0 16px 52px;
        margin: 0 0 16px 0;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, .5);
        width: 100%
    }
    .hpn:before {
        top: calc(50% - 8px)
    }
    .mainWrp {
        --asideWidth: 100%;
        --gridGap: 24px
    }
    .searchSection .mainWrp {
        margin-top: 16px
    }
    .blogsInner.mainSection .mainWrp {
        margin-top: 0
    }
    .mainWrp .aside {
        order: 3
    }
    .publicationsSection .mainWrp .aside {
        order: 1
    }
    .mainWrp .aside.fullHeightBanner {
        order: 2
    }
    .mainWrp .main {
        width: 100%
    }
    .articleGrid .mainWrp .main,
    .contactSection .mainWrp .main,
    .genericSection .mainWrp .main,
    .innerCategorySection .mainWrp .main {
        margin-top: 0
    }
    .mainWrp.withoutAside {
        margin-top: 0
    }
    .mainWrp .mainFull {
        margin-top: var(--gridGap);
        margin-bottom: var(--gridGap)
    }
    .tagsHeader+.mainWrp {
        margin-top: 24px
    }
    .newsFeedSection {
        margin-top: 24px
    }
    .related {
        margin-top: 24px
    }
    .leftArticles .related {
        margin-top: 8px
    }
    .leftArticles .related--more {
        margin-top: 24px
    }
    .related .articles {
        grid-template-columns: 1fr
    }
    .flowTransl {
        overflow: hidden
    }
    .articleContainer .flowTransl {
        margin-bottom: 24px
    }
    .bloggersSection .aside .asideSection {
        margin: 24px 0
    }
    .sliderMedia {
        margin-bottom: 12px;
        width: calc(100% + 32px);
        position: relative;
        left: -16px
    }
    .sliderContent {
        background-color: transparent;
        margin: -3px 0 0;
        padding: 3px 0 0;
        width: 100%
    }
    .sliderContent.withRelated {
        width: 100%
    }
    .main-slider-news article .txt {
        display: none
    }
    .main-slider-news_thumbs {
        display: none
    }
    .slideOuter {
        height: auto;
        overflow: unset;
        padding: 0
    }
    .sliderStories {
        margin-left: calc(-1 * var(--gridSpace));
        padding-right: 48px;
        padding-left: var(--gridSpace);
        width: calc(100% + var(--gridSpace) * 2)
    }
    .sliderStories .item {
        width: 100%
    }
    .sliderStories__button {
        display: none
    }
    .mainSlider {
        opacity: 1;
        overflow: visible
    }
    .mainSlider .swiper-wrapper {
        flex-direction: column
    }
    .mainSlider .mainItem {
        margin-bottom: 28px
    }
    .mainSlider .mainItem:last-child {
        margin-bottom: 0
    }
    .mainSlider__actions {
        display: none
    }
    .gallerySlider__pagination {
        display: flex;
        justify-content: center;
        left: 0;
        top: 0;
        padding: 0;
        margin: 16px 0 24px
    }
    .gallerySlider__button {
        display: none
    }
    .aside .tabsHeader,
    .newsFeedSection .tabsHeader {
        gap: 16px
    }
    .newsFeedSection .tabsHeader {
        border-bottom: 1px solid #000;
        position: relative;
        margin-bottom: 16px;
        padding-bottom: 12px
    }
    .articleContainer .newsFeedSection .tabsHeader {
        gap: 16px
    }
    .articleContainer .newsFeedSection .tblMax {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
    .newsFeedSection .tblMax {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
    .toolbar {
        margin-bottom: 0
    }
    .frontpages-container .toolbar {
        flex-direction: column;
        align-items: flex-start
    }
    .frontpages-container .toolbar .fll {
        margin: 0 0 16px
    }
    .toolbar .flr {
        margin: 0
    }
    .tvPlayer__title {
        font-size: 1.4285714286rem
    }
    .video i {
        width: 32px;
        height: 32px;
        font-size: 32px
    }
    .weatherCnt {
        width: 560px
    }
    .articleContainer__media {
        margin-top: 20px;
        overflow-x: unset
    }
    .articleContainer__main .infoContent {
        margin-bottom: 24px
    }
    .trc_related_container {
        padding: 0 16px
    }
    .imgWrp {
        margin-bottom: 24px
    }
/* 767px */
@media (max-width: 767px) {
    .articleContainer__media .imgWrp {
        width: calc(100% + 32px);
        position: relative;
        left: -81px;
        height: 400px;
    }
    
}

/*  768px dhe 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
    .articleContainer__media .imgWrp {
        width: calc(100% + 16px);
        position: relative;
        left: -40px;
        height: 400px;
    }
}

/* 1024px */
@media (min-width: 1025px) {
    .articleContainer__media .imgWrp {
        width: 100%;
        position: static;
        left: 0;
    }
}

    .articleTopInfo {
        margin-bottom: 12px
    }
    .articleTopInfo.liveUpdates:before {
        height: calc(100% + 28px);
        -webkit-transform: translate(-50%, -24px);
        transform: translate(-50%, -24px)
    }
    .articleTopInfo h1 {
        font-size: 2rem;
        letter-spacing: -.5px
    }
    .articleTopInfo h3 {
        font-size: 1.2857142857rem
    }
    .tiktok-embed {
        width: calc(100% + 16px)
    }
    .withZoom:before {
        content: unset
    }
    .popupContainer .closeZoom {
        right: 24px;
        top: 24px
    }
    .popupContainer .popupContent {
        flex-direction: column;
        height: calc(100vh - 80px);
        padding: 0 8px;
        justify-content: center;
        margin-top: 80px
    }
    .popupContainer .popImage {
        max-width: 100%;
        height: auto
    }
    .popupContainer .popupCaption {
        height: auto;
        margin: 0;
        padding: 16px;
        width: 100%
    }
    .articleTopBar {
        padding: 12px 16px;
        flex-wrap: wrap
    }
    .articleTopBar__text {
        font-size: 1.1428571429rem
    }
    .articleTopBar__image img {
        max-width: 240px;
        max-height: 100px
    }
    .info {
        padding: 24px 16px
    }
    .longForm>.cnt {
        --longFormInnerWidth: 632px;
        --longFormInnerGap: 24px
    }
    .longForm .longFormContainer {
        --longFormWidth: 632px;
        --longFormGap: 24px
    }
    .longForm .longFormContainer__taboola:not(empty) {
        margin-top: 24px
    }
    .longForm .longFormContainer--full {
        --longFormWidth: 100vw
    }
    .longForm .longFormContainer--full figcaption {
        padding-inline: 16px
    }
    .longForm .longFormContainer__gallery {
        flex-direction: column
    }
    .longForm .longFormContainer__gallery--fullHeight {
        background-attachment: scroll;
        height: 400px
    }
    .longForm .longFormContainer blockquote:not(.tiktok-embed) {
        font-size: 1.4285714286rem;
        line-height: 1.4;
        padding-top: 24px
    }
    .longFormHero__image {
        min-height: 0
    }
    .longFormHero__content {
        padding: 32px 16px
    }
    .longFormHero__contentInner {
        margin-bottom: 0
    }
    .pageIframe {
        margin-top: 24px
    }
}

@media (max-width:639px) {
    :root {
        --fieldColumnSpace: 24px
    }
    .bannerWrp__inner>.bannerWrp__close+div,
    .bannerWrp__inner>div:not(.bannerWrp__close):first-child {
        margin-inline: 0
    }
    .bannerWrp__inner>div {
        padding: 5px 0
    }
    .bannerWrp__inner:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        background: inherit;
        z-index: -1;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .articleContainer .stickyBanner:not(.isVideo) {
        margin: 0 -16px 32px;
        max-width: calc(100% + 32px)
    }
    .longForm.articleContainer .stickyBanner:not(.isVideo) {
        margin-inline: auto
    }
    .articleContainer .stickyBanner:not(.isVideo) .banner-container {
        display: inline-block
    }
    .stickyBanner:not(.isVideo) .bannerCnt {
        left: 0;
        width: 100%;
        padding-inline: 0
    }
    .grayTopCnt.liveUpdates:after {
        bottom: -70px
    }
    .title--flex {
        padding: 0;
        display: block;
        text-align: left
    }
    .title.title--flex h2 {
        font-size: 20px;
        margin-bottom: 20px
    }
    .section.featImg img {
        margin-bottom: 30px
    }
    .content.details>div {
        order: 3
    }
    .content.details>h3 {
        order: 0
    }
    .content.details>.cntTxt {
        order: 1
    }
    .content.details>.fixedShare.forMOb {
        order: 2
    }
    .desktop .main-slider-news a:not(.comment),
    .main-slider-news .txt a,
    .main-slider-news a:not(.comment) {
        color: #000
    }
    .inner .tagsCnt h6 {
        display: block;
        margin-left: auto
    }
    .inner .tagsCnt {
        flex-direction: column;
        align-items: flex-start
    }
    .mobileOnly {
        display: block
    }
    .slideCnt.mobileOnly {
        display: block
    }
    .mobileOnly.slideCnt {
        display: block
    }
    .content.details .fixedShare.fixedElem {
        order: -1;
        margin: 0
    }
    .title.gray:after {
        height: 30%
    }
    .section.main-slider-news+.section.bannerWrp .wrapper>* {
        font-size: 16px
    }
    .fixedShare .at-resp-share-element .at-share-btn {
        border-left: none;
        width: 48px
    }
    time+.updated {
        margin-left: 0
    }
    .countBefore article:before {
        margin-right: 0
    }
    .tblMax article {
        display: none
    }
    .tblMax article:nth-child(-n+10) {
        display: block
    }
    .title h5 {
        top: 0
    }
    .sideBanner {
        order: 2;
        margin: 0 auto
    }
    .fixedShare,
    main.pageSkin .fixedShare {
        left: 0
    }
    .fixedShare .at4-jumboshare .at4-count-container {
        position: relative;
        width: 50px;
        top: 0
    }
    .bannerWrp.fullpage {
        margin-left: -10px;
        width: calc(100% + 20px)
    }
    .fullWidth .fixedShare {
        margin: 0
    }
    time {
        margin-right: 7px
    }
    .related h4 {
        display: inline-block;
        position: relative
    }
    .section.main-slider-news {
        overflow: hidden
    }
    .grayRow {
        text-align: left;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        align-items: center
    }
    .rightColmn .itm {
        padding: 20px
    }
    .btmNav .onair {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
    .blueArt article figure {
        line-height: 170px;
        margin-bottom: 15px
    }
    .blueArt .heading {
        margin-bottom: 8px
    }
    .radplayer {
        display: none
    }
    .sitemap nav ul ul {
        padding: 10px 0 10px 15px
    }
    .sitemap nav>ul>li>a {
        font-size: 16px
    }
    .sitemap nav ul ul li a {
        font-size: 14px
    }
    .sectBg {
        height: 68%;
        max-height: 235px
    }
    .row {
        margin-left: -6px;
        margin-right: -6px
    }
    .row .col {
        padding: 0 6px
    }
    .row .col.xs1 {
        width: 16.66667%
    }
    .row .col.xs2 {
        width: 33.33333%
    }
    .row .col.xs3 {
        width: 50%
    }
    .row .col.xs4 {
        width: 66.66667%
    }
    .row .col.xs5 {
        width: 83.33333%
    }
    .row .col.xs6 {
        width: 100%
    }
    .mainWrp {
        margin-top: 0
    }
    .gray .title:before {
        bottom: -10px
    }
    .xsRow {
        flex-direction: row;
        -webkit-flex-direction: row
    }
    .title.brd h2 {
        padding: 0
    }
    .mblock {
        display: block
    }
    .nav ul li.mblock {
        display: block
    }
    h3 {
        line-height: 1.25
    }
    .sponsor figure {
        min-height: 48px
    }
    .sponsor img {
        max-height: 48px
    }
    .gray .title:after {
        top: -20px
    }
    .tagsCnt:after,
    .tagsFlex:after {
        height: 20px
    }
    .tagsCnt:before {
        content: none
    }
    .title+.tagsWrp {
        margin-top: -17px;
        margin-bottom: 20px
    }
    .categ,
    a.categ {
        font-size: 12px;
        max-width: 90%
    }
    .article h5 {
        position: absolute;
        bottom: 100%;
        left: 20px;
        width: calc(100% - 40px);
        margin-bottom: 11px
    }
    a.skinCnt {
        background-size: 1000px auto
    }
    .section.withSkin {
        padding: 10px
    }
    .skinCnt.btm+.wrapper {
        margin-bottom: 130px
    }
    .skinCnt.btm {
        height: 140px
    }
    .columns2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
    .cntTxt>figure,
    .details>figure,
    blockquote {
        margin-left: 0;
        margin-top: 5px
    }
    .content h2 {
        font-size: 30px
    }
    .cntTxt>.side-image,
    .details figure.left,
    .details>.side-image,
    .side-image {
        float: none;
        width: auto;
        margin: 30px 0 30px 0
    }
    .searchInp {
        padding-left: 45px
    }
    .blogs .item {
        padding: 17px 10px 0
    }
    .slider.blogs {
        max-width: 85vw;
        margin-left: -5px
    }
    blockquote:before {
        width: 50px;
        height: 31px
    }
    blockquote {
        padding: 30px 10px 15px;
        font-size: 18px;
        margin-left: 0
    }
    .commentWrp .txt {
        display: block
    }
    .btn.full {
        margin: 0 0 30px
    }
    .fullWidth.pageSkin .bannerWrp.fullpage,
    .fullWidth.pageSkin .topImg {
        margin-left: -10px;
        width: calc(100% + 20px)
    }
    .skin-p {
        height: 152px
    }
    .grayRow .nav {
        padding-bottom: 35px
    }
    .article_sidebar {
        margin-bottom: 20px
    }
    .redTitle {
        margin-top: 32px
    }
    .comSectionWrapper .title.brd h1 span,
    .comSectionWrapper .title.brd h2 span {
        font-size: 1.7142857143rem;
        line-height: 1.1666666667;
        margin-left: 0
    }
    .opts .itm {
        margin-right: 8px
    }
    .gridBox+.gridBox {
        margin-top: 16px
    }
    .gridBox--withBannerLarge {
        grid-template-columns: 1fr
    }
    .gridBox--inline3 {
        grid-template-columns: 1fr
    }
    .gridBox--inline3 .large {
        grid-column: 1/2
    }
    .gridBox--withBannerType1 {
        grid-template-columns: 1fr
    }
    .gridBox--withBannerType1 .sideBanner {
        grid-column: 1/1
    }
    .gridBox--withBannerType1 .large {
        grid-column: 1/1
    }
    .gridBox--withBannerType2 .sideBanner {
        grid-column: 1/3
    }
    .gridBox--cols3 {
        grid-template-columns: 1fr
    }
    .mainSection .gridBox--cols3 {
        grid-template-columns: 1fr
    }
    .publicationsSection .gridBox--cols3 {
        grid-template-columns: repeat(2, 1fr)
    }
    .newStories .large article {
        border: none;
        padding-bottom: 0
    }
    .newStories .typeWide article {
        border-bottom: 1px solid #000;
        padding-bottom: 16px
    }
    .grayBg .inlineContent article {
        border-bottom: 1px solid #acb1b8
    }
    .genericSection article,
    .searchResults article {
        flex-direction: column
    }
    .mobInlineContent article {
        position: relative;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px 16px
    }
    .mobInlineContent article figure {
        margin-bottom: 0
    }
    .mobInlineContent article .txt,
    .mobInlineContent article .wrp:not(.wrp--mobile) {
        display: none
    }
    .mobInlineContent article .wrp--mobile {
        align-items: flex-start
    }
    .mobInlineContent article .desc {
        grid-row: 1/3;
        grid-column: 2
    }
    .mobInlineContent article .update_well {
        margin-bottom: 0
    }
    .promotion .typeWide article {
        border-bottom: 1px solid #000
    }
    .genericSection article figure,
    .searchResults article figure {
        margin: 0 0 16px 0;
        max-width: 100%
    }
    .searchResults article figure {
        display: none
    }
    .promotion .typeWide article .desc {
        border: none
    }
    .typeWide.mobInlineContent article .desc {
        border: none
    }
    .gridBox--cols4 article .txt,
    .large article .txt,
    .typeFull article .txt,
    .typeSquare article .txt,
    .withBg article .txt {
        display: none
    }
    .genericSection article .txt {
        padding-right: 0
    }
    .genericSection article .heading,
    .searchResults article .heading {
        padding-right: 0
    }
    .typeFull article h3 {
        font-size: 1.4285714286rem
    }
    .newStories .gridBox .large article h3 {
        font-size: 1.5714285714rem;
        font-weight: 700
    }
    .boldTitle.largeVideo article h3 {
        font-weight: 700
    }
    .typeWide article h3 {
        font-size: 1.1428571429rem;
        font-weight: 600
    }
    .newStories .typeWide article h3 {
        font-weight: 500
    }
    .playVideo .videoIcon.sml {
        font-size: 24px;
        right: 8px;
        bottom: 8px
    }
    .blogHeader__content {
        gap: 16px
    }
    button.linkButton--orange {
        height: 50px;
        padding: 0 8px;
        font-size: 1rem;
        width: 100%
    }
    button.linkButton--orange>span {
        font-size: 1.2857142857rem
    }
    .btn,
    .submit input {
        padding: 0 16px
    }
    .comCnt time {
        display: block;
        margin-top: 4px
    }
    .navWrp .grayRow .itm:last-child {
        width: 100%
    }
    .topNav .mainNav {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        padding-bottom: 0
    }
    .mainNav ul li,
    .navMore ul li {
        border-bottom: solid 0.1px #bb1918;
        margin-bottom: 32px
    }
    .mainNav ul li ul,
    .navMore ul li ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
    .navMore li.hasSub ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
    .tagsCnt .categ+.tags,
    .tagsWrp--red .categ+.tags {
        margin-top: 12px
    }
    .liveUpdates .tagsCnt .categ+.tags,
    .liveUpdates .tagsWrp--red .categ+.tags {
        margin-bottom: 4px
    }
    .tagsWrp--red {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 12px
    }
    .liveUpdates .tagsWrp--red {
        padding-bottom: 0
    }
    .titleWithTags .tags {
        margin-bottom: 16px
    }
    .tags .cnt {
        gap: 12px
    }
    .searchInp .input {
        max-width: calc(100% - 44px)
    }
    .closeSearch {
        right: 8px
    }
    .searchInp .submit {
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .searchInp .submit i {
        font-size: 26px
    }
    .section {
        --sectionsSpace: 16px
    }
    .section.newStories {
        --sectionsSpace: 24px
    }
    .topStorySection {
        padding-inline: 0
    }
    .mainWrp--withFeed article:nth-child(n+10) {
        display: none
    }
    .bloggersSection__grid {
        grid-template-columns: 1fr;
        grid-gap: 24px 16px
    }
    .sliderStories {
        margin-top: -30px;
        padding-top: 19px
    }
    .articleContainer__main .longFormContainer {
        margin-bottom: 24px
    }
    .articleContainer__main .longFormContainer blockquote,
    .articleContainer__main .longFormContainer figure,
    .articleContainer__main .longFormContainer>div {
        margin: 0
    }
    .pageSkin .articleTopInfo.liveUpdates:before {
        height: calc(100% + 20px);
        -webkit-transform: translate(-50%, -16px);
        transform: translate(-50%, -16px)
    }
    .longForm .longFormContainer--large {
        width: 100%;
        left: 0;
        margin-left: 0
    }
    .longFormHero--full .longFormHero__image {
        min-height: 200px
    }
    .longFormHero--full .longFormHero__image figure,
    .longFormHero--full .longFormHero__image img,
    .longFormHero--full .longFormHero__image picture {
        height: auto;
        min-height: 200px
    }
    .protoselidoInner {
        margin-top: 24px;
        padding: 0 32px
    }
    .arrows a {
        width: 24px;
        height: 24px;
        font-size: 14px;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media (max-width:479px) {
    :root {
        --formMaxWidthS: 100%
    }
    .cntTxt .banner-container {
        margin: 30px auto;
        float: none
    }
    .sideBanner {
        width: 100%
    }
    .content.details .related article {
        width: 100%
    }
    .content.details .related article:nth-child(4) {
        display: none
    }
    .liveVideo .title {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
    time.lgTime {
        font-size: 16px
    }
    .blueArt h3 {
        font-size: 22px
    }
    .blueArt .txt,
    .blueArt .txt p {
        font-size: 13px
    }
    address {
        font-size: 13px
    }
    .captcha .input {
        max-width: 100%;
        display: block
    }
    .content .info {
        padding: 35px 15px 20px 15px
    }
    .content .info hr {
        margin: 22px 0
    }
    .content .info hr:after {
        width: calc(100% + 15px)
    }
    .content hr {
        margin: 30px 0
    }
    .fixedShare .at-resp-share-element .at-share-btn {
        width: 44px
    }
    .section.featImg figure {
        padding-top: 130%
    }
    .btnWrap {
        --buttonsMargin: 4px;
        align-items: center;
        flex-direction: column
    }
    .btnWrap--sMarginTop {
        margin-top: 16px
    }
    .btnWrap>a:not(:last-child),
    .btnWrap>button:not(:last-child) {
        margin-bottom: var(--buttonsMarginV)
    }
    .btnWrap>a:not(:first-child),
    .btnWrap>button:not(:first-child) {
        margin-top: var(--buttonsMarginV)
    }
    .publicationsSection .gridBox--cols3 {
        grid-template-columns: 1fr
    }
    .gridBox--cols4Small {
        grid-template-columns: 1fr
    }
    body:not(.navOpened) .navWrp {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .navWrp {
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .aside .tabsHeader,
    .newsFeedSection .tabsHeader {
        justify-content: space-between
    }
    .pageNav ul,
    .showMore ul {
        gap: 12px
    }
    .showMore ul {
        margin-top: 12px
    }
}

@media (max-width:399px) {
    .leftSect .nav__title {
        display: none
    }
}

@media (hover:hover) and (pointer:fine) {
    .trigerTool:hover .tooltip {
        visibility: visible;
        opacity: 1
    }
    .sitemap a:hover {
        margin-left: 15px;
        color: #9f1f18
    }
    .sitemap a:hover:before {
        opacity: 1
    }
    .fixedShare .at-resp-share-element .at-share-btn:hover {
        background: #f47b23 !important
    }
    .fixedShare .at-resp-share-element .at-share-btn:hover .at-icon {
        fill: #fff !important
    }
    .fixedShare #at_hover.atm-s a:hover,
    .fixedShare .atm-s a:hover {
        background: #9f1f18;
        color: #fff !important
    }
    .wrp .at-resp-share-element .at-share-btn:hover .at-icon {
        fill: #00448c !important
    }
    .js_closeCookies:hover i {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    .cntTxt a:hover {
        color: #3f688d;
        text-decoration: none
    }
    .section--lightblue .btn:hover,
    .section--lightblue a.btn:hover {
        background: #cb4f6f
    }
    .articleContainer__main .cnt:nth-child(1):not(.liveCol__content) a:hover,
    .articleContainer__main .cnt:nth-child(3) a:hover,
    .articleContainer__main .infoContent a:hover,
    .articleTopInfo h3 a:hover,
    .longForm .longFormContainer .infoContent a:hover,
    .longForm>.cnt a:hover,
    .simpleContent a:hover,
    p a:hover {
        background-image: linear-gradient(transparent 12px, #d9e4ee 0)
    }
    a:hover {
        color: #455264
    }
    .leftSect .nav a:hover {
        color: #000
    }
    .openSearch:hover {
        color: #455264
    }
    .typeBlog article figure .comment:hover {
        color: #fff
    }
    .genericSection article .categ:hover,
    .searchResults article .categ:hover {
        color: #455264;
        background-color: #e6ecf2
    }
    article .social .at-share-btn-elements .at-share-btn:hover .at-icon {
        fill: #455264 !important
    }
    article .comment:hover {
        color: #455264
    }
    .black article .comment:hover,
    .blue article .comment:hover,
    .whiteColors article .comment:hover {
        color: #fff
    }
    .typeBlog article h4 a:hover {
        color: #455264
    }
    .typeLatest article a:hover,
    .typeStory article a:hover {
        color: #d3d6da
    }
    .black article a:hover,
    .blue article a:hover,
    .whiteColors article a:hover {
        color: #d3d6da
    }
    .linkButton:hover {
        color: #455264
    }
    .linkButton:hover span {
        padding-left: 4px
    }
    .black .linkButton:hover,
    .blue .linkButton:hover {
        color: #d3d6da
    }
    button.linkButton--orange:hover {
        color: #fff;
        background-color: #455264
    }
    button.linkButton--orange:hover>span {
        padding: 0
    }
    .btn:hover,
    .submit input:hover {
        background-color: #455264;
        border-color: #455264;
        color: #fff
    }
    body .ui-datepicker .ui-datepicker-next:hover,
    body .ui-datepicker .ui-datepicker-prev:hover {
        color: #455264
    }
    body .ui-datepicker td a:hover {
        color: #455264
    }
    body .ui-datepicker td a.ui-state-active:hover {
        color: #fff
    }
    body .ui-datepicker td a.ui-state-highlight:hover {
        color: #fff
    }
    .comCnt .btm a:hover {
        color: #455264
    }
    .comment-reply .cancel:hover {
        color: #02478f
    }
    .bubble:hover {
        color: #fff;
        background-color: #455264
    }
    .gameSlider__button:hover {
        background-color: #f47b23;
        color: #000
    }
    .mainNav ul li a:hover,
    .navMore ul li a:hover {
        color: #000
    }
    .mainNav .title a:hover,
    .mainNav .title span:hover,
    .navMore .title a:hover,
    .navMore .title span:hover {
        color: #455264
    }
    .mainNav .title span:hover,
    .navMore .title span:hover {
        color: #000
    }
    .closeModal:hover {
        color: #455264
    }
    .social a:hover {
        border-color: #455264
    }
    body .at-resp-share-element .at-share-btn:hover svg {
        fill: #455264 !important
    }
    .backToTop:hover {
        background-color: #455264
    }
    .searchInp .input .searchSubmit input:hover {
        color: #455264
    }
    .closeSearch:hover {
        color: #455264
    }
    .searchInp .submit:hover {
        color: #000
    }
    .searchInput .btn:hover {
        background-color: transparent;
        color: #455264
    }
    .happensNow .itemTitle a:hover {
        color: rgba(255, 255, 255, .8)
    }
    .main-slider-news_thumbs .item:hover:before {
        opacity: .8
    }
    .main-slider-news_thumbs .item.active:hover:before {
        opacity: 1
    }
    .sliderStories__button:hover {
        color: #fff;
        background-color: #000
    }
    .mainSlider__button:hover {
        color: #455264
    }
    .gallerySlider__button:hover {
        color: #fff;
        background-color: #000
    }
    .aside .tabsHeader span:hover,
    .newsFeedSection .tabsHeader span:hover {
        color: #000
    }
    .pageNav a:hover,
    .showMore a:hover {
        background-color: #000;
        color: #fff
    }
    .tvPlayer__title a:hover {
        color: #d3d6da
    }
    .tabsHeader span:hover {
        color: #02478f
    }
    .fieldSearch .submit:hover {
        color: #455264
    }
    .articleInfo .comment:hover {
        color: #455264
    }
    .withZoom:hover:before {
        opacity: 1
    }
    .popupContainer .closeZoom:hover {
        background-color: #000;
        color: #fff
    }
    .articleTopBar__text:is(a):hover {
        color: #455264
    }
    .articleTopBar--light .articleTopBar__text:is(a):hover {
        color: #acb1b8
    }
    .info .link:hover {
        color: #455264
    }
    .info .link:hover:after {
        padding-left: 4px
    }
    .longFormHero .articleInfo .comment:hover {
        color: #f47b23
    }
    .longFormHero--dark .tags a:hover {
        color: #e6ecf2
    }
    .longFormHero--dark .articleInfo .comment:hover {
        color: #f47b23
    }
    .listwrp a:hover {
        background-color: #e6ecf2;
        color: #000
    }
    .arrows a:hover {
        background-color: #000;
        color: #fff
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .article:not(.vertical) article {
        display: block
    }
    .content.details .related article {
        display: block
    }
    .fixedElem.fixedShare.fixedbtm .cnt,
    .logo,
    .logo img {
        transition: none
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    button,
    input[type=button],
    input[type=reset],
    input[type=submit] {
        -webkit-appearance: button
    }
    input[type=password]:focus,
    input[type=text]:focus,
    textarea:focus {
        outline: 0 none
    }
    textarea {
        resize: none
    }
    input[type=checkbox],
    input[type=radio] {
        vertical-align: -2px
    }
    input[type=search] {
        -webkit-appearance: textfield
    }
    input[type=search]::-webkit-search-cancel-button {
        -webkit-appearance: none
    }
}