.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s, opacity .4s;
    background-color: #37b6f2;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

.page-enter-active, .page-leave-active {
    transition: all .3s
}

.page-enter, .page-leave-active {
    opacity: 0;
    transform: scale(0)
}

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

* {
    outline: none
}

body, html {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 15px;
    color: #343434;
    --color-black: #151515;
    --color-red: #eb3733;
    --color-blue: #37b6f2;
    --color-gray: #fafcfc
}

body {
    transition: all .3s;
    line-height: 1.15
}

body .nuxt-progress {
    z-index: 999999999999
}

#site {
    padding-top: 0
}

#site.show-menu {
    padding-top: 40px
}

@media screen and (max-width: 768px) {
    #site.show-menu {
        padding-top: 40px
    }
}

#site.show-menu #menu {
    top: 0
}

#site.show-menu .p-banner-bettery {
    top: 40px !important
}

@media screen and (max-width: 768px) {
    #site.show-menu .p-banner-bettery {
        top: 0 !important
    }
}

#site .p-banner-bettery {
    top: 0 !important
}

#site #menu {
    top: -40px
}

#site.full-menu {
    padding-top: 40px
}

a {
    color: var(--color-blue)
}

img[lazy=loading] {
    width: 30px
}

#content-area {
    height: 100vh
}

#content-area .p-banner {
    transition: all .5s;
    background-size: cover;
    background-position: 0 0;
    position: fixed;
    top: 40px;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    border: none;
    cursor: pointer
}

#content-area .p-banner.bettery {
    background-position: 0 -15px;
    background-repeat: no-repeat
}

@media screen and (max-width: 414px) {
    #content-area .p-banner.bettery {
        position: relative;
        background-position: 0 -13px;
        background-size: cover
    }
}

@media screen and (max-width: 375px) {
    #content-area .p-banner.bettery {
        position: relative;
        background-position: 50% 0;
        background-size: 190%;
        margin-top: -10vw
    }
}

@media screen and (max-width: 320px) {
    #content-area .p-banner.bettery {
        position: relative;
        background-position: 0 0;
        background-size: contain
    }
}

#content-area .p-banner.outsource {
    top: -42px;
    height: calc(100% + 200px)
}

@media screen and (max-width: 576px) {
    #content-area .p-banner.outsource {
        position: relative;
        margin-bottom: -40px
    }
}

@media screen and (max-width: 576px) {
    #content-area .p-banner {
        height: 90px;
        position: relative;
        top: 0
    }
}

@media screen and (max-width: 576px) {
    #content-area .p-banner.betchaiser {
        height: 90px;
        position: fixed;
        bottom: 0;
        z-index: 9999;
        left: 0;
        top: unset
    }
}

#content-area .p-banner .close-cat-fish {
    fill: #fff;
    position: absolute;
    z-index: 9999;
    right: 5px;
    top: -12px;
    display: none
}

@media screen and (max-width: 576px) {
    #content-area .p-banner .close-cat-fish {
        display: block
    }
}

#content-area .p-banner a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

#content-area .container {
    padding: 15px 16px;
    background-color: #f0f0f0;
    position: relative;
    z-index: 2;
    width: 80%;
    margin: auto
}

@media screen and (max-width: 768px) {
    #content-area .container {
        width: 100%;
        padding: 15px 0
    }
}

#content-area .container #content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

#content-area .container #content iframe {
    max-width: 100%
}

#content-area .container #content button.loadmore {
    background: #304591;
    color: #fff;
    padding: 8px 50px;
    border: 0;
    margin-top: 12px;
    margin-bottom: 16px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    transition: all .3s;
    font-size: 15px
}

#content-area .container #content button.loadmore:hover {
    opacity: .7
}

#content-area .container #content main {
    width: calc(70% - 7.5px)
}

@media screen and (max-width: 768px) {
    #content-area .container #content main {
        width: calc(60% - 7.5px)
    }
}

@media screen and (max-width: 576px) {
    #content-area .container #content main {
        width: 100%
    }
}

#content-area .container #content main img {
    max-width: 100%;
    height: unset
}

#content-area .container #content main .post-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#content-area .container #content main .post-list .post {
    position: relative;
    margin-bottom: 15px
}

#content-area .container #content main .post-list .post .tags {
    text-align: right
}

#content-area .container #content main .post-list .post .post-content {
    position: relative;
    background-size: cover;
    background-position: 50%;
    display: flex;
    align-items: flex-end;
    transition: all .3s;
    background-blend-mode: color
}

#content-area .container #content main .post-list .post .post-content:before {
    content: "";
    padding-top: 75%;
    display: block
}

#content-area .container #content main .post-list .post .post-content:hover {
    background-color: rgba(0, 0, 0, .2)
}

#content-area .container #content main .post-list .post .post-content a {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#content-area .container #content main .post-list .post .post-content p {
    font-weight: 700;
    color: #fff;
    font-size: 1.4vw;
    line-height: 1.5vw;
    padding: 35px 32px 20px;
    margin: 0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .1) 10%, rgba(0, 0, 0, .9));
    width: 100%;
    height: 50%;
    display: flex;
    align-items: flex-end
}

@media screen and (min-width: 2560px) {
    #content-area .container #content main .post-list .post .post-content p {
        background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8))
    }
}

@media screen and (max-width: 768px) {
    #content-area .container #content main .post-list .post .post-content p {
        font-size: 14px;
        line-height: 1
    }
}

#content-area .container #content main .post-list .post.post-half {
    width: calc(50% - 7.5px)
}

@media screen and (max-width: 768px) {
    #content-area .container #content main .post-list .post.post-half {
        width: 100%
    }
}

#content-area .container #content main .post-list .post.post-full {
    width: 100%
}

#content-area .container #content main .post-list .post.post-full .post-content:before {
    padding-top: 40% !important
}

#content-area .container #content main .post-list .post .post-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

#content-area .container #content main .post-list .post .post-header .category {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    min-width: 120px;
    width: 120px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

#content-area .container #content main .post-list .post .post-header .tags a {
    padding: 0 2px;
    display: none;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400
}

#content-area .container #content main .post-list .post .post-header .tags a:first-child, #content-area .container #content main .post-list .post .post-header .tags a:nth-child(2) {
    display: inline-block
}

@media screen and (max-width: 1024px) {
    #content-area .container #content main .post-list .post .post-header .tags a:nth-child(2) {
        display: none
    }
}

@media screen and (max-width: 576px) {
    #content-area .container #content main .post-list .post .post-header .tags a:nth-child(2) {
        display: inline-block
    }
}

#content-area .container #content aside {
    width: calc(30% - 7.5px)
}

@media screen and (max-width: 768px) {
    #content-area .container #content aside {
        width: calc(40% - 7.5px)
    }
}

#content-area .container #content aside .sidebar .news-nav {
    display: flex
}

#content-area .container #content aside .sidebar .news-nav span {
    background-color: #8e8e8e;
    color: #fff;
    padding: 8px 32px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    transition: all .3s;
    width: 50%;
    text-align: center
}

#content-area .container #content aside .sidebar .news-nav span.active {
    background-color: var(--color-blue);
    box-shadow: 3px 2px 6px -3px rgba(0, 0, 0, .5)
}

#content-area .container #content aside .sidebar .news-nav span:hover {
    box-shadow: 3px 2px 6px -3px rgba(0, 0, 0, .5)
}

#content-area .container #content aside .sidebar .news-list {
    background: #fff;
    display: flex;
    flex-direction: column
}

#content-area .container #content aside .sidebar .news-list .news {
    padding-top: 10px;
    padding-bottom: 3px;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #ccc
}

#content-area .container #content aside .sidebar .news-list .news:hover {
    background: #f2f2f2
}

#content-area .container #content aside .sidebar .news-list .news .date {
    color: #1d1d1d;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 400;
    min-width: 83px;
    max-width: 83px;
    width: 83px;
    text-align: center;
    color: grey
}

#content-area .container #content aside .sidebar .news-list .news .date div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#content-area .container #content aside .sidebar .news-list .news .date div svg {
    width: 20px
}

#content-area .container #content aside .sidebar .news-list .news .news-content {
    padding-left: 6px;
    padding-right: 12px;
    padding-bottom: 10px
}

#content-area .container #content aside .sidebar .news-list .news .news-content .tags a {
    padding: 0 2px;
    display: none;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    margin: 0
}

#content-area .container #content aside .sidebar .news-list .news .news-content .tags a:first-child, #content-area .container #content aside .sidebar .news-list .news .news-content .tags a:nth-child(2) {
    display: inline-block
}

#content-area .container #content aside .sidebar .news-list .news .news-content a {
    font-size: 16px;
    color: #1d1d1d;
    margin: 0;
    text-decoration: none;
    display: block
}

@media screen and (max-width: 576px) {
    #content-area .container #page #content {
        flex-direction: column
    }
}

#content-area .container #page #content .twitter-tweet {
    margin: auto !important;
    display: block !important
}

@media screen and (max-width: 576px) {
    #content-area .container #page #content aside {
        width: 100%
    }
}

#content-area .container #page .breadcrumbs {
    color: #353b93;
    font-weight: 400;
    width: calc(100% + 30px);
    position: relative;
    left: -15px;
    background: #fff;
    top: -15px;
    display: block;
    padding: 15px
}

@media screen and (max-width: 768px) {
    #content-area .container #page .breadcrumbs {
        padding: 15px 16px;
        width: 100%;
        left: 0
    }
}

#content-area .container #page .breadcrumbs span {
    display: inline-block;
    vertical-align: middle
}

#content-area .container #page .breadcrumbs span:not(:last-child):after {
    content: "/";
    display: inline-block;
    padding: 0 5px
}

#content-area .container #page .breadcrumbs span h1 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #353b93;
    display: inline
}

@media screen and (max-width: 576px) {
    #content-area .container #page .breadcrumbs span h1 {
        line-height: 18px
    }
}

#content-area .container #page .breadcrumbs span a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #353b93
}

#content-area .container #page .breadcrumbs ol {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

#content-area .container #page .breadcrumbs ol li {
    display: inline-block;
    vertical-align: middle
}

#content-area .container #page .breadcrumbs ol li:not(:last-child):after {
    content: "/";
    display: inline-block;
    padding: 0 5px
}

