body {
    width: 100%; height: 100%;
    overflow-y: scroll;

    background-color: rgb(255, 255, 255);

    font-family: 'PT Sans', Tahoma, sans-serif;
    font-size: 18px;
    line-height: 1.5;

    color: rgba(0, 0, 0, .8);

}

a {
    text-decoration: none;
    transition: all 20ms cubic-bezier(0.19, 1, 0.22, 1);
}

a > em {
    text-decoration: none;
    transition: all 20ms cubic-bezier(0.19, 1, 0.22, 1);
}
a.pressed {opacity:.6;
    transition:
        opacity .1s cubic-bezier(0.19, 1, 0.22, 1),
        color .1s cubic-bezier(0.19, 1, 0.22, 1)
}
a > svg {transition: fill 20ms cubic-bezier(0.19, 1, 0.22, 1)}
svg {transition: fill 20ms cubic-bezier(0.19, 1, 0.22, 1)}
.hover > svg {transition: fill 20ms cubic-bezier(0.19, 1, 0.22, 1)}
:hover > svg {transition: fill 20ms cubic-bezier(0.19, 1, 0.22, 1)}
svg.hover {transition: fill 20ms cubic-bezier(0.19, 1, 0.22, 1)}
svg:hover {transition: fill 20ms cubic-bezier(0.19, 1, 0.22, 1)}

textarea {resize: vertical; outline:none}
.nobr {white-space: nowrap}


.page {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-color: rgb(50, 50, 50);
}

.page__row {width: 100%;
    transition: background-color 300ms cubic-bezier(0.19, 1, 0.22, 1)}

.page__row.dark-theme {
    background-color: rgb(50, 50, 50);
    color: white;
}
.page__row.white {
    background-color: white;
}

.page__width {
    min-width: 1100px;
    max-width: 1400px;
    padding: 0 33px;
    min-height: 1px;
    position: relative;
    margin: 0 auto;
}

.page__content .page__row:first-child {
    padding-top: 40px;
}
.page__content .page__row:last-child {
    padding-bottom: 40px;
}


@media (max-width: 812px) {
    body {
        overflow-y: auto;
        font-size: 14px;
    }

    .page__width {
        min-width: 320px;
        width: 100%;
        padding: 0 12px;
    }

    .page__content .page__row:first-child {
        padding-top: 12px;
    }
    .page__content .page__row:last-child {
        padding-bottom: 12px;
    }
}




.layout-kk-archive__date-selector { margin-bottom: 40px; }




.layout-kk-archive__category { margin-bottom: 40px; }




.layout-kk-archive__date-selector {
        display: flex;
        justify-content: center;
        align-items: center;
    }




.layout-kk-archive__date-selector__item {
            margin: 0 5px 5px 5px;
        }


@media (max-width: 812px) {
    .layout-kk-archive {
        margin-left: -10px;
        margin-right: -10px;
        font-size: 13px;
    }

        .layout-kk-archive__date-selector{
            flex-flow: column;
        }
}

.layout-kk-article {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 33px;
    grid-row-gap: 40px;
    grid-template-areas:
        "a    a    a    a    a    a    a    a    a    sb    sb   sb   "
        "c    c    c    c    c    c    c    c    c    c     c    c    "
}

.layout-kk-article__article { grid-area: a; }
.layout-kk-article__sidebar { grid-area: sb; }
.layout-kk-article__category { grid-area: c; }

.layout-kk-article__sidebar-item { margin-bottom: 40px; }


@media (max-width: 812px) {
    .layout-kk-article {
        grid-template-columns: 1fr;
        grid-template-areas: "a" "c" "sb"

    }
}

.layout-kk-blog {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto auto 28px auto;
    grid-column-gap: 33px;
    grid-row-gap: 40px;
    grid-template-areas:
        "bc   bc   bc   bc   bc   bc   bc   bc   bc   sb    sb   sb   "
        "ls   ls   ls   ls   ls   ls   ls   ls   ls   sb    sb   sb   "
        "c    c    c    c    c    c    c    c    c    c     c    c    "
}

.layout-kk-blog__blog-card { grid-area: bc; }
.layout-kk-blog__articles { grid-area: ls; }
.layout-kk-blog__sidebar { grid-area: sb; }
.layout-kk-blog__category { grid-area: c; }

.layout-kk-blog__sidebar-item { margin-bottom: 40px; }


@media (max-width: 812px) {
    .layout-kk-blog {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: "bc" "ls" "sb" "c";
    }
}

.layout-kk-blogs {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 33px;
    grid-row-gap: 40px;
    grid-template-areas:
        "l    l    l    l    l    l    l    l    l    l    l    l    "
        "bnr  bnr  bnr  ln   ln   ln   ln   ln   ln   p    p    p    "
}

.layout-kk-blogs__list { grid-area: l; }
.layout-kk-blogs__list .article-card__headline { font-size: 24px; }
.layout-kk-blogs__bnr { grid-area: bnr; }
.layout-kk-blogs__last-news { grid-area: ln; }
.layout-kk-blogs__poll { grid-area: p; }


@media (max-width: 812px) {
    .layout-kk-blogs {
        grid-template-columns: 1fr;
        grid-template-areas: "l" "bnr" "ln" "p";
    }
}

.layout-kk-category {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto 28px auto;
    grid-column-gap: 33px;
    grid-row-gap: 40px;
    grid-template-areas:
        "l    l    l    l    l    l    l    l    l    sb    sb   sb   "
    ;
}

.layout-kk-category kk-blog-cards {
        display: block;
    }

.layout-kk-category kk-posts {
        display: none;
    }

.layout-kk-category__header { display: none; }

.layout-kk-category__list { grid-area: l; }
.layout-kk-category__sidebar { grid-area: sb; }
.layout-kk-category__sidebar-item { margin-bottom: 40px; }


@media (max-width: 812px) {
    .layout-kk-category {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        grid-row-gap: 20px;
        grid-template-areas:
            "l    l    "
            "sb   sb   "
        ;
    }

        .layout-kk-category__header { display: block; margin-bottom: 10px; }
        .layout-kk-category__list {
            position: relative;
        }

            .layout-kk-category__list:after {
                display: block; width: 100%;
                position: absolute; left: 0; bottom: 14px;
                border-bottom: 1px solid rgba(0, 0, 0, .1);
                content: '';
            }
}

.layout-kk-home {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto minmax(24px, max-content) auto;
    grid-column-gap: 33px;
    grid-row-gap: 40px;
    grid-template-areas:
        "ma   ma   ma   ma   ma   ma   ma   ma   ma   ma   ma   ma   "
        "mi   mi   mi   mi   mi   mi   mpr  mpr  mpr  bnr1 bnr1 bnr1 "
        "ec   ec   ec   ec   ec   ec   mpr  mpr  mpr  bnr1 bnr1 bnr1 "
        "cts  cts  cts  cts  cts  cts  cts  cts  cts  cts  cts  cts  "
        "blgs blgs blgs blgs blgs blgs blgs blgs blgs blgs blgs blgs "
        "prs  prs  prs  prs  prs  prs  prs  prs  prs  prs  prs  prs  "
        "vrs  vrs  vrs  vrs  vrs  vrs  vrs  vrs  vrs  vrs  vrs  vrs  "
        "poll poll poll mv   mv   mv   mv   mv   mv   mv   mv   mv   "
    ;
}

.layout-kk-home__main-article { grid-area: ma; }
.layout-kk-home__micro-info { grid-area: mi; }
.layout-kk-home__editors-choice { grid-area: ec; }
.layout-kk-home__main-photo-report { grid-area: mpr; }
.layout-kk-home__vertical-bnr { grid-area: bnr1; }
.layout-kk-home__categories { grid-area: cts; }
.layout-kk-home__blogs { grid-area: blgs; }
.layout-kk-home__photo-reports { grid-area: prs; }
.layout-kk-home__video-reports { grid-area: vrs; }
.layout-kk-home__poll { grid-area: poll; }
.layout-kk-home__most-viewed { grid-area: mv; }

.layout-kk-home__micro-info {
    margin-bottom: -10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-size: 21px;
}

.layout-kk-home__editors-choice {
    font-size: 24px;
}

.layout-kk-home__main-photo-report {
    font-size: 21px;
}

.layout-kk-home__category {
    margin-bottom: 40px;
}


@media (max-width: 812px) {
    .layout-kk-home {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 20px;
        grid-template-areas:
            "mi   mi   "
            "ma   ma   "
            "ec   ec   "
            "mpr  mpr  "
            "bnr1 bnr1 "
            "cts  cts  "
            "blgs blgs "
            "prs  prs  "
            "vrs  vrs  "
            "poll poll "
            "mv   mv   "
        ;

    }

        .layout-kk-home__micro-info{
            text-align: center;
            font-size: inherit;
        }

        .layout-kk-home__editors-choice {
            font-size: 21px;
        }

        .layout-kk-home__main-photo-report {
            text-align: center;
            padding-bottom: 20px;
            font-size: 21px;
        }

            .layout-kk-home__main-photo-report .kk-article-cards__item {
                display: none;
            }

                .layout-kk-home__main-photo-report .kk-article-cards__item:first-child {
                    display: block;
                }
            .layout-kk-home__photo-reports .kk-article-cards__item {
                display: none;
            }

                .layout-kk-home__photo-reports .kk-article-cards__item:first-child {
                    display: block;
                }
            .layout-kk-home__video-reports .kk-article-cards__item {
                display: none;
            }

                .layout-kk-home__video-reports .kk-article-cards__item:first-child {
                    display: block;
                }

        .layout-kk-home__vertical-bnr {
            padding-bottom: 20px;
        }
}

.layout-kk-not-found {
    padding: 1em 0 6em 0;
    font-size: 25px;

}

.layout-kk-photo-report {
    width: 1000px;
    margin: 0 auto;
}

@media (max-width: 812px) {
    .layout-kk-photo-report {
        width: auto;
    }
}