#content-area .container #page .breadcrumbs ol li h1 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #353b93;
    display: inline
}

@media screen and (max-width: 576px) {
    #content-area .container #page .breadcrumbs ol li h1 {
        line-height: 18px
    }
}

#content-area .container #page .breadcrumbs ol li a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #353b93
}

#content-area .container #page .article-feed {
    width: calc(70% - 7.5px)
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed {
        width: 100%
    }
}

#content-area .container #page .article-feed .comments form {
    padding: 0 15px;
    display: flex;
    align-items: center
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .comments form {
        padding: 0;
        flex-direction: column;
        align-items: flex-start
    }
}

#content-area .container #page .article-feed .comments form .top {
    display: flex;
    align-items: center
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .comments form .top {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

#content-area .container #page .article-feed .comments form .top input {
    border: 2px solid #00a3ff;
    border-radius: 5px;
    padding: 8px 15px;
    font-size: 15px;
    margin-right: 10px;
    height: 43.5px
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .comments form .top input {
        order: 2;
        margin-right: 0;
        width: 60%
    }
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .comments form .top .Rate {
        order: 1;
        margin-bottom: 7px
    }
}

#content-area .container #page .article-feed .comments form .top .Rate button .icon {
    width: 20px !important;
    height: 20px !important
}

#content-area .container #page .article-feed .comments form .text {
    width: 100%;
    position: relative
}

#content-area .container #page .article-feed .comments form .text textarea {
    border: 2px solid #00a3ff;
    border-radius: 5px;
    font-size: 15px;
    width: 100%;
    transition: all .3s;
    height: 43.5px;
    padding: 8px 40px 8px 15px;
    resize: none
}

#content-area .container #page .article-feed .comments form .text textarea:focus {
    height: 100px
}

#content-area .container #page .article-feed .comments form .text button {
    position: absolute;
    border: 2px solid #00a3ff;
    border-radius: 5px;
    right: 3px;
    bottom: 4px;
    height: 37px;
    width: 37px;
    display: flex;
    align-items: center;
    justify-items: center;
    background: #00a3ff;
    color: #fff;
    transition: all .3s;
    cursor: pointer;
    z-index: 3
}

#content-area .container #page .article-feed .comments form .text button svg {
    stroke: #fff;
    transition: all .3s
}

#content-area .container #page .article-feed .comments form .text button:hover {
    background: #00a3ff;
    color: #fff
}

#content-area .container #page .article-feed .comments form .text button:hover svg {
    stroke: #fff
}

#content-area .container #page .article-feed .comments ul {
    padding: 0;
    list-style: none
}

#content-area .container #page .article-feed .comments ul li:not(:last-child) {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

#content-area .container #page .article-feed .comments ul li .name {
    font-size: 25px;
    font-weight: 700;
    display: flex;
    align-items: center;
    line-height: 1
}

#content-area .container #page .article-feed .comments ul li .name .Rate {
    cursor: default;
    position: relative;
    padding: 0;
    left: 0;
    transform: scale(.8)
}

#content-area .container #page .article-feed .comments ul li .info .dt {
    font-size: 13px;
    margin-right: 5px;
    opacity: .5
}

#content-area .container #page .article-feed .comments ul li .text {
    font-style: italic;
    margin-top: 10px
}

#content-area .container #page .article-feed .faq ol {
    list-style: none;
    counter-reset: list 0
}

#content-area .container #page .article-feed .faq ol li {
    position: relative;
    margin-bottom: 10px
}

#content-area .container #page .article-feed .faq ol li:before {
    counter-increment: list;
    content: counter(list) "";
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #2e3847;
    position: absolute;
    left: -33px;
    top: 20px
}

#content-area .container #page .article-feed .faq ol li.active .question {
    color: #fff;
    background: #00a3ff
}

#content-area .container #page .article-feed .faq ol li.active .question svg {
    transform: rotate(180deg)
}

#content-area .container #page .article-feed .faq ol li.active:before {
    color: #00a3ff
}

#content-area .container #page .article-feed .faq ol li .question {
    display: flex;
    align-items: center;
    border: 3px solid #00a3ff;
    padding: 11px 25px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    justify-content: space-between;
    cursor: pointer
}

#content-area .container #page .article-feed .faq ol li .question span {
    width: 70%
}

#content-area .container #page .article-feed .faq ol li .question svg {
    transition: all .3s
}

#content-area .container #page .article-feed .faq ol li .answer {
    padding: 0 28px;
    width: 100%
}

#content-area .container #page .article-feed .faq ol li .answer p {
    margin: 0;
    padding: 25px 0
}

#content-area .container #page .article-feed .faq ol li ul li:before {
    display: none
}

#content-area .container #page .article-feed #plus-minus {
    margin: 35px 0;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 10px;
    gap: 10px
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed #plus-minus {
        grid-template-columns:100%
    }
}

#content-area .container #page .article-feed #plus-minus .cap {
    display: flex;
    align-items: center;
    color: #2e3847;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px
}

#content-area .container #page .article-feed #plus-minus .cap .icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 3px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px
}

#content-area .container #page .article-feed #plus-minus ul {
    list-style: none;
    padding: 0 0 0 8px
}

#content-area .container #page .article-feed #plus-minus ul li {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #2e3847;
    margin-bottom: 10px
}

#content-area .container #page .article-feed #plus-minus ul li svg {
    margin-right: 10px;
    min-width: 10px
}

#content-area .container #page .article-feed #plus-minus .plus {
    width: 100%;
    background: rgba(137, 203, 96, .5);
    border-radius: 3px;
    padding: 10px
}

#content-area .container #page .article-feed #plus-minus .minus {
    width: 100%;
    background: hsla(0, 100%, 90%, .5);
    border-radius: 3px;
    padding: 10px
}

#content-area .container #page .article-feed #kcmenu tbody {
    display: grid;
    grid-template-columns:1fr 1fr;
    height: unset !important
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed #kcmenu tbody {
        grid-template-columns:100%
    }
}

#content-area .container #page .article-feed #kcmenu tbody tr:not(:last-child) {
    padding-bottom: 5px
}

#content-area .container #page .article-feed #kcmenu tbody td {
    display: flex
}

#content-area .container #page .article-feed #kcmenu tbody br {
    display: none
}

#content-area .container #page .article-feed article {
    width: 100% !important;
    padding-bottom: 8px;
    position: relative
}

#content-area .container #page .article-feed article .oglav tbody {
    display: grid;
    grid-template-columns:1fr 1fr;
    height: unset !important
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed article .oglav tbody {
        grid-template-columns:1fr
    }
}

#content-area .container #page .article-feed article .oglav tbody tr:not(:last-child) {
    padding-bottom: 5px
}

#content-area .container #page .article-feed article .table-style {
    background: #fff
}

#content-area .container #page .article-feed article .table-style tr {
    display: grid;
    grid-template-columns:220px 1fr;
    height: unset !important
}

#content-area .container #page .article-feed article .table-style tr:not(:last-child) {
    border-bottom: 1px solid #eee
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed article .table-style tr {
        grid-template-columns:1fr
    }
}

#content-area .container #page .article-feed article .table-style tr td {
    width: unset !important;
    height: unset !important;
    padding: 15px 10px
}

#content-area .container #page .article-feed article .table-style tr td span {
    color: #999 !important
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed article .table-style tr td:first-child {
        padding-bottom: 0
    }
}

#content-area .container #page .article-feed article .table-style tr td:first-child span {
    color: #666 !important;
    font-weight: 700 !important
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed article .table-style tr td:last-child {
        padding-top: 5px
    }
}

/*#content-area .container #page .article-feed article div {*/
/*    max-width: 100%*/
/*}*/

#content-area .container #page .article-feed article div.gallery {
    display: grid;
    overflow-x: scroll;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-template-columns:repeat(5, 1fr);
    grid-gap: 10px;
    gap: 10px
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed article div.gallery {
        grid-template-columns:repeat(2, 1fr)
    }
}

#content-area .container #page .article-feed article div.gallery img {
    width: 100%
}

#content-area .container #page .article-feed article div.gallery br {
    display: none
}

#content-area .container #page .article-feed article div.gallery .gallery-item {
    float: unset;
    margin: 0;
    width: unset
}

#content-area .container #page .article-feed article:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: calc(100% + 32px);
    border-bottom: 1px dashed #979797;
    left: -16px
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed article:before {
        width: calc(100% + 16px) !important
    }
}

#content-area .container #page .article-feed article .embed-block {
    display: flex;
    justify-content: center;
    position: relative
}

#content-area .container #page .article-feed article .embed-block iframe {
    position: relative;
    display: block;
    max-width: 95%
}

#content-area .container #page .article-feed article .embed-block .twitter-tweet iframe {
    margin: auto
}

#content-area .container #page .article-feed .additation-article .post-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#content-area .container #page .article-feed .additation-article .post-list article {
    width: calc(50% - 7.5px) !important
}

#content-area .container #page .article-feed .additation-article .post-list article:before {
    display: none !important
}

#content-area .container #page .article-feed .additation-article .post-list article .post-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#content-area .container #page .article-feed .additation-article .post-list article .post-header .category {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    min-width: 120px;
    width: 120px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

#content-area .container #page .article-feed .additation-article .post-list article .post-header .tags {
    text-align: right
}

#content-area .container #page .article-feed .additation-article .post-list article .post-header .tags a {
    display: none
}

#content-area .container #page .article-feed .additation-article .post-list article .post-header .tags a:first-child, #content-area .container #page .article-feed .additation-article .post-list article .post-header .tags a:nth-child(2) {
    display: inline-block
}

#content-area .container #page .article-feed .additation-article .post-list article .post-content {
    position: relative;
    background-size: cover;
    background-position: 50%;
    display: flex;
    align-items: flex-end;
    transition: all .3s;
    background-blend-mode: color
}

#content-area .container #page .article-feed .additation-article .post-list article .post-content:before {
    content: "";
    padding-top: 75%;
    display: block
}

#content-area .container #page .article-feed .additation-article .post-list article .post-content:hover {
    background-color: rgba(0, 0, 0, .2)
}

#content-area .container #page .article-feed .additation-article .post-list article .post-content a {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#content-area .container #page .article-feed .additation-article .post-list article .post-content p {
    font-weight: 700;
    color: #fff;
    font-size: 1.4vw;
    line-height: 1.5vw;
    padding: 8px 32px;
    margin: 0;
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .68));
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .additation-article .post-list article .post-content p {
        font-size: 17px;
        line-height: 18px;
        padding: 8px
    }
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .additation-article .post-list article .post-content {
        height: 175px
    }
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .additation-article .post-list article {
        width: 100% !important
    }
}

#content-area .container #page .article-feed .post-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    padding-bottom: 16px
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .post-bottom {
        flex-direction: column;
        align-content: center;
        justify-content: center
    }
}

#content-area .container #page .article-feed .post-bottom .share-block-footer {
    background: rgba(0, 0, 0, .3);
    height: 58px
}

#content-area .container #page .article-feed .post-bottom .share-block-footer ul {
    display: flex;
    padding-left: 0
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .post-bottom .share-block-footer ul {
        justify-content: space-between
    }
}

#content-area .container #page .article-feed .post-bottom .share-block-footer ul li {
    list-style: none
}

#content-area .container #page .article-feed .post-bottom .share-block-footer ul li a {
    padding-left: 16px;
    padding-right: 16px;
    cursor: pointer
}

#content-area .container #page .article-feed .post-bottom .share-block-footer ul li a svg {
    width: 25px;
    height: 25px;
    transition: all .3s
}

#content-area .container #page .article-feed .post-bottom .share-block-footer ul li a svg g {
    transition: all .3s
}

#content-area .container #page .article-feed .post-bottom .share-block-footer ul li a svg g:hover {
    opacity: 1
}

#content-area .container #page .article-feed .post-bottom .like-post {
    display: flex;
    align-items: flex-end;
    padding-bottom: 8px
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .post-bottom .like-post {
        justify-content: center;
        padding-top: 15px;
        padding-bottom: 0
    }
}

#content-area .container #page .article-feed .post-bottom .like-post .dislike-count, #content-area .container #page .article-feed .post-bottom .like-post .like-count {
    background: #304591;
    color: #fff;
    height: 30px;
    width: 30px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px
}

#content-area .container #page .article-feed .post-bottom .like-post .dislike-count {
    background: #c00;
    margin-left: 15px
}

#content-area .container #page .article-feed .post-bottom .like-post .dislike-post-btn {
    font-size: 0;
    cursor: pointer
}

#content-area .container #page .article-feed .news-link {
    margin-top: 16px;
    display: flex;
    padding: 15px 16px;
    align-items: center;
    background: #f6ddae;
    justify-content: space-between;
    width: calc(100% + 32px);
    position: relative;
    left: -16px
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .news-link {
        flex-wrap: wrap
    }
}

#content-area .container #page .article-feed .news-link div {
    display: flex;
    align-items: center;
    flex: 2
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .news-link div {
        width: 100%;
        margin-bottom: 5px
    }
}

#content-area .container #page .article-feed .news-link div svg {
    margin-right: 10px
}

#content-area .container #page .article-feed .post-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    flex-wrap: wrap
}

#content-area .container #page .article-feed .post-footer .tags {
    flex: 1;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

#content-area .container #page .article-feed .post-footer .source {
    width: auto;
    text-align: right
}

#content-area .container #page .article-feed .post-footer .source a {
    font-weight: 700;
    text-decoration: none
}

#content-area .container #page .article-feed .post-image {
    position: relative;
    width: 100%;
    min-height: 58px
}

@media screen and (max-height: 45px) {
    #content-area .container #page .article-feed .post-image {
        min-height: 45px
    }
}

#content-area .container #page .article-feed .post-image img {
    width: 100%;
    height: auto
}

#content-area .container #page .article-feed .post-image .Rate {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .51);
    height: 58px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .post-image .Rate {
        position: absolute;
        left: unset;
        top: 45px;
        height: 45px;
        right: 0
    }
}

#content-area .container #page .article-feed .post-image .Rate button {
    cursor: default
}

#content-area .container #page .article-feed .post-image .Rate button .icon {
    display: inline-block;
    width: 19px;
    height: 19px
}

#content-area .container #page .article-feed .share-block {
    position: absolute;
    width: 228px;
    overflow: hidden;
    top: 0;
    right: 0;
    background: hsla(0, 0%, 100%, .4902);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 0;
    height: 58px
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .share-block {
        height: 45px;
        width: 152px
    }
}

#content-area .container #page .article-feed .share-block * {
    transition: all .3s
}

#content-area .container #page .article-feed .share-block:hover .sh-wrap {
    left: -100%
}

#content-area .container #page .article-feed .share-block:hover li a {
    margin-left: 0
}

#content-area .container #page .article-feed .share-block:hover li:first-of-type a {
    transition-delay: .3s
}

#content-area .container #page .article-feed .share-block:hover li:nth-of-type(2) a {
    transition-delay: .2s
}

#content-area .container #page .article-feed .share-block:hover li:nth-of-type(3) a {
    transition-delay: .1s
}

#content-area .container #page .article-feed .share-block:hover li:nth-of-type(4) a {
    transition-delay: 0s
}

#content-area .container #page .article-feed .share-block .sh-wrap {
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    cursor: pointer;
    left: 0;
    transition-duration: .5s
}

#content-area .container #page .article-feed .share-block .sh-wrap svg {
    margin-right: 15px
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .share-block .sh-wrap {
        left: -100%
    }
}

#content-area .container #page .article-feed .share-block ul {
    display: flex;
    padding-left: 0
}

#content-area .container #page .article-feed .share-block ul li {
    list-style: none
}

#content-area .container #page .article-feed .share-block ul li a {
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -15px;
    cursor: pointer
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .share-block ul li a {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0
    }
}

#content-area .container #page .article-feed .share-block ul li a svg {
    width: 25px;
    height: 25px;
    transition: all .3s
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .share-block ul li a svg {
        width: 18px;
        height: 18px
    }
}

#content-area .container #page .article-feed .share-block ul li a svg g {
    transition: all .3s
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .share-block ul li a svg g {
        opacity: 1
    }
}

#content-area .container #page .article-feed .share-block ul li a svg g:hover {
    opacity: 1
}

#content-area .container #page .article-feed .share-block ul li a svg g path {
    fill: #000
}

#content-area .container #page .article-feed .page-content {
    padding: 16px;
    background: #fff
}

#content-area .container #page .article-feed .page-content img {
    max-width: 100%;
    height: unset
}

#content-area .container #page .article-feed .page-content h1 {
    color: #000;
    font-size: 25px;
    font-weight: 700;
    padding-bottom: 16px;
    margin-top: 0;
    margin-bottom: 0
}

#content-area .container #page .article-feed .page-content article {
    line-height: 22px;
    text-align: justify
}

#content-area .container #page .article-feed .page-content .post-entity {
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin-bottom: 15px
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .page-content .post-entity {
        align-content: flex-start;
        flex-direction: column
    }
}

#content-area .container #page .article-feed .page-content .post-entity .entity-data {
    color: rgba(0, 0, 0, .5);
    font-size: 16px;
    font-weight: 400
}

#content-area .container #page .article-feed .page-content .post-entity .entity-data time {
    font-weight: 700
}

#content-area .container #page .article-feed .page-content .post-entity .entity-data .views {
    padding-left: 12px;
    padding-right: 5px
}

#content-area .container #page .article-feed .page-content .post-entity .entity-data .author {
    font-weight: 700;
    font-size: 16px;
    padding-left: 50px
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .page-content .post-entity .entity-data .author {
        padding-left: 0;
        margin: 3px 0;
        display: block
    }
}

#content-area .container #page .article-feed .page-content .post-entity .entity-data .author a {
    color: #21aeff;
    text-decoration: none
}

#content-area .container #page .article-feed .page-content .post-entity .image-source {
    color: rgba(0, 0, 0, .51);
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    position: relative
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .page-content .post-entity .image-source {
        align-items: flex-start;
        top: 0;
        flex-direction: column
    }
}

#content-area .container #page .article-feed .page-content .post-entity .image-source .raiting-block {
    display: flex;
    align-items: center;
    margin-left: 10px
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .page-content .post-entity .image-source .raiting-block {
        margin-left: 10px
    }
}

#content-area .container #page .article-feed .page-content .post-entity .image-source .raiting-block .rate-cap {
    font-size: 13px;
    display: block;
    width: 85px;
    text-align: right
}

@media screen and (max-width: 576px) {
    #content-area .container #page .article-feed .page-content .post-entity .image-source .raiting-block .rate-cap {
        text-align: left
    }
}

#content-area .container #page .article-feed .page-content .post-entity .image-source .raiting-block .raiting-value {
    color: #efc20f;
    font-weight: 700;
    font-size: 25px
}

#content-area .container #page .article-feed .page-content .post-entity .image-source .raiting-block .Rate {
    padding: 0;
    height: 15px;
    width: 155px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

#content-area .container #page .article-feed .page-content .post-entity .image-source .raiting-block .Rate:hover .Rate__view {
    opacity: 1
}

#content-area .container #page .article-feed .page-content .post-entity .image-source .raiting-block .Rate .Rate__star {
    position: relative;
    order: 2
}

#content-area .container #page .article-feed .page-content .post-entity .image-source .raiting-block .Rate .Rate__view {
    opacity: 0;
    font-size: 13px;
    order: 1;
    position: relative
}

#content-area .container #page .article-feed .page-content .tags {
    padding-top: 16px;
    padding-bottom: 16px
}

#content-area .container #page .article-feed .page-content .tags a {
    padding-right: 5px;
    text-decoration: none
}

#content-area .container #page .article-feed .page-content .tags a:hover {
    text-decoration: underline
}

#content-area footer {
    background-color: #1a1a1a;
    padding-top: 20px;
    padding-bottom: 35px;
    width: 80%;
    margin: auto;
    z-index: 1;
    position: relative
}

@media screen and (max-width: 768px) {
    #content-area footer {
        width: 100%
    }
}

#content-area footer .row {
    display: flex;
    align-items: center
}

@media screen and (max-width: 768px) {
    #content-area footer .row {
        flex-direction: column;
        align-items: flex-start
    }
}

#content-area footer .row .f-logo {
    padding: 8px 0;
    width: 95px;
    text-align: center;
    background-color: #e50b1e
}

@media screen and (max-width: 768px) {
    #content-area footer .row .user {
        order: 2;
        padding-left: 5px;
        margin-top: 15px
    }
}