.layout-kk-photo-reports__list {
    margin-bottom: 40px;
    text-align: center;
    font-size: 20px;
}

.layout-kk-search {}

.layout-kk-section {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto 28px auto;
    grid-column-gap: 33px;
    grid-row-gap: 40px;
    grid-template-areas:
        "c    c    c    c    c    c    c    c    c    sb    sb   sb   "
}

.layout-kk-section__content { grid-area: c; }
.layout-kk-section__sidebar { grid-area: sb; }

.layout-kk-section__sidebar-item { margin-bottom: 40px; }

@media (max-width: 812px) {
    .layout-kk-section {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: "c" "sb";
    }
}

.layout-kk-video-report {
    width: 1000px;
    margin: 0 auto;
}

@media (max-width: 812px) {
    .layout-kk-video-report {
        width: auto;
    }
}

.layout-kk-video-reports__list {
    margin-bottom: 40px;
    text-align: center;
    font-size: 20px;
}

kk-admin-button {
    display: block;
}

.kk-admin-button {
    display: block;
    padding: .1em .6em;
    border-radius: 0px;
    background-color: coral;
    color: white;
    font-size: 16px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 20ms cubic-bezier(0.19, 1, 0.22, 1);
}

.kk-admin-button:hover{
        transition-duration: 20ms;
        opacity: 1;
    }

kk-article { display: block; }

.kk-article {
    display: grid;
    grid-template-columns: auto;
    grid-template-areas: "b" "m" "h" "a" "c" "content" "author" "g" "v";
    min-height: 100px;
    margin-bottom: 40px;
}

.kk-article__element {
        display: none;
        position: relative;
        grid-column: 1 / -1;
        grid-row: span 1;
    }

.kk-article__element.blog { grid-area: b; }

.kk-article__element.meta { grid-area: m; }

.kk-article__element.headline { grid-area: h; }

.kk-article__element.headline a {
        border-bottom: 1px solid rgba(0, 0, 0, .3);
        color: rgba(0, 0, 0, .8);
        cursor: pointer;
    }

.kk-article__element.headline a:hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }

.kk-article__element.headline a.hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }

.kk-article__element.annotation { grid-area: a; }

.kk-article__element.cover { grid-area: c; }

.kk-article__element.content { grid-area: content; }

.kk-article__element.author { grid-area: author; color: rgb(130, 130, 130); }

.kk-article__element.gallery { grid-area: g; }

.kk-article__element.video { grid-area: v; }

kk-article[layout="default"] .kk-article__element.blog {
                display: block;
                margin-bottom: 42px;
            }

kk-article[layout="default"] .kk-article__element.meta {
                display: block;
                margin-bottom: 22px;
            }

kk-article[layout="default"] .kk-article__element.headline {
                display: block;
                max-width: 40em;
                margin-bottom: .3em;
                line-height: 1.1;
                font-size: 64px;
                font-weight: bold;
            }

kk-article[layout="default"] .kk-article__element.annotation {
                display: block;
                max-width: 40em;
                font-size: 20px;
                margin-bottom: 1.2em;
                font-weight: bold;
            }

kk-article[layout="default"] .kk-article__element.annotation a {
        border-bottom: 1px solid rgba(0, 0, 0, .3);
        color: rgba(0, 0, 0, .8);
        cursor: pointer;
    }

kk-article[layout="default"] .kk-article__element.annotation a:hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }

kk-article[layout="default"] .kk-article__element.annotation a.hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }

kk-article[layout="default"] .kk-article__element.cover {
                display: block;
                max-width: 830px;
                margin-bottom: 25px;
            }

kk-article[layout="default"] .kk-article__element.content {
                display: block;
                margin-bottom: 2em;
            }

kk-article[layout="default"] .kk-article__element.author {
                display: block;
                margin-bottom: 2em;
            }

kk-article[layout="default"] .kk-article__element.gallery {
                display: block;
                margin-bottom: 2em;
            }

kk-article[layout="default"] .kk-article__element.video {
                display: block;
                margin-bottom: 2em;
            }

kk-article[layout="blog-feed"] .kk-article {
        grid-template-areas: "m" "h" "a" "c" "content" "author";
    }

kk-article[layout="blog-feed"] .kk-article__element.meta {
                display: block;
                margin-bottom: .5em;
            }

kk-article[layout="blog-feed"] .kk-article__element.headline {
                display: block;
                max-width: 40em;
                margin-bottom: .5em;
                line-height: 1.3;
                font-size: 34px;
                font-weight: bold;
            }

kk-article[layout="blog-feed"] .kk-article__element.annotation {
                display: block;
                margin-bottom: 1.2em;
                font-weight: bold;
            }

kk-article[layout="blog-feed"] .kk-article__element.cover { display: block; }

kk-article[layout="blog-feed"] .kk-article__element.content { display: block; }


kk-article[layout="photo-report"] .kk-article {
        grid-template-areas: "m" "h" "a" "g" "content" "author" "v";
        text-align: center;
    }


kk-article[layout="photo-report"] .kk-article__element.meta {
                display: block;
                margin-bottom: 22px;
            }


kk-article[layout="photo-report"] .kk-article__element.headline {
                display: block;
                max-width: 40em;
                margin-bottom: .3em;
                line-height: 1.1;
                font-size: 34px;
                font-weight: bold;
            }


kk-article[layout="photo-report"] .kk-article__element.annotation {
                display: block;
                max-width: 40em;
                font-size: 16px;
                margin: 0 auto 42px auto;
                font-style: italic;
            }


kk-article[layout="photo-report"] .kk-article__element.annotation a {
        border-bottom: 1px solid rgba(0, 0, 0, .3);
        color: rgba(0, 0, 0, .8);
        cursor: pointer;
    }


kk-article[layout="photo-report"] .kk-article__element.annotation a:hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }


kk-article[layout="photo-report"] .kk-article__element.annotation a.hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }


kk-article[layout="photo-report"] .kk-article__element.content {
                display: block;
                margin-bottom: 2em;
            }


kk-article[layout="photo-report"] .kk-article__element.gallery {
                display: block;
                margin-bottom: 2em;
            }


kk-article[layout="photo-report"] .kk-article__element.video {
                display: block;
                margin-bottom: 2em;
            }

kk-article[layout="video-report"] .kk-article {
        grid-template-areas: "m" "h" "a" "v" "content" "author" "g";
        text-align: center;
    }

kk-article[layout="video-report"] .kk-article__element.meta {
                display: block;
                margin-bottom: 22px;
            }

kk-article[layout="video-report"] .kk-article__element.headline {
                display: block;
                max-width: 40em;
                margin-bottom: .3em;
                line-height: 1.1;
                font-size: 34px;
                font-weight: bold;
            }

kk-article[layout="video-report"] .kk-article__element.annotation {
                display: block;
                max-width: 40em;
                font-size: 16px;
                margin: 0 auto 42px auto;
                font-style: italic;
            }

kk-article[layout="video-report"] .kk-article__element.annotation a {
        border-bottom: 1px solid rgba(0, 0, 0, .3);
        color: rgba(0, 0, 0, .8);
        cursor: pointer;
    }

kk-article[layout="video-report"] .kk-article__element.annotation a:hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }

kk-article[layout="video-report"] .kk-article__element.annotation a.hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }

kk-article[layout="video-report"] .kk-article__element.content {
                display: block;
                margin-bottom: 2em;
            }

kk-article[layout="video-report"] .kk-article__element.gallery {
                display: block;
                margin-bottom: 2em;
            }

kk-article[layout="video-report"] .kk-article__element.video {
                display: block;
                margin-bottom: 2em;
            }


@media (max-width: 812px) {
    .kk-article {
        text-align: left !important;
    }
            .kk-article__element.headline {
                font-size: 40px !important;
            }

            .kk-article__element.annotation {
                margin-left: 0 !important;
            }
}

kk-article-card { display: block; }

.kk-article-card {
    display: block;
    position: relative;
    border-radius: 0px;
}

.kk-article-card__admin-button {
        position: absolute;
        z-index: 1000;
        right: .5em;
        top: .5em;
    }


.kk-article-card__photo-collage {
    position: relative; z-index: 2;
    margin-bottom: .5em
}

.kk-article-card__cover {
    display: block; width: 100%; box-sizing: border-box;
    position: relative; z-index: 1;
    margin-bottom: .5em;
    padding-bottom: 66.588%;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, .2);
    background-position: 50% 50%;
    background-clip: padding-box;
    background-size: cover;
}

.kk-article-card__video-cover {
    display: block; width: 100%; box-sizing: border-box;
    position: relative; z-index: 1;
    margin-bottom: .5em;
    padding-bottom: 66.588%;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, .2);
    background-position: 50% 50%;
    background-clip: padding-box;
    background-size: cover;
}


.kk-article-card__video-cover:after {
    display: block; content: "";
    width: 100%; height: 100%; position: absolute; left: 0; top: 0;
    background-image: url(../images/kk-article-card/ico-video.png);
    background-repeat: no-repeat; background-position: center center;
    opacity: .5;
}

.kk-article-card__headline {
    position: relative; z-index: 10;
    line-height: 1.4;
    margin-bottom: .3em;
}
.kk-article-card__headline a {
        border-bottom: 1px solid rgba(33, 97, 185, .4);
        color: rgb(33, 97, 185);
        cursor: pointer;
    }
.kk-article-card__headline a:hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }
.kk-article-card__headline a.hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }

.kk-article-card__annotation {
    margin-bottom: .4em;
}

.kk-article-card__meta {}

.kk-article-card.line .kk-article-card__headline { display: inline; }


.kk-article-card.on-cover {
    height: 0; overflow: hidden;
    position: relative;
    padding-bottom: 66.923%;
    color: white;
}


.kk-article-card.on-cover:hover .kk-article-card__headline a{
            border-bottom-color: rgba(255, 255, 255, .7);
            color: rgba(255, 255, 255, 1);
        }

.kk-article-card.on-cover .kk-article-card__cover {
    display: block; width: 100%; height: 100%;
    position: absolute; left: 0; top: 0;
    filter: brightness(1);
    transition: filter .3s ease;
}

.kk-article-card.on-cover .kk-article-card__cover:after{
    display: block; width: 100%; height: 100%;
    position: absolute; left: 0; top: 0;
    background-image: linear-gradient(
        rgba(0, 0, 0, 0) 30%,
        rgba(0, 0, 0, .2) 60%,
        rgba(0, 0, 0, .5)
    );
    content: '';
}


.kk-article-card.on-cover .kk-article-card__text {
    display: flex; width: 100%; height: 100%;
    flex-direction: column-reverse;
    position: absolute; z-index: 10;
    padding: 2% 5% 2% 2%;
}


.kk-article-card.on-cover .kk-article-card__text__filling-anchor {
        display: block; width: 100%; height: 100%;
        position: absolute; top: 0; left: 0;
    }

.kk-article-card.on-cover .kk-article-card__headline {
    display: block; order: 3;
    font-size: 34px; line-height: 1.3; font-weight: bold;
}
.kk-article-card.on-cover .kk-article-card__headline a {
        border-bottom: 1px solid rgba(255, 255, 255, .4);
        color: rgba(255, 255, 255, 1);
        cursor: pointer;
    }
.kk-article-card.on-cover .kk-article-card__headline a:hover {
        border-bottom-color: rgba(255, 255, 255, .7);
        color: rgba(255, 255, 255, 1);
    }
.kk-article-card.on-cover .kk-article-card__headline a.hover {
        border-bottom-color: rgba(255, 255, 255, .7);
        color: rgba(255, 255, 255, 1);
    }
.kk-article-card.on-cover .kk-article-card__annotation {
    order: 2;
}
.kk-article-card.on-cover .kk-article-card__meta {
    order: 1;
    color: white;
}


.kk-article-card.on-cover.wide {
    padding-bottom: 35%;
}
.kk-article-card.on-cover.wide .kk-article-card__headline {
    font-size: 72px;
    line-height: 1.1;
}


@media (max-width: 812px) {
        .kk-article-card.on-cover .kk-article-card__headline {
            font-size: 24px;
            line-height: 1.3;
        }

        .kk-article-card.on-cover .kk-article-card__annotation {
            display: none;
        }

        .kk-article-card.on-cover.wide {
            padding-bottom: 66.588%;
        }

            .kk-article-card.on-cover.wide .kk-article-card__headline {
                font-size: 24px;
            }

            .kk-article-card.on-cover.wide .kk-article-card__annotation {
                font-size: 13px;
            }

}

kk-article-cards { display: block; }

.kk-article-cards {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 33px;
    grid-row-gap: 40px;
    margin-bottom: 40px;
}


.kk-article-cards.lines { grid-row-gap: 1em; }

.kk-article-cards.default .kk-article-cards__item,
.kk-article-cards.one-column-list .kk-article-cards__item,
.kk-article-cards.lines .kk-article-cards__item { grid-column: 1 / -1; }
.kk-article-cards.cols-2 .kk-article-cards__item { grid-column: span 6; }
.kk-article-cards.cols-3 .kk-article-cards__item { grid-column: span 4; }
.kk-article-cards.cols-4 .kk-article-cards__item { grid-column: span 3; }
.kk-article-cards.cols-6 .kk-article-cards__item { grid-column: span 2; }

.kk-article-cards.blog-feed .kk-article-cards__item { grid-column: span 12; }

.kk-article-cards.category .kk-article-cards__item {
        grid-column: span 4;
    }

.kk-article-cards.category.first-page .kk-article-cards__item:first-child {
            grid-column: span 12;
        }

.kk-article-cards.category-section .kk-article-cards__item {
        grid-column: span 4;
    }

.kk-article-cards.category-section .kk-article-cards__item:first-child, .kk-article-cards.category-section .kk-article-cards__item:first-child + .kk-article-cards__item {
            grid-column: span 6;
        }


.kk-article-cards.one-column-list {
   grid-column-gap: 0;
   grid-row-gap: calc(40px / 2);
}


@media (max-width: 812px) {
    .kk-article-cards {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 12px;
    }

        .kk-article-cards.cols-2 .kk-article-cards__item { grid-column: 1 / -1; }
        .kk-article-cards.cols-3 .kk-article-cards__item { grid-column: 1 / -1; }
        .kk-article-cards.cols-4 .kk-article-cards__item { grid-column: span 1; }
        .kk-article-cards.cols-6 .kk-article-cards__item { grid-column: span 1; }
            .kk-article-cards.category.first-page .kk-article-cards__item {
                grid-column: span 1;
            }

                .kk-article-cards.category.first-page .kk-article-cards__item:first-child {
                    grid-column: span 2;
                }
            .kk-article-cards.category-section .kk-article-cards__item {
                grid-column: span 1;
            }

                .kk-article-cards.category-section .kk-article-cards__item:first-child, .kk-article-cards.category-section .kk-article-cards__item:first-child + .kk-article-cards__item {
                    grid-column: 1 / -1;
                }

                .kk-article-cards.category-section .kk-article-cards__item:nth-child(5) {
                    display: none;
                }
}

kk-article-image {
    display: block;
}

.kk-article-image__image {
    display: block; max-width: 100%; max-height: 600px;
    margin-bottom: 8px;
}

.kk-article-image__caption {
    max-width: 40em;
    margin-bottom: .8em;
    font-size: 14px; font-style: italic;
}
.kk-article-image__author {
    max-width: 40em;
    margin-bottom: .8em;
    font-size: 14px; font-style: italic;
}
.kk-article-image__author:before {
    content: 'Автор изображения: '
}


kk-blog-card {
    display: grid; position: relative; z-index: 0;
}
kk-blog-card:hover { z-index: 1; }

.kk-blog-card__element {
        display: none; position: relative;
    }

.kk-blog-card__element.cover img {
            display: block;
            width: 100%;
        }

.kk-blog-card__element.title a {
        border-bottom: 1px solid rgba(0, 0, 0, .3);
        color: rgba(0, 0, 0, .8);
        cursor: pointer;
    }

.kk-blog-card__element.title a:hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }

.kk-blog-card__element.title a.hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }



kk-blog-card[layout='default'] {
    grid-template-columns: max-content auto;
    grid-template-rows: auto auto auto;
    grid-column-gap: 20px;
    grid-template-areas:
        "cover title"
        "cover description"
        "cover meta";
}



kk-blog-card[layout='default'] .kk-blog-card__element.cover {
            display: block; grid-area: cover;
        }



kk-blog-card[layout='default'] .kk-blog-card__element.cover a {
            display: inline-block; max-width: 30vw;
            border: 3px solid rgb(255, 255, 255);
            border-radius: 4px;
            box-shadow: 0 0 7px -1px rgba(0, 0, 0, .75);
        }



kk-blog-card[layout='default'] .kk-blog-card__element.title {
            display: block;  grid-area: title;
            text-transform: uppercase;
            font-size: 34px;
        }



kk-blog-card[layout='default'] .kk-blog-card__element.description {
            display: block;  grid-area: description;
        }



kk-blog-card[layout='default'] .kk-blog-card__element.meta {
            display: block;  grid-area: meta;
            color: rgb(130, 130, 130);
        }


kk-blog-card[layout='rows'] {
    grid-template-columns: 86px 1fr;
    margin-bottom: 16px;
}


kk-blog-card[layout='rows'] .kk-blog-card__element.cover {
            display: block; grid-column: 1 / 2;
            border: 3px solid rgb(255, 255, 255);
            border-radius: 4px;
            box-shadow: 0 0 7px -1px rgba(0, 0, 0, .75);
        }


kk-blog-card[layout='rows'] .kk-blog-card__element.title {
            display: block; grid-column: 2 / 3;
            padding-left: .5em;
        }


kk-blog-card[layout='squares'] {
    grid-template-columns: 80px;
    grid-template-rows: 80px;
    perspective: 100px;
}


kk-blog-card[layout='squares'] .kk-blog-card__element.cover {
            display: block;
            transition: transform .6s ease;
        }


kk-blog-card[layout='squares'] .kk-blog-card__element.cover:hover {
            transform: rotate3d(0, 0, 1, -5deg) translate3d(0px, 0px, -20px);
            transition: transform .2s ease;
        }


@media (max-width: 812px) {
            kk-blog-card[layout='default'] .kk-blog-card__element.title {
                font-size: 20px;
            }

}

.kk-blog-cards--squares {
    display: flex;
    flex-wrap: wrap;
}


kk-blogs-widget {
    display: block;
}


kk-blogs-widget kk-blog-cards {
        display: block;
    }


kk-blogs-widget kk-posts {
        display: none;
    }

@media (max-width: 812px) {
        kk-blogs-widget kk-blog-cards {
            display: none;
        }

        kk-blogs-widget kk-posts {
            display: block;
        }

}

kk-bnr {
    display: block;
    margin: 0 auto;
}

kk-bnr.hidden {
        display: none;
    }

.kk-bnr.top {
        margin-top: 10px;
        margin-bottom: 33px;
        text-align: center;
    }

.kk-bnr.vertical {
        background-color: rgba(0, 0, 0, .2);
    }

.kk-bnr img {
        display: block;
        width: 100%;
    }

@media (max-width: 812px) {
        .kk-bnr.top {
            width: calc(12px + 100% + 12px);
            margin: 12px -12px;
        }
}


kk-bnr-third-party { display: block; }

.kk-bnr-third-party {}

kk-comment { display: block; }

.kk-comment {
    margin-bottom: 1.5em;
    padding: .5em 1em .8em 1em;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, .03);
}

.kk-comment__meta {
        margin-bottom: .3em;
        padding-bottom: .3em;
        border-bottom: 1px solid rgba(0, 0, 0, .03);
    }

.kk-comment__name {
        font-weight: bold;
        margin-right: 1em;
    }

.kk-comment__time {
        font-size: 14px; color: rgba(0, 0, 0, .35);
    }

.kk-comment__message {

    }