#content-area footer .row .social-links {
    margin-right: 20px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    #content-area footer .row .social-links {
        width: 100%;
        flex-wrap: wrap;
        order: 3;
        border: none;
        padding-left: 5px
    }
}

#content-area footer .row .social-links a {
    margin-left: 12px;
    margin-right: 12px;
    padding-left: 16px;
    padding-right: 16px;
    transition: all .3s
}

@media screen and (max-width: 768px) {
    #content-area footer .row .social-links a {
        width: 20%;
        padding: 0;
        margin: 5px 0 0
    }
}

#content-area footer .row .social-links a:hover svg g {
    opacity: 1
}

#content-area footer .row .social-links a svg g {
    transition: all .3s
}

#content-area footer .footer-content {
    display: flex;
    padding-left: 124px;
    padding-right: 124px;
    margin-top: 60px;
    justify-content: space-between;
    flex-wrap: wrap
}

@media screen and (max-width: 768px) {
    #content-area footer .footer-content {
        padding-left: 5px;
        padding-right: 5px;
        flex-direction: column
    }
}

#content-area footer .footer-content .footer-article-menu {
    width: 100%;
    display: flex;
    align-items: flex-start
}

@media screen and (max-width: 576px) {
    #content-area footer .footer-content .footer-article-menu {
        flex-direction: column
    }
}

#content-area footer .footer-content .footer-article-menu h3 {
    color: #a5a5a5
}

#content-area footer .footer-content .footer-article-menu ul {
    list-style: none;
    padding: 0
}

#content-area footer .footer-content .footer-article-menu ul li:not(:last-child) {
    margin-bottom: 10px
}

#content-area footer .footer-content .footer-article-menu ul li a {
    text-decoration: none
}

#content-area footer .footer-content .footer-article-menu .part:first-child {
    width: 300px
}

@media screen and (max-width: 576px) {
    #content-area footer .footer-content .footer-article-menu .part, #content-area footer .footer-content .footer-article-menu .part:first-child {
        width: 100%
    }
}

#content-area footer .footer-content .footer-article-menu .part.text {
    flex: 1;
    padding-left: 20px;
    padding-top: 0;
    color: #a5a5a5
}

@media screen and (max-width: 576px) {
    #content-area footer .footer-content .footer-article-menu .part.text {
        padding-left: 0
    }
}

#content-area footer .footer-content .footer-menu {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    flex-direction: column;
    height: 80px;
    width: 300px;
    margin: 6px 0
}

#content-area footer .footer-content .footer-menu li {
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px
}

#content-area footer .footer-content .footer-menu li a {
    color: #a5a5a5;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    margin-top: 0;
    margin-bottom: 0;
    transition: all .3s
}

#content-area footer .footer-content .info {
    width: calc(100% - 300px);
    color: #a5a5a5;
    font-size: 16px;
    font-weight: 400
}

@media screen and (max-width: 768px) {
    #content-area footer .footer-content .info {
        width: 100%
    }
}

#content-area footer .footer-content .info a {
    text-decoration: none;
    transition: all .3s
}

#content-area footer .footer-content .info a:hover {
    color: #fff
}

#content-area .bg-no-rubrick {
    background-color: #eee !important;
    color: #4a4a4a !important
}

#content-area .bg-travel {
    background-color: #92acf4 !important
}

#content-area .bg-other {
    background-color: #26c07f !important
}

#content-area .bg-stavki {
    background-color: #ac7807 !important
}

#content-area .bg-skiing, #content-area .bg-skis {
    background-color: #4a3de6 !important
}

#content-area .bg-cybersport {
    background-color: #00d1cc !important
}

#content-area .bg-volleyball {
    background-color: #ac3c00 !important
}

#content-area .bg-football {
    background-color: #74a510 !important
}

#content-area .bg-tennis {
    background-color: #c95c92 !important
}

#content-area .bg-box-mma {
    background-color: #a50f0f !important
}

#content-area .bg-basketball {
    background-color: #d78d0f !important
}

#content-area .bg-hockey {
    background-color: #0b66c1 !important
}

#content-area .bg-biathlon, #content-area .bg-figure-skating {
    background-color: #178ec8 !important
}

#content-area .bg-devushka-nedeli {
    background-color: #c39 !important
}

#content-area .color-devushka-nedeli {
    color: #c39 !important
}

#content-area .color-football {
    color: #74a510 !important
}

#content-area .color-volleyball {
    color: #ac3c00 !important
}

#content-area .color-biathlon {
    color: #178ec8 !important
}

#content-area .color-skiing, #content-area .color-skis {
    color: #4a3de6 !important
}

#content-area .color-cybersport {
    color: #00d1cc !important
}

#content-area .color-tennis {
    color: #c95c92 !important
}

#content-area .color-stavki {
    color: #ac7807 !important
}

#content-area .color-travel {
    color: #92acf4 !important
}

#content-area .color-box-mma {
    color: #a50f0f !important
}

#content-area .color-no-rubrick {
    color: #bbb !important
}

#content-area .color-other {
    color: #92acf4 !important
}

#content-area .color-basketball {
    color: #d78d0f !important
}

#content-area .color-hockey {
    color: #0b66c1 !important
}

#content-area .color-figure-skating {
    color: #178ec8 !important
}

#content-area img[lazy=error], #content-area img[lazy=loading] {
    width: 30px !important
}

#content-area .fullscreen-wrap {
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999999;
    background: rgba(0, 0, 0, .8);
    justify-content: center;
    align-items: center
}

#content-area .fullscreen-wrap .fullscreen-img {
    position: relative;
    max-height: 640px;
    width: 98%;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 576px) {
    #content-area .fullscreen-wrap .fullscreen-img {
        width: 90%
    }
}

#content-area .fullscreen-wrap .fullscreen-img .counter {
    position: absolute;
    top: -25px;
    color: #fff
}

#content-area .fullscreen-wrap .fullscreen-img img {
    max-width: 100%;
    max-height: 100%
}

#content-area .fullscreen-wrap .fullscreen-img svg {
    position: absolute;
    z-index: 9999;
    right: 0;
    top: -30px;
    fill: #fff;
    cursor: pointer
}

@media screen and (max-width: 320px) {
    #content-area .fullscreen-wrap .fullscreen-img svg {
        top: -25px
    }
}

#content-area .catfish {
    position: fixed;
    bottom: -3px;
    left: 0;
    z-index: 9;
    width: 100%
}

#content-area .catfish img {
    width: 100%
}

#content-area .catfish svg {
    fill: #fff;
    top: -13px;
    right: 10px;
    position: absolute;
    cursor: pointer
}

.gallery-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999999;
    background: rgba(0, 0, 0, .8);
    display: flex;
    align-items: center;
    justify-content: center
}

.gallery-wrap.hidden {
    display: none
}

.gallery-content {
    width: 85%;
    position: relative;
    transition: all .3s;
    max-height: 100%;
    max-width: 85%;
    overflow: hidden;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 576px) {
    .gallery-content {
        flex-direction: column;
        padding: 10px 0;
        width: 95%;
        max-width: 95%
    }
}

.gallery-content * {
    transition: all .3s
}

.gallery-content img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block;
    cursor: pointer
}

.gallery-content .miniature img.active, .gallery-content .miniature img:hover {
    opacity: 1 !important
}

.gallery-content .miniature img {
    width: 24%;
    opacity: .9 !important;
    transition: all .3s;
    margin-bottom: 5px
}

.gallery-content .img p {
    color: #fff;
    text-align: center
}

.gallery-content .img {
    width: calc(60% - 15px);
    height: 700px;
    position: relative;
    margin: auto
}

@media screen and (max-width: 576px) {
    .gallery-content .img {
        width: 100%
    }
}

.gallery-content.orientation-vertical {
    width: auto;
    height: 100%
}

.gallery-content.orientation-vertical img {
    width: unset;
    height: 100%
}

.gallery-content.orientation-horizontal {
    height: auto;
    width: 90%
}

.gallery-content.orientation-horizontal img {
    height: unset;
    width: 100%
}

.gallery-content .close svg {
    stroke: #fff
}

.gallery-content .close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 9999
}

.gallery-content .nav {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5px
}

.gallery-wrap .next, .gallery-wrap .prev {
    padding: 10px 0;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    display: block;
    transition: all .3s;
    height: 100%;
    width: 50px;
    z-index: 2;
    display: flex;
    align-items: center
}

.gallery-wrap .next:hover svg, .gallery-wrap .prev:hover svg {
    opacity: 1
}

.gallery-wrap .next svg, .gallery-wrap .prev svg {
    width: 45px !important;
    height: 45px !important;
    transition: all .3s;
    opacity: .5
}

.gallery-wrap .prev {
    left: 0;
    text-align: right
}

.gallery-wrap .next {
    right: 0;
    justify-content: start
}

.miniature-block {
    padding-top: 5px;
    width: calc(40% - 15px);
    max-height: 100%;
    overflow-y: auto;
    margin-right: 35px
}

@media screen and (max-width: 576px) {
    .miniature-block {
        width: 100%
    }
}

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

.efir-widget {
    background-repeat: no-repeat;
    background-position: 50%;
    min-height: 70px
}

.Rate {
    cursor: default;
    position: relative;
    padding: 4px 0;
    left: -5px
}

.Rate .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    vertical-align: middle;
    top: -2px;
    position: relative;
    margin: 0 5px
}

.Rate__star {
    color: #dedbdb;
    display: inline-block;
    padding: 0;
    text-decoration: none;
    cursor: pointer;
    background: transparent none;
    border: 0
}

.Rate__star .icon {
    top: 0;
    vertical-align: middle
}

.Rate__star.filled, .Rate__star.hover {
    color: #efc20f
}

.Rate__star:focus, .Rate__star:hover {
    text-decoration: none
}

.Rate__view .count, .Rate__view .desc {
    display: inline-block;
    vertical-align: middle;
    padding: 0
}

.Rate.has-error .Rate__star {
    color: #f37a77
}

.Rate.has-error .Rate__star.filled, .Rate.has-error .Rate__star.hover {
    color: #efc20f
}

.Rate__star[disabled] {
    opacity: .8
}

.Rate__star.filled[disabled], .Rate__star.hover[disabled] {
    color: #efc20f;
    opacity: .6
}