@media (max-width: 812px) {


}


kk-comment-form { display: block; }

.kk-comment-form {
    padding: 1em;
    background-color: rgb(242, 245, 248);
}

.kk-comment-form__row {
        display: flex;
        margin-bottom: 1.2em;
    }

.kk-comment-form__label {
        width: 120px;
        margin-right: 20px;
    }

.kk-comment-form__field {
        width: calc(100% - 140px);
    }

.kk-comment-form__field textarea {
            min-height: 6em;
        }

.kk-comment-form__message {
        width: calc(100% + 10px);
        margin: -5px -10px;
        padding: 5px 10px;
        border-radius: 0px;

        background-color: rgba(0, 0, 0, .6);
        font-style: italic;
        color: white;
    }

.kk-comment-form__message.success { background-color: rgba(0, 115, 0, .6); }

.kk-comment-form__message.error { background-color: rgba(255, 0, 0, .6); }


@media (max-width: 812px) {
        .kk-comment-form__row {
            flex-flow: column;
        }
        .kk-comment-form__field {
            width: calc(100%);
        }
}

.kk-comments__section {
        margin-bottom: 40px;
    }

.kk-comments__section.open-form-button {
            text-align: center;
        }

.kk-comments__section.form {
            display: grid;
            grid-template-columns: 492px auto;
            grid-template-rows: auto;
            grid-column-gap: 22px;
            grid-row-gap: 22px;
            grid-template-areas: "form rules";
        }

.kk-comments__section.list {

        }

.kk-comments__open-form-button.f-button {
        line-height: 2em;
    }

.kk-comments__form {
        grid-area: form;
    }

.kk-comments__rules {
        grid-area: rules;
        width: 360px;
        line-height: 18px;
        font-size: 13px;
        color:rgb(130, 130, 130);
    }

.kk-comments__rules p { margin-bottom: 18px; }

.kk-comments__rules p + ol { margin-top: -16px; }

.kk-comments__rules ol {
            padding-left: 1.8em; overflow: hidden;
        }

.kk-comments__rules ol li {
                list-style-position: outside;
                list-style-type: decimal;
            }

.kk-comments__rules ol li:after { content: ';'; }

.kk-comments__rules ol li:last-child:after { content: '.'; }


@media (max-width: 812px) {
            .kk-comments__section.form {
                grid-template-columns: max-content;
                grid-template-areas: "form" "rules";
            }
        .kk-comments__rules {
            width: calc(100vw - 24px);
        }
}

kk-compact-nav { display: block; }

kk-panel[key=compact-nav] {
    width: calc(12px + 100% + 12px);
    margin: 0 -12px;
}

kk-panel[key=compact-nav] .kk-panel__close-button{
        left: 16px; top: 12px;
        fill: white;
    }

kk-panel[key=compact-nav] .kk-panel__content{
        background-color: rgb(50, 50, 50);
        padding-top: 30px;
        color: white;
    }

.kk-compact-nav {
    font-size: 27px;
    font-weight: bold;

}

.kk-compact-nav__section {
        padding: 15px 23px 20px 23px;
    }

.kk-compact-nav__section.info {
            background-image: linear-gradient(
                rgb(77, 147, 207),
                rgb(55, 85, 125)
            );
        }

.kk-compact-nav__section.info .kk-compact-nav__item a.current, .kk-compact-nav__section.info .kk-compact-nav__item span.current {
                        background: white;
                        color: rgb(66, 116, 166);
                    }

.kk-compact-nav__section.info > nav {
                position: relative;
                margin-bottom: 40px;
            }

.kk-compact-nav__section.info > nav:after {
                    display: block; width: calc(100% + 20px); height: 1px;
                    position: absolute; left: -10px; bottom: -20px; opacity: .2;
                    background-color: white;
                    content: '';
                }

.kk-compact-nav__item {
        margin-bottom: 3px;
    }

.kk-compact-nav__item a {
            display: inline-block;
            border-radius: 0px;
            padding: 0px 8px;
            margin-left: -8px;

        }

.kk-compact-nav__item span {
            display: inline-block;
            border-radius: 0px;
            padding: 0px 8px;
            margin-left: -8px;

        }

.kk-compact-nav__item a.current:hover { color: rgb(44, 44, 44); }

.kk-compact-nav__item .current {
            background-image: linear-gradient(
        rgb(77, 145, 204),
        rgb(67, 112, 158)
    );
            box-shadow: 0px 10px 22px -8px rgba(9, 9, 19, .15);
        }

.kk-compact-nav__item .current-child {
            background-image: linear-gradient(
        rgba(77, 145, 204, 0.5),
        rgba(67, 112, 158, 0.5)
    );
            box-shadow: 0px 10px 22px -8px rgba(9, 9, 19, .15);
        }

.kk-compact-nav__social-links li {
        width: 60px;
        height: 60px;
    }


.kk-compact-nav__item > a{
        color: rgba(255, 255, 255, 1);
        cursor: pointer;
    }


.kk-compact-nav__item > a:hover {
        color: rgba(255, 255, 255, 1);
    }


.kk-compact-nav__item > a.hover {
        color: rgba(255, 255, 255, 1);
    }


.kk-compact-nav__item > a em {
        border-bottom: 1px solid rgba(255, 255, 255, .4);
    }


.kk-compact-nav__item > a:hover em {
        border-bottom-color: rgba(255, 255, 255, .7);
    }


.kk-compact-nav__item > a.hover em {
        border-bottom-color: rgba(255, 255, 255, .7);
    }

.kk-form {}



.f-layout {
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.f-layout.col {
    margin-bottom: .6em;
}

.f-row {
    margin-bottom: 1.3em;
}

.f-item {
    max-width: 100%;
    padding-top: .2em;
    padding-bottom: .2em;
    line-height: 1.3;
}

.f-field {
    max-width: 100%;
    padding-top: .2em;
    padding-bottom: .2em;
    line-height: 1.3;
}

.f-label {
    max-width: 100%;
    padding-top: .2em;
    padding-bottom: .2em;
    line-height: 1.3;
}

.f-button {
    max-width: 100%;
    padding-top: .2em;
    padding-bottom: .2em;
    line-height: 1.3;
}

.f-select {
    max-width: 100%;
    padding-top: .2em;
    padding-bottom: .2em;
    line-height: 1.3;
}

.f-field {
    width: 100%;
    padding-left: .4em;
    padding-right: .4em;
    box-sizing: border-box; line-height: 1.3;
    background-color: white;
    border: none; border-radius: 1px;
    transition:
        color 20ms ease,
        box-shadow 20ms ease,
        background-color 20ms ease;
}

.f-field:not(:read-only):focus {outline: none;
    box-shadow: 0 0 0 1px rgb(136, 163, 203)}
textarea.f-field {resize: vertical}
textarea.f-field:read-only {resize: none}

.f-field.inline {
    display: inline-block; width: auto;
}

select.f-field { cursor: pointer; }

.f-field.invalid {
    box-shadow: 0 0 0 1px rgb(220, 75, 50, .5);
}

.f-label {
    display: block; box-sizing: border-box;
    position: relative;
    margin-bottom: .2em;
    border-radius: 3px;
}

.f-label.in-row {
    box-sizing: border-box; line-height: 1.3;
    padding: calc(.3em + 1px) 0;
}

.f-label.checkbox {
    display: inline-block;
    padding: 0 5px 1px 25px;
    cursor: pointer;
    user-select: none;
}
.f-label.checkbox:hover {
    background-color: rgba(0, 0, 0, .05);
}

.f-label.checkbox > input[type="checkbox"] {
    position: absolute;
    left: 3px;
    top: 3px;
    cursor: pointer;
}



.f-button {
    box-sizing: border-box; line-height: 1.3;
    margin: 0;
    padding-left: .8em;
    padding-right: .8em;
    border: none;
    border-radius: 0px;

    background-color: rgb(33, 97, 185);
    box-shadow: 0 0 0 1px rgb(33, 97, 185);

    color: white;
    cursor: pointer;
    transition:
        color 20ms ease,
        box-shadow 20ms ease,
        background-color 20ms ease;
}



.f-button:disabled {
        opacity: .4;
    }



.f-button:not(:disabled):hover {
        background-color: rgb(38, 113, 217);
        box-shadow: 0 0 0 1px rgb(38, 113, 217);

        transition:
            color 20ms ease,
            box-shadow 20ms ease,
            background-color 20ms ease;
    }



.f-button.muted {
        background-color: rgb(77, 104, 143);
        box-shadow: 0 0 0 1px rgb(77, 104, 143);
    }



.f-button.muted:hover {
            background-color: rgb(38, 113, 217);
            box-shadow: 0 0 0 1px rgb(38, 113, 217);
        }



.f-button.shapeless {
        margin: 0; padding: 0; background: transparent; border: none;
        box-shadow: none;
        line-height: inherit; font-size: inherit; color: inherit;
    }

.f-help {
    display: inline-block; width: 1.3em; height: 1.3em;
    text-align: center;
    border: 1px solid rgba(190, 215, 243);
    border-radius: 50%;
    background-color: white;
    font-size: 14px; font-weight: normal;
    color: rgb(33, 97, 185);
    cursor: help;
}

.f-help:before {
    display: block;
    line-height: 1.3;
    content: '?';
}



.f-unit {
    display: inline-block;
}

.f-unit:not(:first-child) {
    margin-left: .3em;
}

kk-date-selector { display: inline-block; }

.kk-date-selector {
    display: inline-block;
    background-color: rgb(244, 238, 228);
    padding: 7px 9px;
    border-radius: 0px;
}


.kk-gallery {
    margin-bottom: calc(40px - 16px);
}


.kk-gallery__list {
        margin-left: -8px;
    }


.kk-gallery__list-item {
        display: inline-block;
        height: 230px;
        margin: 0 8px 16px 8px;
        cursor: pointer;
    }


.kk-gallery__list-item:hover { opacity: .8; }


.kk-gallery__list-item > img { height: 100%; }


.kk-gallery__view {
        display: grid;
        grid-template-columns: 107px 1fr 107px;
        grid-template-rows: 76px 1fr 76px;
        grid-gap: 10px;
        grid-template-areas:
            'mv mv mv'
            'mv mv mv'
            'mv mv mv'
        ;
        position: relative;
    }


.kk-gallery__view.hidden { display: none; }


.kk-gallery__view.previews {
            grid-template-areas:
                'pv pv pv'
                'mv mv mv'
                'mv mv mv'
            ;
        }


.kk-gallery__view__close {
            display: inline-block; height: 1.6em;
            position: absolute; right: 4vw; top: .8vh;
            text-align: right;
            font-size: 3vh;
            font-weight: bold;
            color: white;
            cursor: pointer;
        }


.kk-gallery__view__close:hover {
                color: rgb(185, 33, 56);
            }


.kk-gallery__view__close:before {
                content: '×'
            }


.kk-gallery__view__close:after {
                content: 'Закрыть'
            }


.kk-gallery__mainview, .kk-gallery__preview {
        position: relative;
    }


.kk-gallery__mainview__viewport, .kk-gallery__preview__viewport {
            height: 100%; overflow: hidden;
            position: relative; z-index: 1;
            text-align: center;
        }


.kk-gallery__mainview__container, .kk-gallery__preview__container {
            display: block; height: 100%;
            position: relative;
            white-space: nowrap;
        }


.kk-gallery__mainview__item, .kk-gallery__preview__item {
            display: inline-block; height: 100%; vertical-align: top;
            position: relative; overflow: hidden;
            font-size: 0; line-height: 0;
            cursor: pointer; user-select: none;
        }


.kk-gallery__mainview__item:first-child:last-child, .kk-gallery__preview__item:first-child:last-child {
                cursor: auto;
            }


.kk-gallery__mainview__item > img, .kk-gallery__preview__item > img {
                display: block; margin: 0 auto;
            }


.kk-gallery__mainview__controls, .kk-gallery__preview__controls {
            display: block;
        }


.kk-gallery__mainview__controls.hidden, .kk-gallery__preview__controls.hidden {
                display: none;
            }


.kk-gallery__mainview {
        grid-area: mv;
    }


.kk-gallery__mainview__item {
            opacity: 1;
            transition: opacity .3s ease;
        }


.kk-gallery__mainview__item.hidden {
                opacity: 0;
            }


.kk-gallery__mainview__item.landscape > img, .kk-gallery__mainview__item.square > img {
                    width: 100%;
                }


.kk-gallery__mainview__item.portrait > img {
                    max-width: 100%;
                    max-height: 900px;
                }


.kk-gallery__mainview__item > figcaption {
                width: 100%;
                position: absolute; left: 0; bottom: 0;
                padding: 3em 6em 1em 6em;
                background-image:
                    linear-gradient(
                        rgba(0, 0, 0, 0),
                        rgba(0, 0, 0, .2) 60%,
                        rgba(0, 0, 0, .5)
                    );
                font-size: 18px;
                line-height: 1.3;
                white-space: normal;
                color: white;
            }


.kk-gallery__mainview__controls {
            width: 100%; height: 100%;
            position: absolute; left: 0; top: 0; z-index: 2;
            pointer-events: none;
        }


.kk-gallery__mainview__controls > div {
                pointer-events: auto;
            }


.kk-gallery__preview {
        grid-area: pv;
    }


.kk-gallery__preview__viewport.center { text-align: center; }


.kk-gallery__preview__viewport.right { text-align: right; }


.kk-gallery__preview__viewport.left { text-align: left; }


.kk-gallery__preview__container {
            display: inline-block;
        }


.kk-gallery__preview__item > img {
                height: 100%;
            }


.kk-gallery__preview__mask {
            display: block; width: 100%; height: 100%;
            position: absolute; left: 0; top: 0;
        }


.kk-gallery__preview__controls {
            height: 0; position: relative; top: -50%;
        }



.kk-gallery__mainview__viewport {
    background-color: rgba(0, 0, 0, .1);
}

.kk-gallery__mainview__control {
    display: block; height: 100%;
    position: absolute; top: 0;
    cursor: pointer}
.kk-gallery__mainview__control:hover {background-color: rgba(150, 150, 150, .2)}
.kk-gallery__mainview__control > svg {
    width: 5vmin; height: 10vmin;
    position: absolute; top: calc(50% - 5vmin );
    fill: rgba(255, 255, 255, .8)}
.kk-gallery__mainview__control:hover > svg {fill: rgb(185, 33, 56)}

.kk-gallery__mainview__control.prev {width: 10%; left: 0}
.kk-gallery__mainview__control.next {width: 10%; right: 0}
.kk-gallery__mainview__control.prev > svg {left: calc(50% - 4vmin)}
.kk-gallery__mainview__control.next > svg {right: calc(50% - 4vmin)}

.kk-gallery__preview__mask {border: 2px solid rgba(0, 0, 0, 0)}
.kk-gallery__preview__item:hover > .kk-gallery__preview__mask {
    border-color: rgb(185, 33, 56)}
.kk-gallery__preview__item.current > .kk-gallery__preview__mask {
    border-color: rgb(33, 97, 185);
    background-color: rgba(33, 97, 185, 0.3); cursor: auto}
.kk-gallery__preview__controls.direction-prev:before,
.kk-gallery__preview__controls.direction-next:after {
    display: block; width: 8px; height: 86px;
    position: absolute; top: -43px;
    z-index: 2; pointer-events: none; content: ''}
.kk-gallery__preview__controls.direction-prev:before {left: 0;
    background-image: url('../images/kk-gallery/previews-shadow-left.png')}
.kk-gallery__preview__controls.direction-next:after {right: 0;
    background-image: url('../images/kk-gallery/previews-shadow-right.png')}


.kk-gallery__preview__prev,
.kk-gallery__preview__next {opacity:1; transition: opacity .1s linear}
.kk-gallery__preview__prev.hidden,
.kk-gallery__preview__next.hidden {transition: opacity .1s linear .5s}

.kk-gallery__mainview {transition: height .4s ease}
.kk-gallery__mainview__container {
    transition: transform .5s cubic-bezier(.69, 0, .31, 1)}
.kk-gallery__preview__container {
    transition: left .5s cubic-bezier(.69, 0, .31, 1)}
.kk-gallery__preview__prev.hidden,
.kk-gallery__preview__next.hidden {transition: opacity .1s linear .5s}

kk-header {
    display: block;
    position: relative; overflow: hidden;
    margin-bottom: 20px;
    text-align: center;
}

.kk-header__lebel {
    display: inline-block;
    position: relative;
    padding: 0 .7em .2em .7em;
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 38px;
    font-weight: bold;
    letter-spacing: .06em;
}
.kk-header__lebel a {
        border-bottom: 1px solid rgba(0, 0, 0, .3);
        color: rgba(0, 0, 0, .8);
        cursor: pointer;
    }
.kk-header__lebel a:hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }
.kk-header__lebel a.hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }

.kk-header__lebel.small {
    font-size: 20px;
    font-weight: normal;
}

.kk-header__align--left { text-align: left; }
.kk-header__align--left .kk-header__lebel { padding-left: 0; }
.kk-header__align--right { text-align: right; }
.kk-header__align--right .kk-header__lebel { padding-right: 0; }

.kk-header__lebel.decor:before {
    display: block; width: 2000px; height: 1px;
    position: absolute; top: calc(50% + 0.02em);
    background-color: rgba(0, 0, 0, .1);
    content: '';
}

.kk-header__lebel.decor:after {
    display: block; width: 2000px; height: 1px;
    position: absolute; top: calc(50% + 0.02em);
    background-color: rgba(0, 0, 0, .1);
    content: '';
}
.kk-header__lebel.decor:before { right: 100%; }
.kk-header__lebel.decor:after { left: 100%; }

.kk-header__icon {
    display: block; height: 70px; margin: 0 auto 16px auto;
    position: relative;
    background-image: url(../images/kk-header/icons.png);
}
.kk-header__icon--archive {
    width: 88px; background-position: 0 -280px; }
.kk-header__icon--blogs {
    width: 69px; background-position: 0 -70px; }
.kk-header__icon--photo {
    width: 84px; background-position: 0 -140px; }
.kk-header__icon--video {
    width: 92px; left: 4px; background-position: 0 -210px; }
.kk-header__icon--search {
    width: 69px; background-position: 0 -350px; }
.kk-header__icon--error404 {
    width: 153px; background-position: 0 0; }


@media (max-width: 812px) {
            .kk-header__align--left { text-align: center; }
            .kk-header__align--left .kk-header__lebel { padding-left: .7em; }
            .kk-header__align--right { text-align: center; }
            .kk-header__align--right .kk-header__lebel { padding-right: .7em; }
            .kk-header__lebel:before {
                display: block; width: 2000px; height: 1px;
                position: absolute; top: calc(50% + 0.02em);
                background-color: rgba(0, 0, 0, .1);
                content: '';
            }
            .kk-header__lebel:after {
                display: block; width: 2000px; height: 1px;
                position: absolute; top: calc(50% + 0.02em);
                background-color: rgba(0, 0, 0, .1);
                content: '';
            }

            .kk-header__lebel:before { right: 100%; }
            .kk-header__lebel:after { left: 100%; }

        .kk-header__icon {
            transform: scale3d(.5, .5, 1);
            margin-top: -12px;
            margin-bottom: -11px;
        }

        .kk-header__lebel {
            font-size: 24px;
        }


}

kk-html-content { display: block; }

.kk-html-content a {
        border-bottom: 1px solid rgba(33, 97, 185, .4);
        color: rgb(33, 97, 185);
        cursor: pointer;
    }

.kk-html-content a:hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }

.kk-html-content a.hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }

.kk-html-content strong,
    .kk-html-content b { font-weight: bold; }

.kk-html-content em,
    .kk-html-content i { font-style: italic; }

.kk-html-content del,
    .kk-html-content s { text-decoration: line-through; }