.Rate__view.disabled .count, .Rate__view.disabled .desc {
    color: #ccc
}

.text-center {
    text-align: center
}

.twitter-tweet iframe {
    width: 100% !important
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.fade-enter, .fade-leave-to {
    opacity: 0
}

div[lazy=loading] {
    background-size: 50px !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important
}

.link-rpg {
    display: inline
}

.link-rpg button {
    font-size: inherit;
    color: var(--color-blue);
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: underline
}

.insta-embed {
    margin: auto;
    display: block;
    width: 65%;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.wh-10 {
    height: 10vw
}

.coefficients {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 255px;
    margin-left: 30px;
    font-size: 14px;
    text-align: center;
    font-weight: 700
}

.coefficients div {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 50px
}

.coefficients div a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.coefficients div img {
    width: 50px
}

.mediametrics > div {
    justify-content: space-between !important
}

.article_mm {
    flex: 1 !important
}

@media screen and (max-width: 576px) {
    .article_mm {
        width: 100% !important
    }
}

#rb {
    margin-bottom: 15px
}

#rb .bk-list {
    background: #fff;
    padding: 15px 0
}

@media screen and (max-width: 1024px) {
    #rb .bk-list {
        margin-bottom: 15px
    }
}

#rb .bk-list .filter-bk {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 7px 0;
    margin-bottom: 25px
}

#rb .bk-list .filter-bk span {
    padding: 0 24px;
    display: block;
    color: rgba(0, 0, 0, .3);
    position: relative;
    cursor: pointer;
    transition: all .3s
}

#rb .bk-list .filter-bk span:hover {
    color: #353b93
}

#rb .bk-list .filter-bk span.active {
    color: #353b93;
    font-weight: 700
}

#rb .bk-list .filter-bk span.active:after {
    content: "";
    position: absolute;
    width: 80%;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 1px;
    background: #353b93
}

#rb .tbody .tr {
    background: #fafafa
}

#rb .tbody .tr:nth-child(2n) {
    background: #fff
}

#rb .tbody .tr .bonus, #rb .tbody .tr .comments {
    font-weight: 700;
    color: #353b93;
    font-size: 17px
}

#rb .tbody .tr .comments {
    min-width: 7%;
    width: 5vw;
    display: flex;
    align-items: center
}

#rb .tbody .tr .comments svg {
    margin-right: 5px
}

#rb .tbody .tr .link a, #rb .tbody .tr .obzor a {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 17px;
    text-decoration: none
}

#rb .tbody .tr .link a {
    cursor: pointer;
    border: none;
    color: #fff;
    background: #15a863;
    border-radius: 3px;
    padding: 15px 0
}

#rb .tr {
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 4px 8px;
    width: 100%;
    align-items: center;
    position: relative
}

#rb .tr .td {
    font-size: 12px;
    line-height: 1.5;
    color: #7e7e7e
}

#rb .tr .td.number {
    width: 10px
}

@media screen and (max-width: 576px) {
    #rb .tr .td.number {
        min-width: 20px
    }
}

#rb .tr .td.span-6 {
    width: 100%;
    text-align: center;
    font-size: 17px !important;
    font-weight: 700
}

#rb .tr .td.span-6 a {
    text-decoration: none
}

#rb .tr .td.title {
    position: relative;
    max-width: 130px;
    flex: 1
}

@media screen and (max-width: 576px) {
    #rb .tr .td.title {
        min-width: 75px
    }
}

#rb .tr .td.title img {
    max-width: 120px !important;
    max-height: 100%
}

@media screen and (max-width: 576px) {
    #rb .tr .td.title img {
        max-width: 70px
    }
}

@media screen and (max-width: 576px) {
    #rb .tr .td.title .Rate {
        left: -31px !important;
        transform: scale(.6) !important;
        width: 135px !important;
        padding: 0 !important
    }
}

#rb .tr .td.title a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

#rb .tr .td.rating {
    min-width: 15%;
    width: 10vw;
    position: relative
}

#rb .tr .td.rating .Rate {
    justify-content: flex-start !important
}

#rb .tr .td.rating .Rate .icon {
    margin: 0 !important
}

@media screen and (max-width: 1024px) {
    #rb .tr .td.rating {
        min-width: 20%
    }
}

@media screen and (max-width: 576px) {
    #rb .tr .td.rating {
        min-width: 130px;
        display: none
    }
}

#rb .tr .td.rating a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

#rb .tr .td.bonus {
    min-width: 10%;
    width: 10vw
}

@media screen and (max-width: 576px) {
    #rb .tr .td.bonus {
        min-width: 55px;
        font-size: 13px;
        flex: 1;
        padding: 0 10px
    }
}

#rb .tr .td.comments {
    position: relative;
    min-width: 7%;
    width: 5vw
}

@media screen and (max-width: 576px) {
    #rb .tr .td.comments {
        min-width: 65px;
        display: none
    }
}

#rb .tr .td.comments a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

#rb .tr .td.obzor {
    min-width: 100px
}

@media screen and (max-width: 576px) {
    #rb .tr .td.obzor {
        min-width: 65px
    }

    #rb .tr .td.obzor a {
        font-size: 13px
    }
}

#rb .tr .td.link {
    min-width: 100px
}

@media screen and (max-width: 576px) {
    #rb .tr .td.link {
        min-width: 65px
    }

    #rb .tr .td.link button {
        font-size: 13px
    }
}

#rb .raiting-value {
    color: #efc20f;
    font-weight: 700;
    font-size: 25px
}

#rb .Rate {
    padding: 0;
    height: 15px;
    width: 155px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

#rb .Rate:hover .Rate__view {
    opacity: 1
}

#rb .Rate .Rate__star {
    position: relative;
    order: 2
}

#rb .Rate .Rate__view {
    opacity: 0;
    font-size: 13px;
    order: 1;
    position: relative
}

#rb .tbody .td.number {
    color: #000 !important;
    font-size: 17px !important;
    font-weight: 700
}

.rating {
    min-width: 15%;
    width: 10vw;
    position: relative
}

.rating .Rate {
    justify-content: flex-start !important
}

.rating .Rate .icon {
    margin: 0 !important
}

.top-100 {
    background: #fff;
    margin-bottom: 15px
}

.top-100 h2 {
    margin-left: 12px;
    display: block;
    margin-top: 0;
    padding-top: 10px;
    position: relative
}

.top-100 h2:after {
    content: "";
    width: 60%;
    height: 1px;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    left: 0;
    bottom: -1px
}

.top-100 .top-article {
    padding: 0 12px
}

.top-100 .top-article time {
    color: #7e7e7e;
    font-size: 13px;
    display: block
}

.top-100 .top-article span {
    font-size: 17px;
    font-weight: 700
}

.top-100 .loadmore {
    margin-bottom: 0 !important
}

#clever-50528-top-scroll {
    margin-bottom: -100px !important;
    top: 40px !important
}

#clever-50528-top-scroll, #clever-50528-top-scroll-iframe {
    position: relative !important
}

.post-title {
    text-shadow: 0 0 10px #000
}

#menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
    transition: all .5s
}

#menu a {
    text-decoration: none
}

#menu .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #151515;
    color: #fff
}

#menu .top .site-section {
    transition: all .5s;
    left: 0;
    position: relative
}

#menu .top .site-section.left {
    left: -13%
}

#menu .top .logo {
    width: 154px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: 0 0;
    background-size: contain;
    background-repeat: none
}

#menu .top .logo img {
    height: 40px;
    position: relative;
    top: 2px;
    right: 0
}

#menu .top .site-section a {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    transition: all .3s
}

#menu .top .site-section a.active, #menu .top .site-section a:hover {
    color: var(--color-blue)
}

#menu .top .action-block {
    width: 150px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-position: 100% 0;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    position: relative
}

#menu .top .action-block.open {
    width: 30%
}

#menu .top .action-block:after {
    position: absolute;
    content: "";
    height: 40px;
    width: 150px;
    background-position: 100% 0;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
    right: 0;
    top: 0
}

#menu .top .action-block ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 32px 0 8px;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    min-width: 150px;
    width: 100%;
    transition: all .5s;
    overflow: hidden
}

#menu .top .action-block ul li {
    margin-left: 12px;
    margin-right: 12px;
    transition: all .3s;
    height: 40px;
    width: auto;
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    cursor: pointer
}

#menu .top .action-block ul li.ya-form-search {
    position: relative;
    right: -20px;
    z-index: 0;
    transition: all .5s;
    width: 0;
    overflow: hidden
}

#menu .top .action-block ul li.ya-form-search.open {
    width: 80%
}

#menu .top .action-block ul li.ya-form-search:before {
    position: absolute;
    content: "";
    left: -6px;
    top: 0;
    height: 100%;
    width: 20px;
    background: #151515;
    z-index: 2;
    transform: rotate(20deg)
}

#menu .top .action-block ul li.ya-form-search:after {
    position: absolute;
    content: "";
    left: 10px;
    top: 0;
    height: 100%;
    width: 6px;
    z-index: 2;
    -webkit-transform: skew(-16deg);
    -moz-transform: skew(-16deg);
    -o-transform: skew(-16deg);
    background: #eb3733
}

#menu .top .action-block ul li.search {
    position: relative
}

#menu .top .action-block ul li svg {
    height: 23px;
    width: 23px;
    margin: 0 5px
}

#menu .middle {
    background: var(--color-gray);
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center
}

#menu .middle a {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding: 0 10px;
    color: #616060;
    text-decoration: none;
    margin-left: 12px;
    margin-right: 12px;
    transition: all .3s
}

#menu .middle a:hover {
    color: #2004cd
}

#menu .bottom {
    background: var(--color-gray);
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center
}

.bonus-list {
    position: fixed;
    right: 35px;
    width: 235px;
    top: 45px
}

.bonus-list .bonus {
    background: #fff;
    color: #000;
    font-size: 13px;
    padding: 10px;
    box-shadow: 0 5px 18px 1px rgba(0, 0, 0, .22);
    position: relative;
    border-radius: 2px
}

.bonus-list .bonus:not(:last-child) {
    margin-bottom: 10px
}

.bonus-list .bonus:before {
    position: absolute;
    right: 16px;
    top: -8px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 8px 10px
}