.kk-html-content h1 {
        margin-top: 1em; margin-bottom: .4em;
        font-size: 200%;
        line-height: 1.3;
    }

.kk-html-content h2 {
        margin-top: 1.2em; margin-bottom: .6em;
        line-height: 1.3;
        font-size: 130%;
        font-weight: bold;
    }

.kk-html-content h3 {
        margin-bottom: 1em;
    }

.kk-html-content p {
        margin-bottom: 1em;
    }

.kk-html-content img {
        max-width: 100%;
    }

.kk-html-content ul,
.kk-html-content ol {
    list-style-position: outside;
    margin-top: .4em;
    font-size: 19px;
    line-height: 25px;
}

.kk-html-content ul li,
.kk-html-content ol li {
    margin-bottom: .7em;
}

.kk-html-content ul {
    padding-left: 2.2em;
}

.kk-html-content ul > li:before {
    content: '— ';
    margin-left: -1.2em;
}

.kk-html-content ol {
    padding-left: 3.5em;
}

.kk-html-content ol > li:before {
    display: inline-block;
    text-align: right;
    margin-right: .5em;
}

.kk-html-content ol {
    counter-reset: i;
}

.kk-html-content ol > li:before {
    width: 2.5em;
    margin-left: -3em;
    counter-increment: i;
    content: counter(i) '.';
}

.kk-html-content ol > li > ol {
    padding-left: 3.5em;
    counter-reset: i2;
}

.kk-html-content ol > li > ol > li:before {
    width: 3em;
    margin-left: -3.5em;
    counter-increment: i2;
    content: counter(i) '.'counter(i2) '.'
}

.kk-html-content ol > li > ol > li > ol {
    padding-left: 2.5em;
    counter-reset: i3;
}

.kk-html-content ol > li > ol > li > ol > li:before {
    min-width: 2em;
    width: auto;
    margin-left: -2.5em;
    counter-increment: i3;
    content: counter(i3, lower-alpha) ')';
}


.kk-html-content > blockquote,
.kk-html-content > section > blockquote {
    margin: 0 4em 0 4em;
}

.kk-html-content > blockquote > p,
.kk-html-content > section > blockquote > p {
    margin-bottom: .8em;
    font-size: 26px;
    line-height: 1.3em;
    font-style: italic;
    color: rgba(0, 0, 0, .9);
}

.kk-html-content table {margin-bottom: 30px; margin-left: -11px; }
.kk-html-content table.small {font-size: 15px}
.kk-html-content table > caption {margin-bottom: .166em; font-style: italic; }

.kk-html-content table tr {}
.kk-html-content table th {
    position:relative; padding: 8px 10px;
    border: 1px solid rgba(0, 0, 0, .1);
}
.kk-html-content table td {
    position:relative; padding: 8px 10px;
    border: 1px solid rgba(0, 0, 0, .1);
}
.kk-html-content table th {font-weight: bold; }

.kk-html-content table td.r {text-align: right; }

.kk-html-content table > thead {font-weight:bold; }
.kk-html-content table > thead > tr {
    border-bottom: 1px solid rgb(170, 170, 170); }
.kk-html-content table > tfoot > tr {
    border-top: 1px solid rgb(170, 170, 170); }
.kk-html-content table > thead > tr > td { padding: 0 1.875em .5em 0; }

.kk-html-content table > thead.center td,
.kk-html-content table > tbody.center td,
.kk-html-content table > tfoot.center td { text-align: center; }
.kk-html-content table > thead.right td,
.kk-html-content table > tbody.right td,
.kk-html-content table > tfoot.right td { text-align: right; }


@media (max-width: 812px) {
    .kk-html-content > blockquote > p,
    .kk-html-content > section > blockquote > p {
        font-size: inherit;
    }
}


kk-issue-selector { display: inline-block; }

.kk-issue-selector {
    display: inline-block;
    background-color: rgb(244, 238, 228);
    padding: 7px 9px;
    border-radius: 0px;
}

kk-last-articles { display: block; }

kk-message {
    display: block;
    text-align: center;
    padding: .8em 1.4em;
    border-radius: 0px;
    background-color: rgba(90, 120, 140, .2);
}

.kk-message {}

kk-meta {
    display: block;
    font-size: 14px;
    color: rgba(0, 0, 0, .35);
}

kk-meta.inline { display: inline; }

kk-meta.on-cover {
    color: rgba(255, 255, 255, 1);
}

.kk-meta__item {
    position: relative;
}
.kk-meta__item:not(:last-child):after {
    content: ' · ';
}
kk-meta          a.kk-meta__item{
        color: rgba(0, 0, 0, .35);
        cursor: pointer;
    }
kk-meta          a.kk-meta__item:hover {
        color: rgba(0, 0, 0, .9);
    }
kk-meta          a.kk-meta__item.hover {
        color: rgba(0, 0, 0, .9);
    }
kk-meta          a.kk-meta__item em {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }
kk-meta          a.kk-meta__item:hover em {
        border-bottom-color: rgba(0, 0, 0, .3);
    }
kk-meta          a.kk-meta__item.hover em {
        border-bottom-color: rgba(0, 0, 0, .3);
    }
kk-meta.on-cover a.kk-meta__item{
        color: rgba(255, 255, 255, 1);
        cursor: pointer;
    }
kk-meta.on-cover a.kk-meta__item:hover {
        color: rgba(255, 255, 255, 1);
    }
kk-meta.on-cover a.kk-meta__item.hover {
        color: rgba(255, 255, 255, 1);
    }
kk-meta.on-cover a.kk-meta__item em {
        border-bottom: 1px solid rgba(255, 255, 255, .4);
    }
kk-meta.on-cover a.kk-meta__item:hover em {
        border-bottom-color: rgba(255, 255, 255, .7);
    }
kk-meta.on-cover a.kk-meta__item.hover em {
        border-bottom-color: rgba(255, 255, 255, .7);
    }

.kk-meta__item.type {
    padding: 0 .4em .1em .4em;
    border-radius: 0px;
    background-color: coral;
    color: white;
}

.kk-micro-info {
    margin-left: -.5em;
}

.kk-micro-info__element {
        display: inline-block;
        padding: .2em .5em;
        border-radius: 0px;

    }

.kk-micro-info__currency__element {
            display: inline;
        }

.kk-micro-info__currency__element:not(:last-child){  }

.kk-micro-info__currency__element:not(:last-child):after { content: ' · '; }

.kk-micro-info__currency__element.USD:before { content: '$ '; }

.kk-micro-info__currency__element.EUR:before { content: '€ '; }

.kk-micro-info__weather a{
        color: rgba(0, 0, 0, .8);
        cursor: pointer;
    }

.kk-micro-info__weather a:hover {
        color: rgb(185, 33, 56);
    }

.kk-micro-info__weather a.hover {
        color: rgb(185, 33, 56);
    }

.kk-micro-info__weather a em {
        border-bottom: 1px solid rgba(0, 0, 0, .3);
    }

.kk-micro-info__weather a:hover em {
        border-bottom-color: rgba(185, 33, 56, .4);
    }

.kk-micro-info__weather a.hover em {
        border-bottom-color: rgba(185, 33, 56, .4);
    }

.kk-most-viewed {
    counter-reset: i;
    list-style-position: outside;
    padding-left: 1.4em;

    columns: 4;
    column-gap: 2em;
    column-span: none;
}

.kk-most-viewed__item {
        position: relative;
        margin-bottom: 1em;
        break-inside: avoid;

    }

.kk-most-viewed__item:before {
            position: absolute; text-align: right;
            right: calc(100% + .3em);
            width: 1.4em;
            margin-left: -1.4em;
            font-size: 80%;
            line-height: 2;
            counter-increment: i;
            content: counter(i) '. ';
        }

.kk-most-viewed__item a {
        border-bottom: 1px solid rgba(0, 0, 0, .3);
        color: rgba(0, 0, 0, .8);
        cursor: pointer;
    }

.kk-most-viewed__item a:hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }

.kk-most-viewed__item a.hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }


@media (max-width: 812px) {
    .kk-most-viewed {
        columns: 1;
    }
}

.kk-not-found {
    width: 690px;
    min-height: 300px;
    margin: 0 auto;
    padding-left: 315px;
    padding-top: 64px;
    line-height: 25px;
    font-size: 19px;
    background-image: url(../images/kk-not-found/empty.jpg);
    background-repeat: no-repeat;
}

.kk-not-found p {
        margin-bottom: 23px;
    }

.kk-not-found a {
        border-bottom: 1px solid rgba(0, 0, 0, .3);
        color: rgba(0, 0, 0, .8);
        cursor: pointer;
    }

.kk-not-found a:hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }

.kk-not-found a.hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }

@media (max-width: 812px) {
    .kk-not-found {
        width: auto;
        text-align: center;

        padding-left: 0;
        padding-top: 320px;

        background-position: center top;
    }
}

.kk-page-footer {
    margin-top: 35px;
    padding-bottom: 50px;
    font-size: 15px;
    color: white;
}

.kk-page-footer__container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 33px;
    grid-row-gap: 40px;

    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}


.kk-page-footer__header { font-weight: bold; }

.kk-page-footer p { margin-bottom: 1em; }
.kk-page-footer__list { margin-bottom: 1em; }
.kk-page-footer__list > li { display: inline; }
.kk-page-footer__list > li:after { content: ', '; }

.kk-page-footer__about {
    grid-column: 1 / 5;
}
.kk-page-footer__partners {
    grid-column: 5 / 10;
}
.kk-page-footer__studio {
    grid-column: 10 / 13;
    position: relative;
    padding-left: 59px;
}

.kk-page-footer__about a {
        border-bottom: 1px solid rgba(255, 255, 255, .4);
        color: rgba(255, 255, 255, 1);
        cursor: pointer;
    }

.kk-page-footer__about a:hover {
        border-bottom-color: rgba(255, 255, 255, .7);
        color: rgba(255, 255, 255, 1);
    }

.kk-page-footer__about a.hover {
        border-bottom-color: rgba(255, 255, 255, .7);
        color: rgba(255, 255, 255, 1);
    }
.kk-page-footer__rating {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: 1em;
    background-image: url(../images/kk-page-footer/rating.png);
}
.kk-page-footer__counters { margin-bottom: 1em; }

.kk-page-footer__partners a {
        border-bottom: 1px solid rgba(255, 255, 255, .4);
        color: rgba(255, 255, 255, 1);
        cursor: pointer;
    }

.kk-page-footer__partners a:hover {
        border-bottom-color: rgba(255, 255, 255, .7);
        color: rgba(255, 255, 255, 1);
    }

.kk-page-footer__partners a.hover {
        border-bottom-color: rgba(255, 255, 255, .7);
        color: rgba(255, 255, 255, 1);
    }

.kk-page-footer__studio a{
        color: rgba(255, 255, 255, 1);
        cursor: pointer;
    }

.kk-page-footer__studio a:hover {
        color: rgba(255, 255, 255, 1);
    }

.kk-page-footer__studio a.hover {
        color: rgba(255, 255, 255, 1);
    }

.kk-page-footer__studio a em {
        border-bottom: 1px solid rgba(255, 255, 255, .4);
    }

.kk-page-footer__studio a:hover em {
        border-bottom-color: rgba(255, 255, 255, .7);
    }

.kk-page-footer__studio a.hover em {
        border-bottom-color: rgba(255, 255, 255, .7);
    }

.kk-page-footer__studio-logo {
    display: block;
    position: absolute; left: 2px; top: 4px;
}
.kk-page-footer__studio-logo svg { width: 46px; height: 64px; }
.kk-page-footer__studio-logo svg use { fill: currentColor; }


@media (max-width: 812px) {

        .kk-page-footer__container {
            grid-template-columns: auto;
        }

        .kk-page-footer__about,
        .kk-page-footer__partners,
        .kk-page-footer__studio {
            grid-column: 1 / -1;
        }

        .kk-page-footer__about,
        .kk-page-footer__partners {
            text-align: center;
        }
}

.kk-page-header .page__width { height: 100%; }

.kk-page-header__super {
        position: relative;
        height: 80px;
        background-image: linear-gradient(rgb(77, 147, 207), rgb(55, 85, 125));
        border-bottom: 1px solid rgb(52, 78, 112);
        color: white;
        font-size: 15px;
    }

.kk-page-header__compact-nav {
        display: none; width: 21px; height: 12px;
        position: absolute; top: 50%; left: 12px;
        margin: -6px 0 0 0; padding: 0;
        border: none; background: transparent;
        border-top: 2px solid white;
        border-bottom: 2px solid white;
    }

.kk-page-header__compact-nav:before {
            display: block; width: 100%; height: 2px;
            left: 0; top: 50%;
            background-color: white;
            content: '';
        }

.kk-page-header__info {
        display: flex;
        position: absolute;
        left: 44px;
        top: 23px;
        margin-left: -6px;
        line-height: 30px;
    }

.kk-page-header__info > a:not(:last-child) {
                margin-right: .1em;
            }

.kk-page-header__info > a.current {
                background-color: white;
                color: rgb(66, 116, 166);
            }

.kk-page-header__logo {
        display: block;
        width: 397px;
        height: 55px;
        position: absolute;
        left: 50%;
        top: 11px;
        margin-left: -198px;
        background-image: url(../images/kk-page-header/logo.png);
        background-repeat: no-repeat;
        transition: opacity .3s ease;
    }

.kk-page-header__logo:hover {
            opacity: .9;
        }

.kk-page-header__socials {
        display: block;
        position: absolute;
        right: 53px;
        top: 23px;
    }

.kk-page-header__main {
        text-align: center;
        padding-top: 22px;
    }

.kk-page-header__categories {
        margin-bottom: 0.4em;
        text-align:center;
    }

.kk-page-header__categories > li {
            display: inline-block; position: relative;
            line-height: 33px; font-size: 21px;
            font-weight: bold;

        }

.kk-page-header__categories > li > a {
                display: inline-block;
                border-radius: 0px;
                padding: 4px 8px;
            }

.kk-page-header__categories > li > span {
                display: inline-block;
                border-radius: 0px;
                padding: 4px 8px;
            }

.kk-page-header__categories > li > a.current:hover { color: rgb(44, 44, 44); }

.kk-page-header__categories > li > .current {
                background-image: linear-gradient(
        rgb(77, 145, 204),
        rgb(67, 112, 158)
    );
                box-shadow: 0px 10px 22px -8px rgba(9, 9, 19, .15);
            }

.kk-page-header__categories > li > .current-child {
                background-image: linear-gradient(
        rgba(77, 145, 204, 0.5),
        rgba(67, 112, 158, 0.5)
    );
                box-shadow: 0px 10px 22px -8px rgba(9, 9, 19, .15);
            }

.kk-page-header__sections{
        display: inline-block;
        position: relative; left: 0;
        margin-top: 12px; margin-bottom: 22px; padding: 1px;
        border-radius: 5px;
        box-shadow: inset 0 0 16px rgba(0, 0, 0, .5);
        transition: left 300ms ease;
    }

.kk-page-header__sections__item {
            display: inline-block;
            line-height: 34px; text-align: center;
            padding: 0 9px;
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
            background-clip: padding-box;
            font-size: 17px;
            transition: background-color .2s ease;
        }

.kk-page-header__sections__item:first-of-type { border-radius: 4px 0 0 4px; }

.kk-page-header__sections__item:last-of-type { border-radius: 0 4px 4px 0; }

.kk-page-header__sections__item:hover {
                background-color: rgba(255, 255, 255, .08);
                transition: background-color .03s ease;
            }

.kk-page-header__sections__item.current {position: relative;
                background-image: linear-gradient(
        rgb(77, 145, 204),
        rgb(67, 112, 158)
    );
                border-top-color: rgb(100, 158, 210);
                border-bottom-color: rgb(55, 100, 140);
            }

.kk-page-header__sections__item.current-child {position: relative;
                background-image: linear-gradient(
        rgba(77, 145, 204, 0.5),
        rgba(67, 112, 158, 0.5)
    );
                border-top-color: rgba(100, 158, 210, .5);
                border-bottom-color: rgba(55, 100, 140, .5);
            }

.kk-page-header__sections.search {
            left: -120px;
        }

.kk-page-header__sections.search .kk-page-header__search-form { width: 288px; }

.kk-page-header__sections.search .kk-page-header__search-field { right: 0; }

.kk-page-header__sections.search .kk-page-header__search-button {
                background-position: 0 -20px;
                transform: scale(.9);
            }

.kk-page-header__search-form {
            display: block; width: 40px; height: 40px;
            overflow: hidden;
            position: absolute; left: 100%; top: 50%;
            margin-top: -17px;
            transition: width 300ms ease;
        }

.kk-page-header__search-field {
            width: 280px; height: 26px;
            overflow: hidden;
            position: absolute; right: 40px; top: 4px;
            margin: 0; padding: 3px 33px 3px 13px;
            box-sizing: border-box;
            background-color: rgb(251, 251, 251);
            outline: none;
            border: 1px solid rgb(235, 235, 235);
            border-radius: 13px;
            box-shadow: inset 0 2px 12px -2px rgba(0, 0, 0, .2);
            font-size: 17px; line-height: 22px;
            transition: right 300ms ease;
        }

.kk-page-header__search-button {
            display: block; width: 20px; height: 20px;
            position: absolute; top: 7px; right: 10px;
            margin: 0; padding: 0;
            background-color: transparent;
            background-image: url(../images/kk-page-header/ico-search.png);
            border: none;
        }

.kk-page-header__search-button:hover { opacity: .9; }

.kk-page-header__search-link {
            display: none; width: 16px; height: 16px;
            position: absolute; right: 12px; top: 50%;
            margin-top: -8px;

        }

.kk-page-header__search-link svg {
                width: 100%;
                height: 100%;
            }

.kk-page-header__search-link svg use {
                    fill: white;
                }


.kk-page-header__info > a{
        color: rgba(255, 255, 255, 1);
        cursor: pointer;
    display: inline-block;
    padding: 0 6px;
    }


.kk-page-header__info > a:hover {
        color: rgba(255, 255, 255, 1);
    }


.kk-page-header__info > a.hover {
        color: rgba(255, 255, 255, 1);
    }


.kk-page-header__info > a em {
        border-bottom: 1px solid rgba(255, 255, 255, .4);
    }


.kk-page-header__info > a:hover em {
        border-bottom-color: rgba(255, 255, 255, .7);
    }


.kk-page-header__info > a.hover em {
        border-bottom-color: rgba(255, 255, 255, .7);
    }

.kk-page-header__categories > li > a{
        color: rgba(255, 255, 255, 1);
        cursor: pointer;
    }

.kk-page-header__categories > li > a:hover {
        color: rgba(255, 255, 255, 1);
    }

.kk-page-header__categories > li > a.hover {
        color: rgba(255, 255, 255, 1);
    }

.kk-page-header__categories > li > a em {
        border-bottom: 1px solid rgba(255, 255, 255, .4);
    }

.kk-page-header__categories > li > a:hover em {
        border-bottom-color: rgba(255, 255, 255, .7);
    }

.kk-page-header__categories > li > a.hover em {
        border-bottom-color: rgba(255, 255, 255, .7);
    }


@media (max-width: 812px) {
        .kk-page-header__super {
            height: 40px;
        }


        .kk-page-header__compact-nav {
            display: block;
        }

        .kk-page-header__logo {
            width: 200px; height: 27px;
            top: 6px;
            margin-left: -100px;
            background-size: cover;
        }

        .kk-page-header__main{
            padding: 0;
        }

        .kk-page-header__socials,
        .kk-page-header__info,
        .kk-page-header__categories,
        .kk-page-header__sections { display: none; }
            .kk-page-header__search-link {
                display: block;
            }
}