.bonus-list .bonus .caption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.bonus-list .bonus .caption .bonus-logo {
    margin-right: 6px;
    width: 100px;
    overflow: hidden;
    max-height: 22px
}

.bonus-list .bonus .caption .bonus-logo img {
    width: 100%
}

.bonus-list .bonus .caption .bonus-logo.battery {
    background: #000;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px
}

.bonus-list .bonus .caption span {
    width: calc(100% - 106px);
    text-align: right;
    font-weight: 700
}

.bonus-list .bonus .bouns-btn {
    width: 100%;
    margin: 8px 0 0;
    padding: 6px 26px;
    text-transform: uppercase;
    font-size: 12px;
    background: #d61a20;
    color: #fff;
    transition: all .3s;
    display: block;
    border-radius: 2px;
    text-align: center;
    font-weight: 700;
    text-decoration: none
}

.bonus-list .bonus .bouns-btn:hover {
    background: #c62828;
    color: #fff
}

.gift {
    position: relative
}

.gift:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #304591;
    position: absolute;
    border-radius: 50%;
    right: 0;
    top: 6px;
    z-index: 99999
}

.gift.pulse {
    -webkit-animation: bounce- 1s linear infinite alternate;
    animation: bounce- 1s linear infinite alternate
}

@-webkit-keyframes bounce- {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(1.2)
    }
}

@keyframes bounce- {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(1.2)
    }
}

.menu-lavel-1 {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 768px) {
    .menu-lavel-1 {
        list-style: none;
        display: block;
        align-items: center;
        margin: 0;
        padding: 0
    }
}

.menu-lavel-1 li {
    position: relative
}

.menu-lavel-1 li ul {
    display: none;
    position: absolute;
    left: 0;
    margin: 0;
    padding: 5px 0;
    list-style: none;
    background: var(--color-gray);
    width: 175px
}

@media screen and (max-width: 768px) {
    .menu-lavel-1 li ul {
        display: block;
        position: relative;
        left: 0;
        margin: 0;
        padding: 5px 0 5px 5px;
        list-style: none;
        background: no-repeat;
        width: auto
    }
}

.menu-lavel-1 li ul li {
    position: relative;
    padding: 3px 15px
}

.menu-lavel-1 li ul li:hover {
    background: var(--color-blue)
}

.menu-lavel-1 li ul li:hover a {
    color: #000
}

.menu-lavel-1 li ul li:hover .menu-lavel-3 {
    display: block
}

.menu-lavel-1 li ul li:hover .menu-lavel-3 li {
    background: var(--color-gray)
}

.menu-lavel-1 li ul li:hover .menu-lavel-3 li:hover {
    background: var(--color-blue)
}

.menu-lavel-1 li ul li:hover .menu-lavel-3 li:hover a {
    color: #000
}

.menu-lavel-1 li ul li .menu-lavel-3 {
    background: var(--color-gray);
    display: none;
    position: absolute;
    padding: 0;
    left: 100%;
    width: 100px;
    top: 0
}

@media screen and (max-width: 576px) {
    .menu-lavel-1 li ul li .menu-lavel-3 {
        position: relative;
        left: 10px;
        background: none !important
    }
}

.menu-lavel-1 li ul li .menu-lavel-3 li {
    padding: 0
}

@media screen and (max-width: 576px) {
    .menu-lavel-1 li ul li .menu-lavel-3 li {
        background: none !important
    }
}

.menu-lavel-1 li ul li .menu-lavel-3 a {
    margin: 0;
    padding: 3px 15px;
    color: #000
}

@media screen and (max-width: 576px) {
    .menu-lavel-1 li ul li .menu-lavel-3 a {
        padding-top: 7px;
        font-size: 14px;
        background: none !important
    }
}

.menu-lavel-1 li ul a {
    font-weight: 300;
    padding: 0;
    font-size: 12px;
    display: block;
    color: #000
}

@media screen and (max-width: 768px) {
    .menu-lavel-1 li ul a {
        font-size: 20px;
        line-height: 100%;
        color: #000;
        display: block;
        padding: 0;
        margin: 0 0 0 10px
    }
}

.menu-lavel-1 li:hover ul {
    display: block
}

.menu-lavel-1 li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding: 0 10px;
    color: #fff;
    text-decoration: none;
    margin-left: 12px;
    margin-right: 12px;
    transition: all .3s;
    display: flex;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .menu-lavel-1 li a {
        font-size: 24px;
        line-height: 100%;
        color: #000;
        display: block;
        padding: 0;
        margin: 0
    }
}

.menu-lavel-1 li a:hover {
    color: var(--color-blue)
}

.top-banner-line img {
    width: 100%
}

.advertising {
    min-height: 7vw
}

.advertising #zone_1243706325iframe {
    top: 218px !important
}

.RU .advertising #zone_1243706325iframe {
    top: 0 !important
}

@media screen and (max-width: 576px) {
    .advertising {
        margin-top: 35px;
        min-height: 90px
    }
}

.catfish iframe {
    width: 100%;
    height: 90px;
    border: none
}

#match-center[data-v-5d5cf529] {
    min-height: 125px;
    margin-bottom: 15px;
    position: relative;
    width: calc(100% + 31px);
    left: -16px;
    top: -15px;
    background: #fff
}

@media screen and (max-width: 576px) {
    #match-center[data-v-5d5cf529] {
        min-height: 165px;
        left: 0;
        width: 100%
    }
}

#match-center *[data-v-5d5cf529] {
    transition: all .3s
}

#match-center .match-center[data-v-5d5cf529] {
    height: 45px;
    display: flex;
    justify-items: flex-start
}

#match-center .match-center .label[data-v-5d5cf529] {
    background-color: #304591;
    color: #fff;
    font-family: PT Sans, sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    min-width: 104px
}

#match-center .match-center .match-list[data-v-5d5cf529] {
    padding-left: 0;
    margin-left: 8px;
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    overflow-x: scroll;
    overflow-y: hidden
}

#match-center .match-center .match-list li[data-v-5d5cf529] {
    padding: 8px 12px;
    list-style: none;
    font-family: PT Sans, sans-serif;
    font-size: 14px;
    opacity: .5;
    color: #000;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s
}

#match-center .match-center .match-list li.active[data-v-5d5cf529] {
    opacity: 1;
    font-weight: 700
}

#match-center .match-slider__wrapper[data-v-5d5cf529] {
    display: flex;
    flex-wrap: wrap;
    height: 90px;
    align-items: flex-start;
    background: #fff;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 576px) {
    #match-center .match-slider__wrapper[data-v-5d5cf529] {
        height: unset;
        flex-direction: column
    }
}

#match-center .match-slider__wrapper .match-days[data-v-5d5cf529] {
    width: 104px;
    text-align: center;
    background: #fff
}

@media screen and (max-width: 576px) {
    #match-center .match-slider__wrapper .match-days[data-v-5d5cf529] {
        display: flex;
        justify-content: center;
        width: 100%
    }
}

#match-center .match-slider__wrapper .match-days p[data-v-5d5cf529] {
    font-family: PT Sans, sans-serif;
    padding: 6px 16px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #000;
    opacity: .5;
    transition: all .3s;
    cursor: pointer
}

#match-center .match-slider__wrapper .match-days p.active[data-v-5d5cf529] {
    opacity: 1;
    font-weight: 700
}

#match-center .match-slider__wrapper .match-slider[data-v-5d5cf529] {
    width: calc(100% - 104px);
    height: 90px
}

@media screen and (max-width: 576px) {
    #match-center .match-slider__wrapper .match-slider[data-v-5d5cf529] {
        width: 100%
    }
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper[data-v-5d5cf529] {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate[data-v-5d5cf529] {
    display: flex !important;
    box-shadow: 2px 4px 4px -1px rgba(0, 0, 0, .3) !important;
    height: 80px;
    cursor: pointer
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate .sport-caption[data-v-5d5cf529] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate .sport-caption h4[data-v-5d5cf529] {
    margin: 0;
    text-align: center
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate .noplate[data-v-5d5cf529] {
    flex: 2;
    display: flex;
    flex-direction: column;
    min-width: 200px;
    background: #fff
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate .noplate .time[data-v-5d5cf529] {
    text-align: center;
    font-size: 13px
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate .noplate .team[data-v-5d5cf529] {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    padding-right: 10px
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate .noplate .team .teamName[data-v-5d5cf529] {
    flex: 2;
    align-items: center;
    display: flex;
    padding: 5px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate .noplate .team .teamName span[data-v-5d5cf529] {
    max-width: 125px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate .noplate .team .teamName img[data-v-5d5cf529] {
    max-height: 100%;
    width: 20px;
    margin-right: 10px
}

.ya-site-form__search-input {
    padding: 0 !important;
}

.ya-site-form__search-input
.ya-site-form__search-input-layout
.ya-site-form__search-input-layout-r
.ya-site-form__submit {
    font-size: 0px !important;
}

/*            #ya-site-form0 .ya-site-form__form * {
                  font-size: 0 !important;
              }*/
.ya-site-form__submit {
    padding: 0;
    margin: 0 !important;
    border: none !important;
    outline: none !important;
    width: 100% !important;
}

.ya-site-form__search-input-layout-r {
    width: 30% !important;
}

.ya-site-form__submit {
    padding: 0 !important;
}

.ya-site-form__submit {
    padding: 0 !important;
    background-color: #01afff;
    color: #fff !important;
    cursor: pointer;
    /*background-image: url(../../../web/20220131234839im_/https_/prostoprosport.ru/icon-search.svg);*/
    background-repeat: no-repeat;
    background-size: 8%;
    background-position: center;
}

#ya-site-form0 {
    display: flex;
    align-items: center;
}

#ya-site-form0 form {
    width: 100%;
    display: flex;
    background: #fff;
    padding-right: 15px;
}

#ya-site-form0 form::before {
    position: absolute;
    content: "";
    left: -6px;
    top: 0;
    height: 100%;
    width: 20px;
    background: #151515;
    z-index: 2;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}

#ya-site-form0 form::after {
    position: absolute;
    content: "";
    left: 10px;
    top: 0;
    height: 100%;
    width: 6px;
    z-index: 2;
    -webkit-transform: skew(-16deg);
    -moz-transform: skew(-16deg);
    -o-transform: skew(-16deg);
    background: #eb3733;
}

#ya-site-form0 input[type="button"] {
    margin: 0 !important;
    cursor: text;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: none;
    outline-style: none;
    -webkit-appearance: textfield;
    /*background-image: url(../../../web/20220131234839im_/https_/prostoprosport.ru/img/search-black.png) !important;*/
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    background-position: center !important;
    font-size: 0;
    padding: 0;
    width: 30px;
    cursor: pointer;
    height: 32px;
}

#ya-site-form0 input[type="search"] {
    width: 100%;
    height: 30px;
    border: none;
    padding-left: 30px !important;
    font-size: 12px !important;
}

.ya-site-form__search-input-layout tr {
    display: flex;
    background: #fff;
    width: 102%;
}

.ya-site-form__search-input-layout tr {
    display: flex;
    background: #fff;
    width: 102%;
}

#ya-site-form0 .ya-site-form__submit {
    color: #fff !important;
}

#ya-site-form0 .ya-site-form__form .ya-site-form__search-input-layout-r * {
    font-size: 0 !important;
}

#ya-site-form0 .ya-site-form__form .ya-site-form__search-input-layout-l * {
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    font-weight: 400;
}

.search-results .b-head.b-head_type_search-simple {
    display: none;
}

.search-results .l-page.l-page_layout_70-30.l-page_type_search {
    background: #eeeeee;
}

.search-results .b-body-items {
    padding: 0;
}

.search-results .b-serp-item {
    background: #fff;
    padding: 12px 16px;
}

.search-results .b-serp-item__number {
    display: none;
}

.search-results .b-serp-item__title-link {
    color: #000 !important;
    font-weight: bold !important;
    margin-bottom: 5px;
    display: block;
}

.search-results .b-serp-item__links {
    display: none;
}

.search-results .l-page__col.l-page__left {
    padding: 0;
}

.search-results .b-top-wizard {
    margin: 0;
}

.search-page .ya-site-form__search-input-layout-r {
    display: none;
}

.search-page #ya-site-form0 .ya-site-form__form .ya-site-form__input-text {
    border-color: #7f9db9 !important;
    border: none;
    border-bottom: 1px solid #767676 !important;
    margin-bottom: 15px !important;
}

.search-page .b-misspell.g-gap-vertical.g-gap-horizontal {
    margin-top: 10px;
    margin-left: 0;
}

.search-page .b-misspell__help {
    display: none;
}

.search-page #ya-site-form0 .ya-site-form__form .ya-site-form__input-text {
    background-color: #eee !important;
}

.search-page .b-wrapper.b-wrapper_is-bem_yes.i-bem.b-wrapper_js_inited {
    background: #eee;
}

.search-page {
    background: #eee;
    height: 100%;
}

.search-page .b-bottom-wizard {
    background: #fff;
    padding: 15px 16px;
}

.search-page .b-pager.g-gap-vertical.g-gap-horizontal.g-js.b-pager_js_inited {
    margin: 0;
}

#ya-site-form0 {
    width: 360px;
    height: 100%;
}

.ya-site-form__input-text,
.ya-site-form__input,
.ya-site-form__search-input-layout,
.ya-site-form__form,
.ya-site-form__wrap,
.ya-site-form__search {
    height: 32px !important;
}

.ya-site-form__search-input-layout-r {
    width: 30px !important;
    z-index: 2;
    background: red;
    height: 100%;
    top: 0;
    right: 15px;
    position: relative;
    height: 100%;
}

.ya-site-form__search-input-layout-l {
    width: 100% !important;
}

.ya-site-form__submit {
    padding: 0 !important;
    color: #fff !important;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 65%;
    background-position: center;
    background-color: #fff;
}

.ya-site-form__search-input-layout {
    position: relative;
}

#ya-site-form1 .ya-site-form__input-text {
    width: 100%;
    margin: 0 !important;
    cursor: text;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #7f9db9;
    outline-style: none;
    -webkit-appearance: textfield;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    background-position: 10px !important;
    padding-left: 40px;
}


.ya-site-form__search-input-layout-r {
    display: none;

}

.search-page #ya-site-form0 {
    width: 100%;
    padding-bottom: 30px !important;
}

.search-page #ya-site-form0 .ya-site-form__form {
    padding-bottom: 30px !important;
}

.search-page #ya-site-form0 .ya-site-form__form .ya-site-form__input-text {
    background-color: #fff !important;
    padding-left: 45px !important;
    /*background-image: url(../../../web/20220131234839im_/https_/prostoprosport.ru/img/search-black.png) !important;*/
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background-position: 9px center !important;
}

.smi2.container_92216 {
    max-width: 100% !important;
    padding: 0 !important;
}

@media screen and (max-width: 576px) {
    .ya-site-form__search-input-layout-l {
        width: 80% !important;
    }
}


@media screen and (max-width: 768px) {
    .menu-lavel-1 li ul[data-v-7889f71e] {
        display: block;
        position: relative;
        left: 0;
        margin: 0;
        padding: 5px 0 5px 5px;
        list-style: none;
        background: no-repeat;
        width: auto
    }
}

.menu-lavel-1 li ul li[data-v-7889f71e] {
    position: relative;
    padding: 3px 15px
}

.menu-lavel-1 li ul li[data-v-7889f71e]:hover {
    background: var(--color-blue)
}

.menu-lavel-1 li ul li:hover a[data-v-7889f71e] {
    color: #000
}

.menu-lavel-1 li ul li:hover .menu-lavel-3[data-v-7889f71e] {
    display: block
}

.menu-lavel-1 li ul li:hover .menu-lavel-3 li[data-v-7889f71e] {
    background: var(--color-gray)
}

.menu-lavel-1 li ul li:hover .menu-lavel-3 li[data-v-7889f71e]:hover {
    background: var(--color-blue)
}

.menu-lavel-1 li ul li:hover .menu-lavel-3 li:hover a[data-v-7889f71e] {
    color: #000
}

.menu-lavel-1 li ul li .menu-lavel-3[data-v-7889f71e] {
    background: var(--color-gray);
    display: none;
    position: absolute;
    padding: 0;
    left: 100%;
    width: 100px;
    top: 0
}

@media screen and (max-width: 576px) {
    .menu-lavel-1 li ul li .menu-lavel-3[data-v-7889f71e] {
        position: relative;
        left: 10px;
        background: none !important
    }
}

.menu-lavel-1 li ul li .menu-lavel-3 li[data-v-7889f71e] {
    padding: 0
}

@media screen and (max-width: 576px) {
    .menu-lavel-1 li ul li .menu-lavel-3 li[data-v-7889f71e] {
        background: none !important
    }
}

.menu-lavel-1 li ul li .menu-lavel-3 a[data-v-7889f71e] {
    margin: 0;
    padding: 3px 15px;
    color: #000
}

@media screen and (max-width: 576px) {
    .menu-lavel-1 li ul li .menu-lavel-3 a[data-v-7889f71e] {
        padding-top: 7px;
        font-size: 14px;
        background: none !important
    }
}

.menu-lavel-1 li ul a[data-v-7889f71e] {
    font-weight: 300;
    padding: 0;
    font-size: 12px;
    display: block;
    color: #000
}

@media screen and (max-width: 768px) {
    .menu-lavel-1 li ul a[data-v-7889f71e] {
        font-size: 20px;
        line-height: 100%;
        color: #000;
        display: block;
        padding: 0;
        margin: 0 0 0 10px
    }
}

.menu-lavel-1 li:hover ul[data-v-7889f71e] {
    display: block
}

.menu-lavel-1 li a[data-v-7889f71e] {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding: 0 10px;
    color: #fff;
    text-decoration: none;
    margin-left: 12px;
    margin-right: 12px;
    transition: all .3s;
    display: flex;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .menu-lavel-1 li a[data-v-7889f71e] {
        font-size: 24px;
        line-height: 100%;
        color: #000;
        display: block;
        padding: 0;
        margin: 0
    }
}

.menu-lavel-1 li a[data-v-7889f71e]:hover {
    color: var(--color-blue)
}

.top-banner-line img[data-v-149c9acc] {
    width: 100%
}

.advertising[data-v-149c9acc] {
    min-height: 7vw
}

.advertising #zone_1243706325iframe[data-v-149c9acc] {
    top: 218px !important
}

.RU .advertising #zone_1243706325iframe[data-v-149c9acc] {
    top: 0 !important
}

@media screen and (max-width: 576px) {
    .advertising[data-v-149c9acc] {
        margin-top: 35px;
        min-height: 90px
    }
}

.catfish iframe[data-v-149c9acc] {
    width: 100%;
    height: 90px;
    border: none
}

#match-center[data-v-5d5cf529] {
    min-height: 125px;
    margin-bottom: 15px;
    position: relative;
    width: calc(100% + 31px);
    left: -16px;
    top: -15px;
    background: #fff
}

@media screen and (max-width: 576px) {
    #match-center[data-v-5d5cf529] {
        min-height: 165px;
        left: 0;
        width: 100%
    }
}

#match-center *[data-v-5d5cf529] {
    transition: all .3s
}

#match-center .match-center[data-v-5d5cf529] {
    height: 45px;
    display: flex;
    justify-items: flex-start
}

#match-center .match-center .label[data-v-5d5cf529] {
    background-color: #304591;
    color: #fff;
    font-family: PT Sans, sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    min-width: 104px
}

#match-center .match-center .match-list[data-v-5d5cf529] {
    padding-left: 0;
    margin-left: 8px;
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    overflow-x: scroll;
    overflow-y: hidden
}

#match-center .match-center .match-list li[data-v-5d5cf529] {
    padding: 8px 12px;
    list-style: none;
    font-family: PT Sans, sans-serif;
    font-size: 14px;
    opacity: .5;
    color: #000;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s
}

#match-center .match-center .match-list li.active[data-v-5d5cf529] {
    opacity: 1;
    font-weight: 700
}

#match-center .match-slider__wrapper[data-v-5d5cf529] {
    display: flex;
    flex-wrap: wrap;
    height: 90px;
    align-items: flex-start;
    background: #fff;
    background-image: url(../../../web/20220126183929im_/https_/prostoprosport.ru/preloader_new.gif);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 576px) {
    #match-center .match-slider__wrapper[data-v-5d5cf529] {
        height: unset;
        flex-direction: column
    }
}