.kk-pagination {text-align: center; margin-bottom: 50px}

.kk-pagination__list {margin-bottom: 15px; font-size: 16px}
.kk-pagination__item {display: inline-block}
.kk-pagination__item > *{
    display: inline-block; min-width: 1.4em; position: relative;
    margin: 0 .2em; padding: .25em .5em; border-radius: 3px
}
.kk-pagination__item > a {background-color: rgba(0, 0, 0, .05)}
.kk-pagination__item > a:hover {background-color: rgba(0, 0, 0, .5); color: white}
.kk-pagination__item > span {background-color: rgb(55, 129, 193); color: white}

.kk-pagination__actions {position: relative; margin-bottom: 15px}
.kk-pagination__action {display: inline-block;
    margin: 0 .2em; padding: .25em .8em;
    border-radius: 0px; background-color: rgba(0, 0, 0, .05)}
span.kk-pagination__action { opacity: .5; }
a.kk-pagination__action:hover {background-color: rgba(0, 0, 0, .5); color: white}
span.b-kk-pagination__action {background-color: rgba(0, 0, 0, .03);
    color: rgba(0, 0, 0,.3) ; cursor: default}

@media (max-width: 812px) {
    .kk-pagination__item > *{
        min-width: 1em;
        padding: .25em .4em;
    }
}

.kk-panel {
    display: none;
    position: absolute;
}
.kk-panel.visible {display: block}

.kk-panel.default {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 8px 24px 0 rgba(58, 74, 90, .2);
}

.kk-panel__clone {display: block; position: absolute}

.kk-panel__pointer {
    display: none;
    width: 0; height: 0;
    position: absolute; top: -18px; left: 0;
    margin-left: -18px;
    border: 18px solid transparent;
    border-top: none;
    border-bottom-color: white}
.kk-panel__pointer.visible {display: block}

.kk-panel__close-button {
    width: 13px; height: 13px;
    position: absolute; top: 12px; right: 12px; z-index: 1000;
    fill: rgba(0, 0, 0, .3); cursor: pointer}
.kk-panel__close-button:hover {fill: red}

.kk-panel__close-button__text {
    color: white;
}

.kk-panel__close-button__text:hover {
    color: rgba(255, 255, 255, .7);
}

.kk-panel__close-button svg {
    display: none
}

.kk-panel__title {margin-bottom: 20px; font-size: 25px; font-weight: bold}

.kk-panel.default {
    border-radius: 4px;
    background-color: white;
    box-shadow:0 4px 50px 0 rgba(12,49,74,.6)
}

kk-photo-collage {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2px;
    grid-row-gap: 2px;
}
kk-photo-collage > div {}
kk-photo-collage > div:first-child {
    grid-column: 1 / -1;
}
kk-photo-collage > div:not(:first-child){
    grid-column: span 1;
}

kk-photo-collage > div > img {
    display: block; width: 100%;
}

@media (max-width: 812px) {
    kk-photo-reports {
        display: block;
    }

        kk-photo-reports .kk-article-cards {
            grid-template-columns: 1fr;
        }

            kk-photo-reports .kk-article-cards__item {
                grid-column: span 1;
            }

            kk-photo-reports .kk-article-cards .kk-article-card__headline{
                font-size: 21px;
            }
}

.kk-poll {
    display: block;
    padding: 13px 19px 18px 19px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0px;
    background-color: rgb(252, 252, 252);
    background-image: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0),
        rgba(0, 0, 0, .01)
    );
}

.kk-poll__question {
    margin-bottom: 10px;
    font-weight: bold;
    color: rgba(0, 0, 0, .8);
}

.kk-poll__answers {
    margin-bottom: 1em;
}

.kk-poll__answer {
    position: relative;
    margin-bottom: .5em;
    line-height: 1.3;
}

.kk-poll__answer label {
    padding: .1em .3em;
    border-radius: 0px;
    cursor: pointer;
}

.kk-poll__answer label:hover {
    background-color: rgba(204, 200, 142, .3);
}

.kk-poll__results {
    margin-top: 9px;
    margin-bottom: -5px;
}

.kk-poll__results li {
    line-height: 26px;
}

.kk-poll__share:before { content: '('; }
.kk-poll__share:after { content: '%)'; }

.kk-poll__scale {
    display: block; height: 6px; overflow: hidden; box-sizing: border-box;
    margin: 2px 0 7px 0;
    border-left: solid 2px rgb(155, 180, 207);
    background: rgb(155, 180, 207);
}

@media (max-width: 812px) {
        kk-posts .kk-article-cards__item {
            grid-column: 1 / -1 !important;
        }

            kk-posts .kk-article-cards__item .kk-article-card__headline{
                font-size: 21px;
            }

        kk-posts kk-blog-card {
            font-size: 20px;
        }
}

.kk-related-articles {
    margin-bottom: 40px;
}

.kk-related-articles__header { font-weight: bold; }

.kk-related-articles.cards .kk-related-articles__header { margin-bottom: 1em; }

.kk-related-articles__list {
        list-style-position: outside;
        margin-top: .4em;
        font-size: 19px;
        line-height: 25px;
    }

.kk-related-articles__item {
        margin-bottom: .3em;
        padding-left: 1em;

    }

.kk-related-articles__item:before {
            content: '· ';
            margin-left: -0.5em;
        }

.kk-related-articles__headline {
        border-bottom: 1px solid rgba(33, 97, 185, .4);
        color: rgb(33, 97, 185);
        cursor: pointer;
    }

.kk-related-articles__headline:hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }

.kk-related-articles__headline.hover {
        border-bottom-color: rgba(185, 33, 56, .4);
        color: rgb(185, 33, 56);
    }

.kk-scroll-up {}

.kk-scroll-up {display: block;
    width: calc((100% - 1364px) / 2); min-width: 18px; max-width: 167px; height: 100%;
    position: fixed; top: 0; left: 0; z-index: 99999; opacity: 0;
    text-align: center; font-size: 20px; font-weight: bold; color: white; cursor: default;
    transition: opacity .3s ease}
.kk-scroll-up:hover {background-color: rgba(255, 255, 255, .1)}
.kk-scroll-up.visible {opacity: 1; cursor: pointer}

.kk-scroll-up:before {display: block; width: 100%; position: absolute; top: 45%;
    content: "↑"; color: rgba(255,255,255,.9)}

.kk-scroll-up:after {display: block; width: 100%; position: absolute; bottom: 20px;
    content: "Вверх"; font-size: 16px; color: rgba(255,255,255,.9);
    transition: transform .2s ease}

@media screen and (max-width: 1484px) {
    .kk-scroll-up:after { transform: rotateZ(-90deg)}
}
@media screen and (max-width: 1420px) {
    .kk-scroll-up:after {font-size: 14px}
}

kk-search-form {
    display: block;
}

.kk-search-form {
    width: 520px;
    position: relative;
    margin: 0 auto 0 auto;
    padding: 12px 107px 12px 12px;
    border: 1px solid rgb(231, 231, 231);
    border-radius: 7px;
    border-top-color: rgb(235, 235, 235);
    border-bottom-color: rgb(205, 205, 205);
    background-color: rgb(235, 235, 235);
}

.kk-search-form__field {
        box-sizing: border-box; width: 100%; height: 31px;
        margin: 0;
        padding-left: 12px;
    }

.kk-search-form__button {
        display: block; box-sizing: border-box; width: 83px; height: 31px;
        position: absolute; right: 12px; top: 12px;
        overflow: hidden;
        margin: 0;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid rgb(13, 55, 130);
        border-radius: 4px;
        background-color: rgb(65, 122, 200);
        background-image:
            linear-gradient(rgb(114, 178, 241), rgb(16, 65, 159));
        box-shadow: 0 4px 10px -3px rgba(17, 88, 194, .6);
        line-height: 28px;
        font-size: 21px;
        color: white;
        text-align: center;
        text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    }

.kk-search-form__button:before {
            display: block; width: 100%; height: 200%;
            position: absolute; bottom: 50%; left: 0;
            border-radius: 13px;
            background-color: rgba(255, 255, 255, .15);
            content: '';
        }

.kk-search-form__button:hover {
            background-image:
                linear-gradient(rgb(124, 188, 261), rgb(20, 75, 159));
        }

.kk-search-form__button:active {
            top: 13px;
            box-shadow: 0 1px 5px -1px rgba(17, 88, 194, .8)
        }

@media (max-width: 812px) {
    .kk-search-form {
        width: 100%;
    }
}

.kk-share-buttons {
    padding: 16px 0;
    text-align: center;
    margin-bottom: 35px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(0, 0, 0, .1);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, .1);
}
.kk-share-buttons > .likely { display: block; }

kk-social-links { display: block; }

.kk-social-links {
    display: block;
}

.kk-social-links__item {
        display: inline-block; width: 30px; height: 30px;
        overflow: hidden;
        border-radius: 3px;
        transition: opacity 20ms ease;
    }

.kk-social-links__item:not(:last-child) { margin-right: 9px; }

.kk-social-links__item:hover svg {
                background-color: rgba(255, 255, 255, .25);
                transition: background-color 20ms ease;
            }

.kk-social-links__item svg {width: 100%; height: 100%;
            background-color: rgba(0, 0, 0, .25);
            transition: background-color 20ms ease;
        }

.kk-social-links__item use { fill: transparent }

kk-tp-counter a{ border: none !important; }

kk-video {
    display: block;
}

kk-video.center > .kk-video {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

.kk-video {
    width: 800px;
    height: 480px;
}


@media (max-width: 812px) {
    .kk-video {
        width: calc(100vw - 12px * 2);
        height: 65vw;
    }
}

@media (max-width: 812px) {
    kk-video-reports {
        display: block;
    }

        kk-video-reports .kk-article-cards {
            grid-template-columns: 1fr;
        }

            kk-video-reports .kk-article-cards__item {
                grid-column: span 1;
            }

            kk-video-reports .kk-article-cards .kk-article-card__headline{
                font-size: 21px;
            }
}