#match-center .match-slider__wrapper .match-days[data-v-5d5cf529] {
    width: 104px;
    text-align: center;
    background: #fff
}

@media screen and (max-width: 576px) {
    #match-center .match-slider__wrapper .match-days[data-v-5d5cf529] {
        display: flex;
        justify-content: center;
        width: 100%
    }
}

#match-center .match-slider__wrapper .match-days p[data-v-5d5cf529] {
    font-family: PT Sans, sans-serif;
    padding: 6px 16px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #000;
    opacity: .5;
    transition: all .3s;
    cursor: pointer
}

#match-center .match-slider__wrapper .match-days p.active[data-v-5d5cf529] {
    opacity: 1;
    font-weight: 700
}

#match-center .match-slider__wrapper .match-slider[data-v-5d5cf529] {
    width: calc(100% - 104px);
    height: 90px
}

@media screen and (max-width: 576px) {
    #match-center .match-slider__wrapper .match-slider[data-v-5d5cf529] {
        width: 100%
    }
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper[data-v-5d5cf529] {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate[data-v-5d5cf529] {
    display: flex !important;
    box-shadow: 2px 4px 4px -1px rgba(0, 0, 0, .3) !important;
    height: 80px;
    cursor: pointer
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate .sport-caption[data-v-5d5cf529] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate .sport-caption h4[data-v-5d5cf529] {
    margin: 0;
    text-align: center
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate .noplate[data-v-5d5cf529] {
    flex: 2;
    display: flex;
    flex-direction: column;
    min-width: 200px;
    background: #fff
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate .noplate .time[data-v-5d5cf529] {
    text-align: center;
    font-size: 13px
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate .noplate .team[data-v-5d5cf529] {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    padding-right: 10px
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate .noplate .team .teamName[data-v-5d5cf529] {
    flex: 2;
    align-items: center;
    display: flex;
    padding: 5px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate .noplate .team .teamName span[data-v-5d5cf529] {
    max-width: 125px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#match-center .match-slider__wrapper .match-slider .swiper-wrapper .plate .noplate .team .teamName img[data-v-5d5cf529] {
    max-height: 100%;
    width: 20px;
    margin-right: 10px
}

.banner img {
    width: 100%
}

.comments form {
    padding: 0 15px
}

@media screen and (max-width: 576px) {
    .comments form {
        padding: 0
    }
}

.comments form .top {
    display: flex;
    align-items: center
}

@media screen and (max-width: 576px) {
    .comments form .top {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

.comments form .top input {
    border: 2px solid #00a3ff;
    border-radius: 50px;
    padding: 8px 15px;
    font-size: 15px;
    margin-right: 10px
}

@media screen and (max-width: 576px) {
    .comments form .top input {
        order: 2;
        margin-right: 0;
        width: 60%
    }
}

@media screen and (max-width: 576px) {
    .comments form .top .Rate {
        order: 1;
        margin-bottom: 7px
    }
}

.comments form .top .Rate button .icon {
    width: 20px !important;
    height: 20px !important
}

.comments form .text {
    width: 100%;
    margin-top: 10px;
    position: relative
}

.comments form .text textarea {
    border: 2px solid #00a3ff;
    border-radius: 20px;
    font-size: 15px;
    width: 100%;
    transition: all .3s;
    height: 43.5px;
    padding: 8px 40px 8px 15px;
    resize: none
}

.comments form .text textarea:focus {
    height: 100px
}

.comments form .text button {
    position: absolute;
    border: 2px solid #00a3ff;
    border-radius: 50px;
    right: 3px;
    bottom: 4px;
    height: 37px;
    width: 37px;
    display: flex;
    align-items: center;
    justify-items: center;
    background: #00a3ff;
    color: #fff;
    transition: all .3s;
    cursor: pointer;
    z-index: 3
}

.comments form .text button svg {
    stroke: #fff;
    transition: all .3s
}

.comments form .text button:hover {
    background: #00a3ff;
    color: #fff
}

.comments form .text button:hover svg {
    stroke: #fff
}

.comments ul {
    padding: 0;
    list-style: none
}

.comments ul li:not(:last-child) {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

.comments ul li .name {
    font-size: 25px;
    font-weight: 700;
    display: flex;
    align-items: center;
    line-height: 1
}

.comments ul li .name .Rate {
    cursor: default;
    position: relative;
    padding: 0;
    left: 0;
    transform: scale(.8)
}

.comments ul li .info .dt {
    font-size: 13px;
    margin-right: 5px;
    opacity: .5
}

.comments ul li .text {
    font-style: italic;
    margin-top: 10px
}

.text-center {
    text-align: center
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.fade-enter, .fade-leave-to {
    opacity: 0
}

.bk-info {
    background: #1a1a1a;
    color: hsla(0, 0%, 100%, .7);
    padding: 10px;
    margin-bottom: 10px
}

.bk-info .b {
    font-weight: 700;
    color: #fff;
    flex: 1
}

.bk-info ul {
    list-style: none;
    padding-left: 15px;
    color: hsla(0, 0%, 100%, .5)
}

.bk-info ul li {
    display: flex;
    align-items: center
}

.bk-info ul li:not(:last-child) {
    margin-bottom: 5px
}

.bk-info ul li .b {
    text-align: right
}


body.casino-template-default {
    background: #f0f0f0;
}

.lwptoc_item_label {
    font-weight: bold;
}

.lwptoc_i {
    padding: unset !important;
}

.hd {
    display: none !important;
    transition: all 1s;
}

.question.active {
    color: #fff;
    background: #00a3ff;
}


#content-area .container #content aside .sidebar .news-nav span.active {
    background-color: var(--color-blue);
    box-shadow: 3px 2px 6px -3px rgba(0, 0, 0, .5);
}

.menu-lavel-2 a {
    color: black !important;
}


@media (min-width: 700px) {
    .controll {
        display: none;
    }
}

@media (max-width: 700px) {
    .site-section, .action-block {
        display: none !important;
    }
}


.mob_menu {
    background: black;
    padding: 40px;
}

.mob_menu a {
    color: white !important;
}

.mob_menu .menu-lavel-1 > li > a {
    font-size: 18px;
    line-height: 104%;
}

.mob_menu .menu-lavel-2 a {
    font-size: 14px;
}


.breadcrumb {
    margin-bottom: 1em;
    padding: .5em 1em
}

.breadcrumb ul {
    display: flex;
    gap: .5em;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.breadcrumb ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #999
}

.breadcrumb ul li + li:before {
    content: ' / ';
    color: #ddd
}


@media (max-width: 410px) {
    #rb .tr .td.bonus {
        text-align: end;
    }

    .td.number {
        display: none;
    }
}

@media (max-width: 320px) {
    #rb .tr .td.bonus {
        display: none;
    }

}


/**/


.player_header {
    display: flex;
    padding: 10px 25px;
    background: #f0f0f0;
    margin-bottom: 30px;
    border-radius: 10px;
    color: black;
}

.player_avatar--block {
    width: 200px;
    height: 200px;
}

.player_avatar--block img {
    width: 200%;
    height: 200px;
    background: #969696;
    border-radius: 50%;
}

.player_info {
    padding-left: 40px;
    width: calc(100% - 200px);
}

.player_social {
    padding-top: 25px;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-evenly;
}

.player_social img {
    width: 25px;
}

.player_name {
    font-weight: 800;
    font-size: 25px;
    margin-bottom: 15px;
    margin-top: 15px;
}


.player_info_data_item {
    margin-bottom: 10px;
    display: flex;
    width: 46%;
    justify-content: space-between;
    border-bottom: 1px solid #a4a4a4;
}

.player_info_data {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 18px;
}


.player_info_data_item--value a {
    font-weight: 600;
    color: #476cff;
}


.player_setting_section {
    padding: 15px 25px;
    background: #f0f0f0;
    margin-bottom: 30px;
    border-radius: 10px;
}

.player_setting_section--title {
    font-weight: 600;
    font-size: 23px;
    align-items: center;
    display: flex;
}

.player_setting_section--title img {
    margin-right: 10px;
}

.player_setting_section--device-name {
    padding: 12px 10px;
    background: #000000;
    border-radius: 5px;
    margin-bottom: 10px;
    color: white;
    margin-top: 12px;
}

.player_setting_section_item {
    width: 25%;
    padding-bottom: 7px;
    margin-bottom: 22px;
    border-bottom: 1px solid dimgrey;
    justify-content: space-between;
}

.player_setting_section_items {
    display: flex;
    margin-top: 30px;
    flex-wrap: wrap;
}

.player_setting_section_item--element {
    color: #494949;
}

.player_setting_section_item--value {
    color: black;
    font-weight: 600;
}

.player_info_data_item--element {
    color: #000;
}

.player_setting_section_items--image {
    width: 200px;
    margin-right: 10px;
    margin-bottom: 15px;
}

.gear_image {
    background: #ccc;
    border-radius: 5px;
}

.gear_name {
    margin-top: 10px;
    font-size: 17px;
    font-weight: 600;
}


pre {
    padding: 10px;
    margin-top: 18px;
    background: black;
    color: white;
    border-radius: 3px;
}

a.config {
    width: 100%;
    display: block;
    border: 1px solid white;
    background: #8b8b8b;
    padding: 10px 12px;
    text-align: center;
    border-radius: 4px;
    margin-top: 13px;
    font-weight: bold;
}

a.config:hover {
    color: white;
}

.player_list_parent {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.player_list_item {
    width: 220px;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
}

.player_list_item .player_name {
    margin-bottom: 0;
}

.player_list_item .player_name a {
    font-size: 18px;
}

.player_team {
    font-size: 13px;
}

.player_list_item img:hover {
    background: #838383;
}


.pagination {
    padding-left: 0;
    border-radius: 4px;
    margin: 0 auto;
    display: block;
    width: fit-content;
    margin-top: 25px;
    margin-bottom: 25px;
}

.page-numbers {
    background: #969696;
    padding: 6px 10px;
    border-radius: 5px;
    margin-right: 7px;
}

.config_list {
    list-style: none;
}

.config_list li:before {
    padding-right: 4px;
    color: #00c900;
    content: "✔";
}

.config_list li {
    margin-bottom: 7px;
}

@media (max-width: 500px) {
    pre {
        white-space: inherit !important;
    }
}