/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fotorama__nav__frame:focus .fotorama__dot:after {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0
}

.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__html,
.fotorama__img,
.fotorama__nav__frame:focus .fotorama__thumb:after,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.fotorama--fullscreen,
.fotorama__img {
    max-width: 99999px !important;
    max-height: 99999px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important
}

.fotorama__wrap .fotorama__grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.fotorama__grabbing * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.fotorama__spinner {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important
}

.fotorama__wrap--css3 .fotorama__arr,
.fotorama__wrap--css3 .fotorama__fullscreen-icon,
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border,
.fotorama__wrap--css3 .fotorama__video-play {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fotorama__caption,
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before,
.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__nav,
.fotorama__wrap--css3 .fotorama__spinner,
.fotorama__wrap--css3 .fotorama__stage,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img,
.fotorama__wrap--css3 .fotorama__stage__frame {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus,
.fotorama__nav__frame {
    outline: 0
}

.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after {
    content: '';
    border-radius: inherit;
    background-color: rgba(0, 175, 234, .5)
}

.fotorama__wrap--video .fotorama__stage,
.fotorama__wrap--video .fotorama__stage__frame--video,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
.fotorama__wrap--video .fotorama__stage__shaft {
    -webkit-transform: none !important;
    transform: none !important
}

.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border {
    transition-property: -webkit-transform, width;
    transition-property: transform, width;
    transition-timing-function: cubic-bezier(.1, 0, .25, 1);
    transition-duration: 0ms
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__no-select,
.fotorama__video-close,
.fotorama__video-play,
.fotorama__wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fotorama__select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.fotorama__nav,
.fotorama__nav__frame {
    margin: auto;
    padding: 0
}

.fotorama__caption__wrap,
.fotorama__nav__frame,
.fotorama__nav__shaft {
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1
}

.fotorama__nav__frame,
.fotorama__thumb-border {
    box-sizing: content-box
}

.fotorama__caption__wrap {
    box-sizing: border-box
}

.fotorama--hidden,
.fotorama__load {
    position: absolute;
    left: -99999px;
    top: -99999px;
    z-index: -1
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__nav,
.fotorama__nav__frame,
.fotorama__nav__shaft,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video-close,
.fotorama__video-play {
    -webkit-tap-highlight-color: transparent
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__thumb {
    background-color: #7f7f7f;
    background-color: rgba(127, 127, 127, .2)
}

.fotorama {
    min-width: 1px;
    overflow: hidden
}

.fotorama:not(.fotorama--unobtrusive)>:not(:first-child) {
    display: none
}

.fotorama--fullscreen,
.fullscreen {
    background: #000;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important
}

.fullscreen {
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    overflow: hidden !important
}

.fotorama--fullscreen {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    float: none !important;
    z-index: 2147483647 !important
}

.fotorama--fullscreen .fotorama__nav,
.fotorama--fullscreen .fotorama__stage {
    background: #000
}

.fotorama__wrap {
    -webkit-text-size-adjust: 100%;
    position: relative;
    direction: ltr;
    z-index: 0;
    margin: 0 auto
}

.fotorama__wrap--rtl .fotorama__stage__frame {
    direction: rtl
}

.fotorama__nav,
.fotorama__stage {
    overflow: hidden;
    position: relative;
    max-width: 100%
}

.fotorama__wrap--pan-y {
    -ms-touch-action: pan-y
}

.fotorama__wrap .fotorama__pointer {
    cursor: pointer
}

.fotorama__wrap--slide .fotorama__stage__frame {
    opacity: 1 !important
}

.fotorama__stage__frame {
    overflow: hidden
}

.fotorama__stage__frame.fotorama__active {
    z-index: 8
}

.fotorama__wrap--fade .fotorama__stage__frame {
    display: none
}

.fotorama__wrap--fade .fotorama__fade-front,
.fotorama__wrap--fade .fotorama__fade-rear,
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
    display: block;
    left: 0;
    top: 0
}

.fotorama__wrap--fade .fotorama__fade-front {
    z-index: 8
}

.fotorama__wrap--fade .fotorama__fade-rear {
    z-index: 7
}

.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
    z-index: 9
}

.fotorama__img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border: 0 !important
}

.fotorama__error .fotorama__img,
.fotorama__loaded .fotorama__img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,
.fotorama__img--full,
.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
    display: none
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
    display: block
}

.fotorama__wrap--only-active .fotorama__nav,
.fotorama__wrap--only-active .fotorama__stage {
    max-width: 99999px !important
}

.fotorama__wrap--only-active .fotorama__stage__frame {
    visibility: hidden
}

.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
    visibility: visible
}

.fotorama__nav {
    font-size: 0;
    line-height: 0;
    text-align: center;
    display: none;
    white-space: nowrap;
    z-index: 5
}

.fotorama__nav__shaft {
    position: relative;
    left: 0;
    top: 0;
    text-align: left
}

.fotorama__nav__frame {
    position: relative;
    cursor: pointer
}

.fotorama__nav--dots,
.fotorama__nav--thumbs {
    display: block
}

.fotorama__nav--dots .fotorama__nav__frame {
    width: 18px;
    height: 30px
}

.fotorama__nav--dots .fotorama__nav__frame--thumb,
.fotorama__nav--dots .fotorama__thumb-border {
    display: none
}

.fotorama__nav--thumbs .fotorama__nav__frame {
    padding-left: 0 !important
}

.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
    padding-right: 0 !important
}

.fotorama__nav--thumbs .fotorama__nav__frame--dot {
    display: none
}

.fotorama__dot {
    display: block;
    width: 4px;
    height: 4px;
    position: relative;
    top: 12px;
    left: 6px;
    border-radius: 6px;
    border: 1px solid #7f7f7f
}

.fotorama__nav__frame:focus .fotorama__dot:after {
    padding: 1px;
    top: -1px;
    left: -1px
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
    width: 0;
    height: 0;
    border-width: 3px
}

.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
    padding: 3px;
    top: -3px;
    left: -3px
}

.fotorama__thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

.fotorama__nav__frame:focus .fotorama__thumb {
    z-index: 2
}

.fotorama__thumb-border {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    border-style: solid;
    border-color: #00afea;
    background-image: linear-gradient(to bottom right, rgba(255, 255, 255, .25), rgba(64, 64, 64, .1))
}

.fotorama__caption {
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #000
}

.fotorama__caption a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, .5)
}

.fotorama__caption a:hover {
    color: #333;
    border-color: rgba(51, 51, 51, .5)
}

.fotorama__wrap--rtl .fotorama__caption {
    left: auto;
    right: 0
}

.fotorama__wrap--no-captions .fotorama__caption,
.fotorama__wrap--video .fotorama__caption {
    display: none
}

.fotorama__caption__wrap {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    padding: 5px 10px
}

.fotorama__wrap--css3 .fotorama__spinner {
    -webkit-animation: spinner 24s infinite linear;
    animation: spinner 24s infinite linear
}

.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img {
    transition-property: opacity;
    transition-timing-function: linear;
    transition-duration: .3s
}

.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.fotorama__select {
    cursor: auto
}

.fotorama__video {
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 10
}

@-moz-document url-prefix() {
    .fotorama__active {
        box-shadow: 0 0 0 transparent
    }
}

.fotorama__arr {
    z-index: 11;
    cursor: pointer
}

.fotorama__fullscreen-icon {
    position: absolute;
    cursor: pointer
}

.fotorama__video-play {
    z-index: 11
}

.fotorama__video-close,
.fotorama__video-play {
    position: absolute;
    cursor: pointer
}

.fotorama__arr {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px
}

.fotorama__arr--prev {
    left: 2px;
    background-position: 0 0
}

.fotorama__arr--next {
    right: 2px;
    background-position: -32px 0
}

.fotorama__arr--disabled {
    pointer-events: none;
    cursor: default;
    *display: none;
    opacity: .1
}

.fotorama__fullscreen-icon {
    width: 32px;
    height: 32px;
    top: 2px;
    right: 2px;
    background-position: 0 -32px;
    z-index: 20
}

.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus {
    border-radius: 50%
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
    background-position: -32px -32px
}

.fotorama__video-play {
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    margin-left: -48px;
    margin-top: -48px;
    background-position: 0 -64px;
    opacity: 0
}

.fotorama__wrap--css2 .fotorama__video-play,
.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
    display: none
}

.fotorama__error .fotorama__video-play,
.fotorama__loaded .fotorama__video-play,
.fotorama__nav__frame .fotorama__video-play {
    opacity: 1;
    display: block
}

.fotorama__nav__frame .fotorama__video-play {
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background-position: -64px -32px
}

.fotorama__video-close {
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    background-position: -64px 0;
    z-index: 20;
    opacity: 0
}

.fotorama__wrap--css2 .fotorama__video-close {
    display: none
}

.fotorama__wrap--css3 .fotorama__video-close {
    -webkit-transform: translate3d(32px, -32px, 0);
    transform: translate3d(32px, -32px, 0)
}

.fotorama__wrap--video .fotorama__video-close {
    display: block;
    opacity: 1
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    opacity: 0
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    opacity: 1
}

.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--video .fotorama__fullscreen-icon {
    opacity: 0 !important
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    display: none
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    display: block
}

.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
    display: none !important
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
    -webkit-transform: translate3d(32px, -32px, 0);
    transform: translate3d(32px, -32px, 0)
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
    -webkit-transform: translate3d(-48px, 0, 0);
    transform: translate3d(-48px, 0, 0)
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
    -webkit-transform: translate3d(48px, 0, 0);
    transform: translate3d(48px, 0, 0)
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
    -webkit-transform: translate3d(32px, -32px, 0) !important;
    transform: translate3d(32px, -32px, 0) !important
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
    -webkit-transform: translate3d(-48px, 0, 0) !important;
    transform: translate3d(-48px, 0, 0) !important
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
    -webkit-transform: translate3d(48px, 0, 0) !important;
    transform: translate3d(48px, 0, 0) !important
}

.fotorama__wrap--css3 .fotorama__arr:not(:focus),
.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
.fotorama__wrap--css3 .fotorama__video-close:not(:focus),
.fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .3s
}

.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before {
    content: "";
    display: block;
    position: absolute;
    text-decoration: none;
    top: 0;
    bottom: 0;
    width: 10px;
    height: auto;
    z-index: 10;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 1px 100%, 5px 100%
}

.fotorama__nav:before,
.fotorama__stage:before {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent);
    background-position: 0 0, 0 0;
    left: -10px
}

.fotorama__nav.fotorama__shadows--left:before,
.fotorama__stage.fotorama__shadows--left:before {
    left: 0
}

.fotorama__nav:after,
.fotorama__stage:after {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent);
    background-position: 100% 0, 100% 0;
    right: -10px
}

.fotorama__nav.fotorama__shadows--right:after,
.fotorama__stage.fotorama__shadows--right:after {
    right: 0
}

.fotorama--fullscreen .fotorama__nav:after,
.fotorama--fullscreen .fotorama__nav:before,
.fotorama--fullscreen .fotorama__stage:after,
.fotorama--fullscreen .fotorama__stage:before,
.fotorama__wrap--fade .fotorama__stage:after,
.fotorama__wrap--fade .fotorama__stage:before,
.fotorama__wrap--no-shadows .fotorama__nav:after,
.fotorama__wrap--no-shadows .fotorama__nav:before,
.fotorama__wrap--no-shadows .fotorama__stage:after,
.fotorama__wrap--no-shadows .fotorama__stage:before {
    display: none
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:2dppx) {

    .fotorama__arr,
    .fotorama__fullscreen-icon,
    .fotorama__video-close,
    .fotorama__video-play {
        background-image: url(../js/src/plugins/fotorama-4.6.4/fotorama@2x.png);
        background-repeat: no-repeat;
        background-size: 96px 160px
    }
}

@media print {

    .fotorama__arr,
    .fotorama__fullscreen-icon,
    .fotorama__thumb-border,
    .fotorama__video-close,
    .fotorama__video-play {
        background: 0 0 !important
    }
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.mfp-wrap {
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before,
.mfp-content {
    display: inline-block;
    vertical-align: middle
}

.mfp-container:before {
    content: '';
    height: 100%
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure,
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    top: 50%;
    margin: -55px 0 0;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.mfp-figure:after,
img.mfp-img {
    display: block;
    width: auto;
    height: auto
}

img.mfp-img {
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

.white-popup {
    position: relative;
    background: #fff;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto
}

.navigation__link {font-size:0px; line-height:0px;}

.navigation__link img {width:30px;}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }

	
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    min-width: 100px
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: 0;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button,
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #d4d3d3;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b,
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: 0;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: 0;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: 0
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: gray
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

@import "../fonts/sourcesanspro/sourcesanspro.css";

@-moz-keyframes buttonMoreRotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes buttonMoreRotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

@-o-keyframes buttonMoreRotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

@keyframes buttonMoreRotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

@-moz-keyframes animate-stripes {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 60px 0
    }
}

@-webkit-keyframes animate-stripes {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 60px 0
    }
}

@-o-keyframes animate-stripes {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 60px 0
    }
}

@keyframes animate-stripes {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 60px 0
    }
}

@-moz-keyframes commentRating {
    0% {
        opacity: 0;
        bottom: 90%
    }

    to {
        bottom: 100%;
        opacity: 1
    }
}

@-webkit-keyframes commentRating {
    0% {
        opacity: 0;
        bottom: 90%
    }

    to {
        bottom: 100%;
        opacity: 1
    }
}

@-o-keyframes commentRating {
    0% {
        opacity: 0;
        bottom: 90%
    }

    to {
        bottom: 100%;
        opacity: 1
    }
}

@keyframes commentRating {
    0% {
        opacity: 0;
        bottom: 90%
    }

    to {
        bottom: 100%;
        opacity: 1
    }
}

@-moz-keyframes showingDevices {
    0% {
        transform: translateX(-10%);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes showingDevices {
    0% {
        transform: translateX(-10%);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@-o-keyframes showingDevices {
    0% {
        transform: translateX(-10%);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes showingDevices {
    0% {
        transform: translateX(-10%);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@-moz-keyframes sortListAnimation {
    0% {
        top: 110%;
        opacity: 0
    }

    to {
        top: 100%;
        opacity: 1
    }
}

@-webkit-keyframes sortListAnimation {
    0% {
        top: 110%;
        opacity: 0
    }

    to {
        top: 100%;
        opacity: 1
    }
}

@-o-keyframes sortListAnimation {
    0% {
        top: 110%;
        opacity: 0
    }

    to {
        top: 100%;
        opacity: 1
    }
}

@keyframes sortListAnimation {
    0% {
        top: 110%;
        opacity: 0
    }

    to {
        top: 100%;
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

q {
    border: 0;
    font: inherit;
    vertical-align: baseline
}

.comments__form-donut:hover p,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1;
    background-color: #191b1c;
    font: 62.5%/24px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
        color: rgb(197, 192, 184);
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.wrapper {
    position: relative;
    font-size: 1.4em;
    min-height: 100%
}

.spacer {
    display: flex;
    flex-direction: column;
    min-height: 100%
}

.lang-message {
    padding-top: 5px;
    padding-bottom: 5px
}

.header-ad,
.lang-message {
    text-align: center
}

.inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 8px
}

.inner_with_sidebar {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
	gap:20px;
}

.content {
    width: 75%;
    width: calc(100% - 300px)
}

.content-wrapper {
    background-color: #fff
}

.content-title,
.content-title_news {
    margin: 20px 50px;
    font-size: 285.725%;
    font-weight: 700;
    line-height: normal
}

.content-title_news {
    margin: 20px
}

.sidebar {
    position: relative;
    width: 300px;
    border-left: 1px solid rgb(58, 63, 65);
    border-radius: 0 5px 0 0
}

.sidebar:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 100%;
    box-shadow: inset 5px 0 5px -3px rgba(0, 0, 0, .15);
    z-index: 2;
    content: ''
}

.sidebar_type_transparent {
    border: 0;
    background-color: transparent
}

.sidebar_type_transparent:before {
    display: none
}

.app-notification {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.app-notification img {
    margin-right: 10px
}

.grip {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto
}

.branded-link {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 100%;
    max-width: 1920px;
    height: 100%;
    background: url(../images/design/Blitz_D.jpg) top 0 center no-repeat
}

.branded-link_type_mobile {
    display: none;
    position: relative;
    z-index: 2
}

.branded-link_type_mobile img {
    width: 100%;
    vertical-align: bottom
}

.wargaming {
    top: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 750px;
    overflow: hidden;
    text-align: center
}

.wargaming,
.wargaming img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.inner-banner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box
}

:root {
    color-scheme: light dark
}

a {
    color: #0a90d5;
    text-decoration: none;
    text-decoration-skip: ink
}

a:hover {
    text-decoration: underline
}

b,
strong {
    font-weight: 600
}

.text {
    color: #494949
}

.text-inner {
    padding: 0 50px
}

.text h2,
.text h3 {
    margin: 15px 0 10px;
    font-size: 150%;
    font-weight: 700
}

.text h3 {
    font-size: 125%
}

.text p+p {
    margin: 20px 0 0
}

.text ul {
    padding: 0 0 0 18px;
    list-style: disc
}

.text ol {
    list-style: decimal
}

.color-android {
    color: #0ba40b
}

.color-ios {
    color: #8d4fc2
}

.color-psp {
    color: #f98305
}

.color-windows {
    color: #0a90d5
}

.color-bada {
    color: #9f9e9e
}

.color-ps {
    color: #0a90d5
}

.color-symbian {
    color: #9f9e9e
}

.color-white {
    color: #fff
}

.color-gray {
    color: #999
}

.color-light-gray {
    color: #919191
}

input,
select,
textarea {
    font-size: 120%;
    background-color: #fff
}

button {
    background-color: #fff
}

input {
    height: 25px;
    padding: 0 10px;
    border: 1px solid #d4d3d3;
    border-radius: 3px;
    outline: 0;
    box-sizing: border-box;
    transition: all 300ms ease-in-out;
    color: #6f6f6f
}

input:focus {
    border-color: #999
}

textarea {
    padding: 10px;
    outline: 0;
    transition: all 300ms ease-in-out;
    color: #fff
}

textarea:focus {
    border-color: #ccc
}

button {
    padding: 0;
    background: 0 0;
    -webkit-appearance: none;
    font-size: 100%
}

input[type=checkbox],
input[type=radio] {
    display: none
}

input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    cursor: pointer
}

input[type=checkbox]+label:before {
    position: absolute;
    left: 0;
    top: 3px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    width: 18px;
    height: 18px;
    box-shadow: inset 0 0 0 1px #d6d5d5;
    background-color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    content: ""
}

input[type=checkbox]:checked+label:before {
    background: url(../images/sprite-source/icon-check.svg) center center no-repeat #fff;
    background-size: 10px 10px
}

input[type=radio]+label {
    cursor: pointer
}

input[type=radio]+label:before {
    display: inline-block;
    vertical-align: middle;
    margin: -5px 10px 0 0;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    box-shadow: inset 0 0 0 1px #d6d5d5;
    box-sizing: border-box;
    content: ""
}

input[type=radio]:checked+label:before {
    border-color: #aaa;
    box-shadow: inset 0 0 0 5px #aaa
}

.form__validation {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    padding: 5px;
    box-sizing: border-box;
    background-color: #f50;
    line-height: normal;
    color: #fff
}

.custom-select {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid #d4d3d3;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: #fff
}

.custom-select::after {
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #a6a6a6 transparent transparent;
    content: ""
}

.custom-select::before {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    width: 20px;
    z-index: -1;
    content: ""
}

.custom-select select {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding: 0 25px 0 10px;
    box-sizing: border-box;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 100%;
    color: #000
}

.custom-select select::-ms-expand {
    display: none
}

.custom-select select:focus {
    outline: 0
}

.button {
    display: inline-block;
    height: 36px;
    line-height: 34px;
    padding: 0 15px;
    text-align: center;
    background-color: transparent;
    border: 0;
    outline: 0;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-appearance: none;
    apperance: none;
    transition: all 300ms ease-out;
    cursor: pointer
}

.button:disabled,
.button:disabled:hover {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: gray;
    cursor: default
}

.button_gray_bordered {
    border: 1px solid #d5d4d4;
    color: #1f1f1f
}

.button_black_bordered svg,
.button_gray_bordered svg,
.button_white_bordered svg {
    transition: all 300ms ease-in-out
}

.button_white_bordered {
    border: 1px solid rgba(255, 255, 255, .6);
    color: #fff
}

.button_black_bordered {
    border: 1px solid rgba(0, 0, 0, .6);
    color: #000
}

.button_green_bordered {
    border: 1px solid #0ba40b;
    color: #fff
}

.button_with_icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.button_with_icon svg {
    margin-right: 10px
}

.button-arrow {
    position: relative;
    display: inline-block;
    height: 23px;
    line-height: 22px;
    padding: 0 15px;
    border: 1px solid #c4c4c4;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    color: #333
}

.button-arrow__clip {
    position: absolute;
    right: -19px;
    top: -1px;
    width: 19px;
    height: 28px;
    overflow: hidden
}

.button-arrow__chevron {
    position: relative;
    top: 3px;
    right: 9px;
    display: block;
    width: 18px;
    height: 17px;
    transform: rotate(-45deg)
}

.button-arrow__chevron,
.button-more,
.button-more__counter {
    border: 1px solid #c4c4c4;
    border-radius: 3px
}

.button-more {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    margin: 60px 0;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 300ms ease
}

.button-more_state_active svg {
    animation: buttonMoreRotate 2s linear infinite
}

.button-more__counter {
    min-width: 37px;
    height: 37px;
    line-height: 36px;
    margin: 0 0 0 5px;
    text-align: center;
    color: #494949
}

.button-more__text {
    font-size: 114.5%
}

.button-more__text svg {
    width: 22px;
    height: 22px;
    margin: 0 10px -5px 0;
    transition: all 500ms ease
}

.button-more__auto {
    margin: 0 20px 0 0;
    direction: rtl
}

.button-more__auto label::before {
    margin: 0 0 0 5px !important
}

.button-more__form {
    margin: 0 0 0 5px
}

.button-more__form input {
    height: 37px
}

.button_size_small {
    height: 30px;
    line-height: 28px;
    font-size: 72%
}

.button_size_small svg {
    vertical-align: middle;
    margin: -3px 7px 0 0
}

.button_type_bookmark svg,
.button_type_update svg {
    fill: #fe8401
}

.button_type_info svg {
    fill: #0a90d5
}

.button_type_uppercase {
    text-transform: uppercase
}

.button_hover_black svg {
    fill: #1f1f1f
}

.button_hover_black:hover {
    background-color: #1f1f1f;
    border-color: #1f1f1f;
    color: #fff
}

.button_hover_black:hover svg {
    fill: #fff !important
}

.button_hover_blue svg {
    fill: #0a90d5
}

.button_hover_green svg,
.button_hover_green_android svg {
    fill: #0ba40b
}

.button_hover_green_ios svg {
    fill: #8d4fc2
}

.button_hover_green_psp svg {
    fill: #f98305
}

.button_hover_green_ps svg,
.notifications-header__dropdown-bottom .button:hover svg {
    fill: #0a90d5
}

.button_hover_orange svg {
    fill: #fe8401
}

.button_hover_orange_state_active {
    background-color: #fe8401;
    border-color: #fe8401;
    color: #fff
}

.button_hover_orange_state_active svg {
    fill: #fff
}

.ban_history-button,
.button_karma {
    padding: 4px;
    background-color: transparent;
    border-radius: 3px;
    color: #1f1f1f
}

.button_karma {
    margin: 0 0 0 8px;
    height: 32px;
    text-align: center;
    border: 1px solid #d5d4d4;
    outline: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    apperance: none;
    transition: all 300ms ease-out;
    cursor: pointer
}

.ban_history-button {
    margin-top: 6px;
    margin-right: 10px
}

.btn-icon-freekassa {
    fill: #c00040
}

.btn-icon-paypal {
    fill: #008ec9
}

@supports (display:flex) {

    .main-row__flex,
    .slim-app__list {
        justify-content: space-between
    }

    .slim-app__list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    @media (max-width:1024px) {
        .slim-app__list {
            flex-wrap: nowrap;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
            margin-right: -5px;
            margin-left: -5px
        }
    }

    @media (max-width:1024px) and (max-width:767px) {
        .slim-app__list {
            justify-content: flex-start
        }
    }

    .slim-app__item {
        position: relative;
        width: 16%;
        width: calc(16.666% - 12px);
        margin: 0 0 15px !important;
        border-radius: 11px 11px 10px 10px
    }
}

.notifications__header-icon {
    position: relative;
    display: inline-block;
    margin: 4px 0 0;
    cursor: pointer
}

.notifications__header-icon svg {
    width: 18px;
    height: 15px;
    fill: #fff
}

.notifications__header-counter {
    position: absolute;
    right: -10px;
    top: -7px;
    display: inline-block;
    height: 15px;
    line-height: 17px;
    padding: 0 7px;
    border-radius: 15px;
    background: #fe8401;
    font-size: 85%;
    color: #fff
}

.notifications-header__dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    display: none;
    width: 500px;
    margin: 6px 0 0;
    background-color: #fff;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .25);
    line-height: normal;
    text-align: left
}

.notifications-header__dropdown::before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #fff;
    content: ""
}

.notifications-header__dropdown-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 15px;
    background-color: #f6f5f5
}

.notifications-header__dropdown-bottom .button {
    padding: 0 10px;
    text-transform: inherit;
    font-size: 100%
}

.notifications-header__item {
    position: relative;
    padding: 15px 15px 15px 60px;
    border-bottom: 1px solid #d5d4d4
}

.notifications-header__item:last-child {
    border: 0
}

.notifications-header__item_type_unread {
    background-color: #efefef
}

.notifications-header__list {
    height: 250px;
    overflow-y: scroll
}

.notifications-header__image {
    position: absolute;
    left: 15px;
    top: 16px;
    width: 36px;
    height: 36px
}

.notifications-header__image img {
    vertical-align: bottom;
    border-radius: 3px;
    width: 36px;
    height: 36px
}

.notifications-header__top {
    margin: 0 0 5px;
    color: #bcbbbb
}

.notifications-header__top-item {
    display: inline-block
}

.notifications-header__top-sender {
    font-weight: 700;
    color: #908f8f
}

.notifications-header__top-sender_type_site {
    color: #0a90d5
}

.notifications-header__top-time {
    font-size: 75%
}

.notifications-header__device-icon {
    margin: 0 2px
}

.notifications-header__device-icon svg {
    width: 13px;
    height: 13px;
    fill: #bcbbbb
}

.notifications__unread {
    margin: 0 0 15px;
    text-align: center
}

.notifications__unread a {
    color: #a1a0a0
}

.notifications-header__unread-icon svg {
    width: 10px;
    height: 14px;
    margin-right: 5px;
    fill: #494949
}

.header-user {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 70px;
    padding: 0 20px;
    box-sizing: border-box;
    box-shadow: 1px 1px rgba(253, 252, 252, .03), inset 1px 1px rgba(0, 0, 0, .09);
    background-color: #1d1d1d
}

.header-user__item {
    position: relative
}

.header-user__item+.header-user__item {
    margin: 0 0 0 10px
}

.header-user__item_type_user {
    position: relative;
    width: 80%;
}


.header-user__notifications {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 70px;
    padding: 0 10px;
    cursor: pointer
}

.header-user__notifications-icon {
    vertical-align: middle;
    fill: #fff
}

.header-user__notifications-bubble {
    position: absolute;
    top: 18px;
    left: -3px;
    height: 18px;
    padding: 0 6px;
    border-radius: 50px;
    background-color: #fe8401;
    font-size: 80%;
    font-weight: 700;
    line-height: 18px;
    color: #fff
}

.header-user__avatar {
    width: 36px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    border-radius: 3px
}

.header-user__link {
    color: #979797
}

.header .inner,
.header-user__name-link {
    display: flex;
    flex-direction: row;
    align-items: center
}

.header-user__name-link {
    position: relative;
    white-space: nowrap;
    width: 100%
}

.header {
    position: relative;
    height: 70px;
    background-color: #272727
}


.header .inner {
    justify-content: space-between
}

.header_type_android:after {
    box-shadow: inset 0 -6px 0 0 #008200
}

.header_type_ios:after {
    box-shadow: inset 0 -6px 0 0 #7d34bc
}

.header_type_psp:after {
    box-shadow: inset 0 -6px 0 0 #e05f01
}

.header_type_windows:after {
    box-shadow: inset 0 -6px 0 0 #0074b0
}

.header_type_other:after {
    box-shadow: inset 0 -6px 0 0 #9f9e9e
}

.header__mobile-buttons {
    display: none;
    flex-direction: row;
    width: 25%
}

.header__mobile-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 50px
}

.header__menu-button {
    overflow: hidden;
    padding: 0;
    border: 0
}

.header__menu-button svg {
    position: relative;
    fill: currentColor;
    transition: transform 300ms ease
}

.header__menu-button svg:first-child {
    transform: translateX(9px)
}

.header__menu-button svg:last-child {
    transform: translateX(50px)
}

.header__menu-button_state_opened svg:first-child {
    transform: translateX(-50px)
}

.header__menu-button_state_opened svg:last-child {
    transform: translateX(-11px)
}

.header__search-button {
    display: none
}

.header__search-button svg {
    fill: #999898
}

.header__logo {
    display: inline-block;
    max-width: 25%;
    transition: all 250ms ease-out;
	color:#fefefe;
	text-decoration:none !important;
	font-size:30px;
	text-transform:uppercase;
}

.header__logo span {color:#e05f01;}

.header__logo svg {
    vertical-align: middle
}

.header__app-button,
.header__login {
    display: flex;
    flex-direction: row;
    align-items: center
}

.header__app-button {
    justify-content: center;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0;
    outline: 0
}

.header__app-button svg {
    fill: #0ba40b
}

.header__login {
    justify-content: flex-end;
    min-width: 160px;
    text-align: right
}

.header__login-link,
.header__login-link svg {
    position: relative;
    transition: all 300ms ease-in-out
}

.header__login-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-left: 20px;
    float: right;
    line-height: 40px;
    text-align: center;
    border: 1px solid #393939;
    border-radius: 50%;
    box-sizing: border-box
}

.header__login-link svg {
    left: -1px;
    width: 20px;
    height: 18px;
    fill: #0ba40b
}

.header__login-link:hover {
    background-color: #008200;
    border-color: #008200
}

.header__login-link:hover svg,
.navigation__link_type_android.navigation__link_state_active svg,
.navigation__link_type_android:hover svg {
    fill: #09c009
}

.language-selection {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    z-index: 99;
    transform: translate(-20px, 0)
}

.language-selection__selected {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
    color: #979797
}

.language-selection__selected svg {
    fill: #979797
}

.language-selection__selected:hover .select-items-leng {
    opacity: 1;
    visibility: visible;
    top: 100%
}

.language-selection__selected:hover .language-selection-chevron-down {
    transform: rotate(180deg)
}

.language-selection-chevron-down {
    transition: all .3s
}

.select-items-leng {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 0;
    left: -4px;
    padding: 0 4px 4px;
    z-index: 9;
    transition: all .3s
}

.select-items-leng a {
    text-decoration: none
}

.select-items-leng__item {
    color: #979797;
    font-weight: 500;
    display: flex
}

.theme-toggle {
    position: relative;
    background-color: #f2f2f2;
    border-radius: 50px;
    padding: 3px
}

.theme-toggle::after {
    position: absolute;
    top: 3px;
    transform: translate3d(32px, 0, 0);
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #fff;
    transition: transform 200ms linear;
    box-shadow: 0 .3rem .3rem 0 rgba(0, 0, 0, .25);
    content: ''
}

.theme-toggle#theme-light::after {
    transform: translate3d(0, 0, 0)
}

.theme-toggle#theme-dark::after {
    transform: translate3d(64px, 0, 0)
}

.theme-toggle_type_desktop {
    display: none
}

.theme-toggle_type_mobile {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px
}

.theme-toggle__button,
.theme-toggle__holder {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 32px
}

.theme-toggle__button {
    position: relative;
    z-index: 5;
    justify-content: center;
    width: 32px
}

.theme-toggle__button::before {
    display: none !important
}

.theme-toggle__button svg {
    fill: #141414
}

.mobile-navigation {
    position: fixed;
    top: 50px;
    display: none;
    width: 250px;
    height: calc(100% - 50px);
    z-index: 99;
    transform: translateX(-100%);
    transition: transform 200ms linear;
    background-color: #272727;
    box-shadow: inset -1px -1px 9px rgba(0, 0, 0, .84);
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.mobile-navigation_state_visible {
    transform: translateX(0)
}

.mobile-navigation_ad {
    top: 50px;
    z-index: 999
}

.mobile-navigation__os {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    box-sizing: border-box;
    background-color: #1d1d1d;
    border-bottom: 1px solid #272727
}

.mobile-navigation__os_type_other {
    color: #fff
}

.mobile-navigation__icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 24px;
    margin: 0 10px 0 0
}

.mobile-navigation__icon svg {
    fill: currentColor
}

.mobile-navigation__category,
.mobile-navigation__sub-category {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #000;
    color: #fff
}

.mobile-navigation__sub-category {
    padding: 0 15px 0 55px
}

.navigation {
    margin: 0 50px;
	flex:1;
}

.navigation__list {
    display: flex;
    flex-direction: row
}

.navigation__item {
    border-left: 1px solid #343434
}

.navigation__item:last-child {
    border-right: 1px solid #343434
}

.navigation__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    transition: all 300ms ease
}

.navigation__link svg {
    transition: fill 300ms ease
}

.navigation__link_type_android svg {
    width: 19px;
    height: 20px;
    fill: #0ba40b
}

.navigation__link_type_android.navigation__link_state_active,
.navigation__link_type_android:hover {
    background-color: #008200
}


.navigation__link_type_ios svg {
    width: 16px;
    height: 18px;
    fill: #8d4fc2
}

.navigation__link_type_ios.navigation__link_state_active,
.navigation__link_type_ios:hover {
    background-color: #7d34bc
}

.navigation__link_type_ios.navigation__link_state_active svg,
.navigation__link_type_ios:hover svg {
    fill: #b964fa
}

.navigation__link_type_ps svg {
    width: 18px;
    height: 18px;
    fill: #0a90d5
}

.navigation__link_type_ps.navigation__link_state_active,
.navigation__link_type_ps:hover {
    background-color: #0074b0
}

.navigation__link_type_ps.navigation__link_state_active svg,
.navigation__link_type_ps:hover svg {
    fill: #07a8fb
}

.navigation__link_type_psp svg {
    width: 15px;
    height: 9px;
    fill: #f98305
}

.navigation__link_type_psp.navigation__link_state_active,
.navigation__link_type_psp:hover {
    background-color: #e05f01
}

.navigation__link_type_psp.navigation__link_state_active svg,
.navigation__link_type_psp:hover svg {
    fill: #ffaa23
}

.navigation__link_type_megaphone.navigation__link_state_active,
.navigation__link_type_megaphone:hover {
    background-color: #d1d1d1
}

.navigation__link_type_smartphone.navigation__link_state_active,
.navigation__link_type_smartphone:hover {
    background-color: #838282
}

.navigation__link_type_smartphone.navigation__link_state_active svg,
.navigation__link_type_smartphone:hover svg {
    fill: #c1bfbf
}

.navigation__icon {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.navigation__icon svg {
    vertical-align: middle
}

.navigation__icon_type_megaphone svg {
    width: 14px;
    height: 14px;
    fill: #fff
}

.navigation__icon_type_smartphone svg {
    width: 18px;
    height: 18px;
    fill: #f1f1f1
}

.autocomplete-suggestions {
    position: relative;
    z-index: 999;
    width: 50%;
    top: 100%;
    left: 60px;
    border: 1px solid #cfcfcf;
    background-color: #fff;
    box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, .15)
}

.autocomplete-suggestions:after,
.autocomplete-suggestions:before {
    position: absolute;
    bottom: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    content: ''
}

.autocomplete-suggestions:before {
    left: 60px;
    border-width: 0 7px 10px;
    border-color: transparent transparent #d5d5d5
}

.autocomplete-suggestions:after {
    left: 61px;
    border-width: 0 6px 8px;
    border-color: transparent transparent #fff
}

.autocomplete-suggestion {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 40px;
    line-height: normal;
    padding: 0 15px;
    border-bottom: 1px solid #cfcfcf;
    font-size: 130%;
    color: #494949;
    cursor: pointer
}

.autocomplete-suggestion:last-child {
    border: 0
}

.autocomplete-suggestion img {
    margin: 0 10px 0 0;
    border-radius: 3px;
    vertical-align: middle
}

.autocomplete-suggestion.autocomplete-selected {
    background-color: #dfdfdf
}

.search {
    margin: 0 auto
}

.search .inner {
    background-color: #272727
}

.search-form {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 75px
}

.search-form__input {
    flex-grow: 10;
    height: 75px;
    padding: 0 15px 0 75px;
    border: 0;
    outline: 0;
    background: url(../images/icon-search.svg) 30px center no-repeat;
    background-size: 22px 22px;
    background-color: transparent;
    -webkit-appearance: none;
    font-size: 185.75%;
    color: #727171;
    transition: all 300ms ease-in-out
}

.search-form__input:focus~.search-form__button {
    opacity: 1;
    transition: all 300ms ease-in-out
}

.search-form__button {
    width: 75px;
    height: 35px;
    line-height: 33px;
    border: 1px solid #afafaf !important;
    border-radius: 5px;
    cursor: pointer;
    opacity: 0;
    transition: all 300ms ease-in-out;
	color:#fff;
}

.search-form__button:hover {
    background-color: #fff;
    border-color: #fff !important
}

.search-form__button-icon {
    display: none;
    fill: #a1a1a1
}

.search-form__button-icon-back {
    fill: #a1a1a1;
    display: none;
    margin-right: 10px
}

.search-form__close-button {
    display: none;
    width: 20px;
    height: 20px;
    margin: 0 4px 0 0;
    border: 1px solid #9d9d9d;
    border-radius: 50%;
    text-align: center
}

.search-form__close-button svg {
    position: relative;
    top: -3px;
    fill: #fff
}

.sidebar_type_feed {
    margin-top: 20px
}

.sidebar-item_type_home {
    margin: 0 0 55px
}

.sidebar-title {
    position: relative;
    margin: 30px 0;
    padding: 0 20px 0 50px;
    font-size: 142.95%;
    font-weight: 700;
    text-transform: uppercase
}

.sidebar-title__icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px
}

.side-menu {
    margin: 0 0 45px
}

.side-menu__link {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 20px;
    border-bottom: 1px solid #dcdbdb;
    box-sizing: border-box;
    line-height: 40px;
    color: #494949
}

.side-menu__link:hover,
.side-menu__link_state_active {
    text-decoration: none
}

.side-menu__link:hover::before,
.side-menu__link_state_active::before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    width: calc(100% + 5px);
    height: 100%;
    border-radius: 0 5px 5px 0;
    background-color: #fff;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .15);
    content: ''
}

.side-menu__link-text {
    position: relative;
    z-index: 2
}

.side-menu__link svg {
    position: relative;
    margin-right: 10px;
    fill: currentColor
}

.side-menu__title {
    position: relative;
    line-height: 50px;
    text-transform: uppercase
}

.side-top__list {
    transition: max-height 500ms ease
}

.side-top__item+.side-top__item {
    margin: 3px 0 0
}

.side-top__link {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    box-sizing: border-box;
    background-color: rgb(24, 26, 27);
    font-size: 114.5%;
    font-weight: 600;
    transition: all 300ms ease
}

.side-top__link:hover {
    margin: 0 -5px 0 0;
    text-decoration: none
}

.side-top__link_two_sides:hover {
    margin-left: -5px
}

.side-top__title {
    display: block;
    width: 95%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px 0 15px
}

.side-top__poster {
    vertical-align: middle;
    width: 50px
}

.side-top__load-more {
    display: none;
    flex-wrap: rotation;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    margin: -15px auto 0;
    background-color: #fff;
    border: 3px solid #d4d4d4;
    border-radius: 50px;
    transition: all 300ms ease-in-out
}

.side-top__load-more svg {
    fill: #5b5b5b
}

.side-top__load-more_state_uncollapsed {
    transform: rotate(-180deg);
    transition: all 300ms ease-in-out
}

.sidebar-article {
    display: block;
   background-color: rgb(24, 26, 27);
}

.sidebar-article:hover {
    text-decoration: none
}

.sidebar-article__picture {
    width: 100%;
    vertical-align: middle
}

.sidebar-article__info {
    display: block;
    padding: 10px 20px
}

.sidebar-article__title {
    display: block;
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: #383838
}

.sidebar-article__views {
    margin: 0 !important;
    font-size: 13px;
    color: #b0aeae
}

.sidebar-article__views svg {
    margin: 0 5px -1px 0;
    fill: currentColor
}

.sidebar-device+.sidebar-device {
    margin: 5px 0 0
}

.sidebar-device__link {
    display: block;
    height: 50px;
    padding: 5px 10px;
    overflow: hidden;
    background-color: #fff;
    line-height: 50px;
    color: #383838
}

.attention__body-text a:hover,
.sidebar-device__link:hover {
    text-decoration: none
}

.sidebar-device__link_type_main {
    height: auto;
    padding: 15px 10px 25px;
    text-align: center;
    line-height: inherit
}

.sidebar-device__title {
    position: relative;
    display: block;
    width: 100%;
    max-width: 85%;
    float: left;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap
}

.sidebar-device__title:after {
    position: absolute;
    right: -1px;
    top: 0;
    display: block;
    height: 100%;
    width: 25px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .92) 55%, rgba(255, 255, 255, .92) 56%, #fff 100%);
    content: ''
}

.sidebar-device__title_type_main {
    float: none;
    max-width: 100%;
    margin: 20px 0 0
}

.sidebar-device__title_type_main:after,
.vote-form__dots input[type=radio] {
    display: none
}

.sidebar-device__picture {
    float: right;
    width: auto;
    height: 36px;
    margin: 7px 0 0
}

.sidebar-device__picture_type_main {
    float: none;
    height: 120px
}

.footer {
    margin-top: auto;
    padding: 20px 0;
    background-color: #272727;
	font-size:14px;
}

.footer,
.footer a,
.footer-text {
    color: #707070
}

.footer-text {
padding:0 50px 0 0;
    z-index: 99999;
}

.footer-text__wrapper {
    width: 50%
}

.footer__top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.footer__item {
    width: 25%
}

.footer__item-title {
    margin: 0 0 15px;
    font-size: 114.5%
}

.footer__links-item:before {
    margin: 0 3px 0 0;
    content: "\2022"
}

.footer__social {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 150px;
    margin: auto
}

.footer__social-link {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 65px;
    margin: 0 0 20px;
    border: 1px solid #414141;
    border-radius: 50%
}

.footer__social-icon,
.footer__social-link,
.footer__social-link:active,
.footer__social-link:active svg,
.footer__social-link:hover,
.footer__social-link:hover svg {
    transition: all 300ms ease-out
}

.footer__social-link_type_facebook svg {
    fill: #3b5998
}

.footer__social-link_type_facebook:hover {
    border-color: #2d4a87;
    background-color: #2d4a87
}

.footer__social-link_type_facebook:hover svg {
    fill: #486dbc
}

.footer__social-link_type_vkontakte svg {
    fill: #45668e
}

.footer__social-link_type_vkontakte:hover {
    border-color: #2d527e;
    background-color: #2d527e
}

.footer__social-link_type_vkontakte:hover svg {
    fill: #517cb1
}

.footer__social-link_type_twitter svg {
    fill: #2aaae0
}

.footer__social-link_type_twitter:hover {
    border-color: #158dc0;
    background-color: #158dc0
}

.footer__social-link_type_twitter:hover svg {
    fill: #2cbbf8
}

.footer__social-link_type_youtube svg {
    fill: #d5271c
}

.footer__social-link_type_youtube:hover {
    border-color: #a50a01;
    background-color: #a50a01
}

.footer__social-link_type_youtube:hover svg {
    fill: #ef2d21
}

.footer__social-link_type_telegram svg {
    margin: 0 0 0 -4px;
    fill: #08c
}

.footer__social-link_type_telegram:hover {
    border-color: #2d4a87;
    background-color: #2d4a87
}

.footer__social-link_type_telegram:hover svg {
    fill: #486dbc
}

.footer__social-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.footer__social-icon svg {
    vertical-align: middle
}

.footer__bottom {
    margin: 15px 0 0;
    padding: 15px 0 0;
    border-top: 1px solid #353434;
    font-size: 78.6%
}

.footer__bottom .inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.footer__bottom-item {
    width: 25%;
    box-sizing: border-box;
	font-size:14px;
}

.footer__copyright {
    position: relative;
    padding: 0 0 0 12px;
    line-height: 14px
}

.footer__copyright:before {
    position: absolute;
    left: 0;
    top: -1px;
    content: "\00a9"
}

.footer__tech-links {
    line-height: 20px
}

.footer__tech-icon {
    display: inline-block;
    width: 11px;
    margin: 0 5px 0 0;
    text-align: center
}

.footer__tech-icon svg {
    fill: #707070
}

.accordion-inner {
    padding: 20px 30px
}

.accordion-inner small {
    font-size: 90%
}

.accordion-item {
    border: solid 1px #d5d4d4;
    border-radius: 5px
}

.accordion-item:hover {
    border-color: #b0aeae;
    transition: all 300ms ease
}

.accordion-item:hover .accordion-title {
    background-color: #b0aeae;
    color: #fff
}

.accordion-item:hover .accordion-title__arrow {
    fill: currentColor;
    transition: fill 200ms
}

.accordion-item+.accordion-item {
    margin: 3px 0 0
}

.accordion-item_state_active,
.accordion-item_state_active:hover {
    margin-bottom: 5px;
    border: solid 1px #d5d4d4
}

.accordion-item_state_active .accordion-title_android,
.accordion-item_state_active:hover .accordion-title_android {
    background-color: #0ba40b;
    box-shadow: 0 0 0 1px #0ba40b;
    color: #fff
}

.accordion-item_state_active .accordion-title_android__arrow,
.accordion-item_state_active:hover .accordion-title_android__arrow {
    transform: translateY(-50%) rotate(-180deg);
    fill: #fff;
    transition: all 300ms
}

.accordion-item_state_active .accordion-title_ios,
.accordion-item_state_active:hover .accordion-title_ios {
    background-color: #8d4fc2;
    box-shadow: 0 0 0 1px #8d4fc2;
    color: #fff
}

.accordion-item_state_active .accordion-title_ios__arrow,
.accordion-item_state_active:hover .accordion-title_ios__arrow {
    transform: translateY(-50%) rotate(-180deg);
    fill: #fff;
    transition: all 300ms
}

.accordion-item_state_active .accordion-title_ps,
.accordion-item_state_active:hover .accordion-title_ps {
    background-color: #0a90d5;
    box-shadow: 0 0 0 1px #0a90d5;
    color: #fff
}

.accordion-item_state_active .accordion-title_ps__arrow,
.accordion-item_state_active:hover .accordion-title_ps__arrow {
    transform: translateY(-50%) rotate(-180deg);
    fill: #fff;
    transition: all 300ms
}

.accordion-item_state_active .accordion-title_psp,
.accordion-item_state_active:hover .accordion-title_psp {
    background-color: #f98305;
    box-shadow: 0 0 0 1px #f98305;
    color: #fff
}

.accordion-item_state_active .accordion-title_psp__arrow,
.accordion-item_state_active:hover .accordion-title_psp__arrow {
    transform: translateY(-50%) rotate(-180deg);
    fill: #fff;
    transition: all 300ms
}

.accordion-title {
    position: relative;
    padding: 6px 50px 6px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 300ms ease
}

.accordion-title__tags {
    display: flex;
    flex-direction: row;
    float: right
}

.accordion-title__tag {
    border-radius: 3px;
    padding: 0 10px;
    margin-right: 5px;
    color: #fff
}

.accordion-title__arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 10px;
    fill: #b3b1b1;
    transition: all 300ms
}

.accordion-text__selection {
    background-color: #f2f1f1
}

.accordion-text__selection_dark {
    background-color: #fdf2c9
}

.attention {
    position: relative;
    left: -5px;
    width: calc(100% + 5px);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, .16);
    margin-bottom: 20px
}

.attention::after,
.attention::before {
    position: absolute;
    z-index: 5;
    bottom: 100%;
    content: ''
}

.attention::before {
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 5px 5px;
    border-color: transparent transparent #aaa9a9
}

.attention::after {
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 0 5px;
    border-color: transparent transparent transparent #aaa9a9
}

.attention+.attention {
    margin: 15px 0 0
}

.attention__inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden
}

.attention__body,
.attention__monster {
    position: relative;
    box-sizing: border-box
}

.attention__monster {
    width: 250px;
    padding: 0 50px 0 0;
    background-color: #fff
}

.attention__monster img {
    position: absolute
}

.attention__monster_type_ban img {
    left: -40px;
    bottom: -72px
}

.attention__monster_type_login img {
    left: -20px;
    top: 30px
}

.attention__body {
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 75%;
    width: calc(100% - 250px);
    min-height: 140px;
    padding: 15px;
    color: #fff
}

.attention__body:before {
    position: absolute;
    left: -50px;
    top: -110px;
    display: block;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    content: ''
}

.attention__body_color_blue,
.attention__body_color_blue:before {
    background-color: #0a90d5
}

.attention__body_color_blue .attention__body-hook {
    fill: #0a90d5
}

.attention__body_color_orange,
.attention__body_color_orange:before {
    background-color: #fc8301
}

.attention__body_color_orange .attention__body-hook {
    fill: #fc8301
}

.attention__body_color_navy,
.attention__body_color_navy:before {
    background-color: #8430e2
}

.attention__body_color_navy .attention__body-hook {
    fill: #8430e2
}

.attention__body_color_red,
.attention__body_color_red:before {
    background-color: #c93737
}

.attention__body_color_red .attention__body-hook {
    fill: #c93737
}

.attention__body-hook {
    position: absolute;
    left: -70px;
    top: 30px;
    width: 44px;
    height: 26px
}

.attention__body-inner {
    position: relative;
    z-index: 5
}

.attention__body-title {
    margin: 0 0 10px;
    font-size: 128.75%;
    font-weight: 600
}

.attention__body-text {
    font-size: 90%;
    font-weight: 300
}

.attention__body-text a {
    color: currentColor;
    text-decoration: underline
}

.monster-block {
    display: flex;
    flex-direction: row;
    max-height: 150px;
    overflow: hidden;
    box-shadow: #030301 0 0 1px;
    margin-bottom: 20px
}

.monster-block__main-block {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 140px;
    padding: 15px;
    color: #fff
}

.monster-block__main-block:before {
    position: absolute;
    left: -50px;
    top: -95px;
    display: block;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    content: ""
}

.main-block-hook {
    position: absolute;
    transform: rotateY(45deg);
    width: 70px;
    left: -85px;
    top: -43px;
    z-index: 2
}

.monster-item {
    min-height: 250px;
    transform: rotateZ(15deg);
    position: relative;
    right: 10px;
    z-index: 1
}

.main-block-titel {
    margin: 0 0 10px;
    font-size: 128.75%;
    font-weight: 600;
    z-index: 99
}

.main-block-text {
    font-size: 90%;
    font-weight: 300;
    z-index: 99;
    padding-right: 20px
}

.main-block-link {
    text-decoration: underline;
    color: #fff
}

.main-block-color-blue,
.main-block-color-blue:before {
    background-color: #0a90d5
}

.hook-blue {
    fill: #0a90d5
}

.main-block-color-orange,
.main-block-color-orange:before {
    background-color: #fc8301
}

.hook-orange {
    fill: #fc8301
}

.main-block-color-navy,
.main-block-color-navy:before {
    background-color: #8430e2
}

.hook-navy {
    fill: #8430e2
}

.main-block-color-red,
.main-block-color-red:before {
    background-color: #c93737
}

.hook-red {
    fill: #c93737
}

.breadcrumbs-wrapper {
    justify-content: space-between;
    height: 50px;
    padding-left: 20px;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box
}

.breadcrumbs-wrapper,
.breadcrumbs__list {
    display: flex;
    flex-direction: row;
    align-items: center
}

.breadcrumbs__item {
    margin: 0 4px 0 0
}

.breadcrumbs__item:last-of-type .breadcrumbs__link:after {
    display: none
}

.breadcrumbs__link {
    position: relative;
    display: inline-block
}

.breadcrumbs__link:after {
    display: inline-block;
    margin: 0 0 0 5px;
    color: #b0aeae;
    content: '/'
}

.breadcrumbs__text {
    color: #b0aeae
}

.development-popup {
    z-index: 10000;
    width: 90%;
    max-width: 930px;
    padding: 60px;
    box-sizing: border-box;
    border-radius: 5px
}

.development-popup__monster {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 50px
}

.development-popup__title {
    margin: 0 0 35px;
    text-align: center;
    font-size: 48px;
    font-weight: 700
}

.development-popup__text {
    margin: 0 0 50px;
    font-size: 28px;
    line-height: 40px
}

.development-popup__button {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 160px;
    margin: 0 auto
}

.development-popup__button svg {
    margin: 0 10px 0 0
}

:root {
    --banner-header-height: 50px
}

.magic-block {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    transform: translateY(calc(100% - var(--banner-header-height)));
    transition: transform 5s linear;
    display: flex;
    flex-direction: column
}

.magic-block_state_visible {
    transform: translateY(0)
}

.magic-block__content {
    flex: 1;
    background-color: #fff
}

.magic-block__content img {
    width: 100%
}

.magic-block__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: var(--banner-header-height);
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    border: 0;
    background-color: orange;
    color: #fff
}

.add-application {
    z-index: 10000;
    width: 90%;
    max-width: 930px;
    padding: 60px;
    box-sizing: border-box;
    border-radius: 5px
}

.add-application__heading {
    margin-bottom: 50px;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px
}

.add-application__heading-accent {
    display: block;
    font-size: 60px
}

.add-application__text {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
    font-size: 14px;
    line-height: normal
}

.add-application__form {
    width: 50%;
    margin: auto
}

.add-application__form input {
    width: 100%;
    height: 32px;
    font-size: 14px
}

.add-application__form .custom-select {
    width: 100%;
    height: 32px
}

.add-application__form .custom-select:after {
    top: 12px
}

.add-application__form .custom-select select {
    height: 30px;
    font-size: 14px
}

.add-application__list {
    margin: 10px 0 40px
}

.add-application__list .add-gadget__item {
    justify-content: flex-start;
    padding: 15px 0;
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
    font-weight: 700
}

.add-application__list .add-gadget__item img {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    border-radius: 3px
}

.add-application__list .add-gadget__item_type_exist {
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400
}

.add-application__list .add-gadget__button_type_remove {
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    margin-left: auto
}

.add-application__list .add-gadget__button_type_remove svg {
    width: 9px;
    height: 9px;
    margin: 8px 0 0 8px
}

.add-favorites__row+.add-favorites__row,
.premium-about__list li+li {
    margin-top: 10px
}

.add-favorites__input,
.add-favorites__select select {
    height: 32px;
    font-size: 14px
}

.add-favorites__select::after {
    top: 14px
}

.add-favorites__input {
    width: 100%
}

.add-favorites__text {
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-left: 2px solid orange;
    font-size: 14px
}

.add-favorites__footer {
    display: flex;
    flex-direction: row;
    align-items: center
}

.page-message {
    position: relative;
    color: #fff;
    text-align: center;
    box-sizing: border-box
}

.page-message a {
    color: #fff
}

.page-message a:hover {
    text-decoration: underline
}

.page-message_type_fixed {
    position: fixed;
    z-index: 2500;
    left: 0;
    bottom: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .12);
    margin-bottom: -70px;
    padding: 4px;
    opacity: 0
}

.page-message_type_fixed .page-message__inner {
    display: inline-block;
    vertical-align: middle;
    padding: 12px 50px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12)
}

.page-message__inner {
    width: 100%;
    padding: 15px 20px;
    border-radius: 3px;
    cursor: default;
    box-sizing: border-box
}

.page-message__close {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0
}

.page-message__close svg {
    width: 10px;
    height: 10px;
    fill: #fff
}

.page-message__close:active svg {
    fill: #fc0505
}

.page-message_type_success .page-message__inner {
    background: #98c43b
}

.page-message_type_error .page-message__inner {
    background: #f14537
}

.page-message_type_info .page-message__inner {
    background: #4788be
}

.page-message_type_warning .page-message__inner {
    background: #fbae3c
}

.page-message_type_download {
    width: 100%
}

.page-message_type_download .page-message__inner {
    background: #242424
}

.pagination,
.pagination-list {
    display: flex;
    flex-direction: row;
    align-items: center;
	
}

.pagination {
    margin-top: 40px;
    margin-bottom: 40px
}

.pagination-list {
    overflow-x: auto
}

.pagination__item+.pagination__item {
    margin-left: 5px
}

.pagination__link {
    display: inline-block;
    min-width: 37px;
    height: 37px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    color: #494949
}

.pagination__link:active,
.pagination__link_state_active {
    background-color: #c4c4c4;
    text-decoration: none;
    color: #fff
}

.pagination__link_type_prev {
    margin-right: 5px
}

.pagination__link_type_next {
    margin-left: 5px
}

.b-poll__inner {
    padding: 15px;
    background-color: #fff
}

.b-poll__question {
    display: block;
    margin-bottom: 15px;
    font-size: 125%;
    font-weight: 700;
    color: #383838
}

.b-poll__list li {
    display: table;
    width: 100%;
    margin: 0 0 1em
}

.b-poll__numbers {
    display: inline-block;
    padding: 0 0 0 .5em;
    color: #fff;
    text-shadow: 1px 1px 2px #000
}

.b-poll__color-line {
    display: block;
    background-color: #0a90d5;
    font-size: 90%;
    line-height: 1.5em
}

.b-poll__color-line__outer {
    margin: .25em 0 1em;
    border-radius: .3em;
    background-size: 30px 30px;
    background-image: linear-gradient(135deg, rgba(150, 150, 150, .25) 25%, transparent 25%, transparent 50%, rgba(150, 150, 150, .25) 50%, rgba(150, 150, 150, .25) 75%, transparent 75%, transparent)
}

.b-poll__color-line_animate {
    animation: animate-stripes 1.5s linear infinite
}

.b-poll__attention {
    text-align: center;
    font-size: 100%;
    font-style: italic;
    line-height: normal;
    color: #666
}

.premium-heading {
    margin-bottom: 40px;
    font-size: 36px;
    font-weight: 700
}

.premium-about {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px
}

.premium-about__heading {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700
}

.premium-about__picture {
    max-width: 200px;
    margin-bottom: 20px
}

.premium-about__list {
    margin-left: 15px
}

.premium-plans {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 40px;
    padding: 0 !important;
    list-style: none !important
}

.premium-plans__item {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25)
}

.premium-plans__latency {
    margin-bottom: 20px;
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
    font-weight: 700;
    color: #383838
}

.premium-plans__latency-quantity {
    display: block;
    margin-bottom: 15px;
    font-size: 48px
}

.premium-plans__latency-label {
    font-size: 24px
}

.premium-plans__price {
    margin-bottom: 20px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #0ba40b
}

.premium-plans__button {
    display: block;
    width: 80%;
    margin: 0 auto;
    font-weight: 400
}

.rating-circle {
    position: relative;
    display: block;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    text-align: center;
    font-size: 250%;
    font-weight: 700;
    line-height: 95px;
    color: gray
}

.rating-circle_size_small {
    width: 50px;
    height: 50px;
    font-size: 142.9%;
    line-height: 50px
}

.rating-circle_type_home {
    position: absolute;
    right: 20px;
    top: 20px
}

.rating-circle_rating_1,
.rating-circle_rating_2,
.rating-circle_rating_3 {
    color: #ececec;
    background: #fc0505
}

.rating-circle_rating_4,
.rating-circle_rating_5,
.rating-circle_rating_6 {
    color: #ececec;
    background: #fe8401
}

.rating-circle_rating_10,
.rating-circle_rating_7,
.rating-circle_rating_8,
.rating-circle_rating_9 {
    color: #ececec;
    background: #0ba40b
}

.rating-circle_rating_0 {
    background: #f2f2f2
}

.rating-line__row {
    display: flex;
    flex-direction: row;
    align-items: center
}

.rating-line__row_type_multiple {
    flex-direction: column;
    align-items: flex-start
}

.rating-line__label {
    width: 35%
}

.rating-line__visual {
    width: 100%;
    height: 3px;
    background-color: #dcdcdc;
    border-radius: 5px
}

.rating-line__scale {
    display: block;
    height: 3px;
    background-color: #8c8c8c;
    border-radius: 5px
}

.rating-line__points {
    min-width: 20px;
    min-height: 20px;
    margin: 0 0 0 10px
}

.rating-line_type_colored .rating-line__visual {
    max-width: 83%
}

.rating-line_type_colored .rating-line__scale {
    background-color: #0ba40b
}

.rating-line_type_colored .rating-line__points {
    font-size: 85.725%
}

.rating-line_type_colored .rating-line__row {
    justify-content: space-between
}

.rating-line__button {
    position: relative;
    width: 28px;
    height: 28px;
    text-align: center;
    border: 1px solid #d5d4d4;
    border-radius: 50%;
    cursor: pointer
}

.rating-line__button+.rating-line__button {
    margin: 0 0 0 7px
}

.rating-line__button svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.rating-line__button_type_no,
.rating-line__button_type_yes {
    transition: all 300ms ease-in-out
}

.rating-line__button_type_no svg {
    fill: #f93305;
    transition: all 300ms ease-in-out
}

.rating-line__button_type_no:hover {
    border-color: #f93305;
    background-color: #f93305
}

.rating-line__button_type_no:hover svg,
.rating-line__button_type_yes:hover svg {
    fill: #fff
}

.rating-line__button_type_yes svg {
    fill: #0ba40b;
    transition: all 300ms ease-in-out
}

.rating-line__button_type_yes:hover {
    border-color: #0ba40b;
    background-color: #0ba40b
}

.store-button {
    position: relative;
    display: inline-block;
    padding: 1px 1px 0 0;
    border-radius: 10px;
    overflow: hidden
}

.store-button img {
    width: 100%;
    vertical-align: bottom
}

.store-button_size_big {
    width: 275px
}

.store-button_type_free,
.store-button_type_price {
    position: relative
}

.store-button_type_free:before,
.store-button_type_price:before {
    position: absolute;
    right: -1px;
    top: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 60px 0;
    border-color: transparent #01c35f transparent transparent;
    content: ''
}

.store-button_type_price:before {
    border-color: transparent #c30400 transparent transparent
}

.store-button__free-label {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    transform: rotate(45deg)
}

.vote-form__section {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ccc
}

.vote-form__section:last-of-type {
    border: 0
}

.vote-form__question {
    font-size: 90%;
    color: #7c7b7b
}

.vote-form__dots {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 20px 0 0
}

.vote-form__dots:before {
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 83%;
    height: 1px;
    background-color: #ccc;
    content: ''
}

.vote-form__dots input[type=radio]+label {
    display: block;
    white-space: normal;
    cursor: pointer;
    line-height: 1
}

.vote-form__dots input[type=radio]+label:before {
    position: relative;
    z-index: 5;
    display: block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin: 0 auto 10px;
    border-radius: 100%;
    border: 0;
    box-shadow: inset 0 0 0 1px #d6d5d5;
    box-sizing: border-box;
    background-color: #fff;
    transition: all 250ms ease;
    content: ""
}

.vote-form__dots input[type=radio]:checked+label:before {
    box-shadow: inset 0 0 0 5px #aaa;
    background: 0 0;
    background-color: #fff;
    transition: all 250ms ease
}

.vote-form__dots-item {
    width: 90px;
    text-align: center
}

.vote-form__dots-label {
    margin: 5px 0 0;
    font-size: 140%;
    color: #7c7b7b
}

.vote-form__colored-scale input[type=radio],
.vote-form__dots-text_type_mobile {
    display: none
}

.vote-form__colored-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.vote-form__colored-row .vote-form__question {
    width: 30%
}

.vote-form__colored-scale {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 65%;
    width: calc(70% - 20px)
}

.vote-form__colored-scale input[type=radio]+label {
    position: relative;
    cursor: pointer;
    display: block;
    width: 50px;
    height: 15px
}

.vote-form__colored-scale input[type=radio]+label:before {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    width: 100%;
    height: 5px;
    margin: 0;
    border-radius: 5px;
    border: 0;
    box-shadow: none;
    box-sizing: border-box;
    background-color: #dcdcdc;
    content: ''
}

.vote-form__colored-scale input[type=radio]:checked+label:before {
    transition: all 250ms ease;
    box-shadow: none
}

.vote-form__colored-radio {
    position: relative
}

.vote-form__colored-radio:hover {
    transition: all 250ms ease-out
}

.vote-form__colored-radio:hover .vote-form__tooltip {
    display: block;
    transition: all 250ms ease-out
}

.vote-form__colored-radio+.vote-form__colored-radio {
    margin: 0 0 0 2px
}

.vote-form__colored-radio:first-child input[type=radio]:checked+label:before {
    background: linear-gradient(to right, #ff645d 0, #ff7d58 100%)
}

.vote-form__colored-radio:nth-child(2) input[type=radio]:checked+label:before {
    background: linear-gradient(to right, #ff8257 0, #feaa3d 100%)
}

.vote-form__colored-radio:nth-child(3) input[type=radio]:checked+label:before {
    background: linear-gradient(to right, #feaf39 0, #f7d913 100%)
}

.vote-form__colored-radio:nth-child(4) input[type=radio]:checked+label:before {
    background: linear-gradient(to right, #f5db12 0, #89da39 100%)
}

.vote-form__colored-radio:nth-child(5) input[type=radio]:checked+label:before,
.vote-form__colored-radio:nth-child(6) input[type=radio]:checked+label:before {
    background: linear-gradient(to right, #76d840 0, #09c969 100%)
}

.vote-form__colored-radio_type_checked:first-child input[type=radio]+label:before {
    background: linear-gradient(to right, #ff645d 0, #ff7d58 100%)
}

.vote-form__colored-radio_type_checked:nth-child(2) input[type=radio]+label:before {
    background: linear-gradient(to right, #ff8257 0, #feaa3d 100%)
}

.vote-form__colored-radio_type_checked:nth-child(3) input[type=radio]+label:before {
    background: linear-gradient(to right, #feaf39 0, #f7d913 100%)
}

.vote-form__colored-radio_type_checked:nth-child(4) input[type=radio]+label:before {
    background: linear-gradient(to right, #f5db12 0, #89da39 100%)
}

.vote-form__colored-radio_type_checked:nth-child(5) input[type=radio]+label:before {
    background: linear-gradient(to right, #d6df1b 0, #89da39 100%)
}

.vote-form__colored-radio_type_checked:nth-child(6) input[type=radio]+label:before {
    background: linear-gradient(to right, #76d840 0, #09c969 100%)
}

.vote-form__tooltip {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: -65px;
    transform: translateX(-50%);
    display: none;
    white-space: nowrap;
    padding: 10px 15px 8px;
    text-align: center;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 5px 5px 9px 1px rgba(0, 0, 0, .21);
    font-size: 87%;
    color: #1f1f1f
}

.comments__form-donut p:after,
.vote-form__tooltip:after {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #fff transparent transparent;
    content: ''
}

.vote-form__colored-counter {
    width: 20px;
    text-align: right;
    color: #494949
}

.comments {
    margin: 35px 0 0
}

.comments-switch {
    position: relative;
    display: inline-block;
    height: 42px;
    margin: 0 0 30px;
    padding: 4px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .1);
    border-radius: 50px;
    box-shadow: 1px 1px #fff, inset 1px 1px 2px rgba(0, 0, 0, .13)
}

.comments-switch__label {
    position: relative;
    z-index: 2;
    float: left;
    width: 125px;
    font-size: 90%;
    line-height: 36px;
    text-transform: uppercase;
    color: #494949;
    text-align: center;
    cursor: pointer
}

.comments-switch__label:before {
    display: none !important
}

.comments-switch__input,
.comments__images-input input[type=file] {
    display: none
}

.comments-switch__input:checked+.comments-switch__label-off,
.comments-switch__input:checked+.comments-switch__label-on {
    color: #fff
}

.comments-switch__input:checked+.comments-switch__label-on~.comments-switch__selection {
    left: 128px
}

.comments-switch__selection {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    width: 125px;
    height: 32px;
    border-radius: 50px;
    background-color: #7f7d7d;
    transition: left 300ms ease-out
}

.comments__form {
    margin: 0 0 20px
}

.comments__form_type_main {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc
}

.comments__form-title {
    margin: 0 0 5px;
    font-size: 115%;
    font-weight: 700
}

.comments__form-title_type_first {
    margin-left: 45px
}

.comments__form-textarea {
    position: relative
}

.comments__form-textarea textarea {
    width: 100%;
    vertical-align: bottom;
    box-sizing: border-box;
    resize: vertical;
    border: 0
}

.comments__form-bottom {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 10px 0 0
}

.comments__form-actions {
    display: flex;
    flex-direction: row;
    align-items: center
}

.comments__form-action {
    padding: 0;
    background: 0 0;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    cursor: pointer
}

.comments__form-action+.comments__form-action {
    margin: 0 0 0 12px
}

.comments__form-action svg {
    fill: #b0aeae;
    transition: all 300ms ease-in-out
}

.comments__form-action:hover svg {
    fill: #666
}

.comments__form-evaluation {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    padding: 20px 0
}

.comments__form-donut {
    position: relative;
    margin: 0 40px 0 50px
}

.comments__form-donut canvas,
.slim-app__donut canvas {
    border-radius: 50%;
    background-color: #fff
}

.comments__form-donut input {
    height: auto !important;
    margin-top: 25px !important;
    font-size: 32px !important
}

.comments__form-donut p {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: -25px;
    transform: translateX(-50%);
    display: none;
    white-space: nowrap;
    padding: 10px 15px 8px;
    text-align: center;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 5px 5px 9px 1px rgba(0, 0, 0, .21);
    font-size: 87%;
    color: #1f1f1f
}

.comments__form-send {
    width: 140px;
    margin: 20px 0 0;
    font-size: 85%
}

.comments__form-send svg {
    margin: 0 8px -3px 0;
    fill: #0a90d5
}

.comments-attention {
    margin-bottom: 25px
}

.comments__images-input {
    position: relative;
    overflow: hidden;
    width: 19px;
    height: 15px;
    text-align: center;
    transition: all 300ms ease;
    text-transform: uppercase
}

.comments__images-input label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.comments__images-input label svg {
    vertical-align: top
}

.topic-close-modal-forum {
    border-radius: 4px
}

.ban_modal_form {
    text-align: center
}

.ban_modal_title {
    font-size: 16px;
    font-weight: 600
}

.ban_modal_small-title {
    font-weight: 600
}

.ban_modal_comment {
    font-size: 12px;
    padding: 6px;
    margin: 4px 0;
    border-bottom: 1px solid #1f1f1f
}

.ban_history-block {
    display: grid;
    padding: 4px;
    border-bottom: 1px solid #1f1f1f
}

.ban-modal-user-name {
    font-weight: 700;
    font-size: 12px
}

.ban_time-reason_item {
    color: #383838;
    width: 100%;
    border-radius: 4px;
    padding: 4px
}

.other_reason_item {
    width: 100%;
    vertical-align: bottom;
    box-sizing: border-box;
    resize: vertical;
    margin-top: 10px;
    font-size: 12px;
    border: 0;
    color: #000;
    background-color: #fafafa
}

.ban-modal-ban,
.ban-modal-close {
    font-size: 10px;
    padding: 4px;
    border: 1px solid #bbbaba;
    border-radius: 3px;
    background-color: #bbbaba;
    text-decoration: none;
    color: #fff;
    transition: all .3s;
    margin-top: 10px
}

.ban-modal-ban:hover,
.ban-modal-close:hover {
    text-decoration: underline
}

.ban-modal-ban {
    border: 1px solid #d33d4c;
    background-color: #d33d4c;
    color: #fafafa;
    margin-right: 8px
}

.fieldset-ban-modal {
    border: 1px solid #a4a4a4;
    border-radius: 4px;
    padding: 10px;
    margin-top: 10px
}

.fieldset-ban-modal legend {
    padding: 0 10px
}

.comment-item {
    position: relative
}

.comment-item a:focus {
    outline: 0
}

.comment-item+.comment-item {
    margin: 15px 0 0
}

.comment-item .comment-item,
.comment-item .comment-item .comment-item {
    margin: 15px 0 0 20px
}

.comment-item .comment-item .comment-item:after,
.comment-item .comment-item:before {
    position: absolute;
    left: -20px;
    top: 18px;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #919191;
    content: ''
}

.comment-item .comment-item .comment-item:after {
    left: -40px
}

.comment-item_state_transparent {
    opacity: .2
}

.comment-item_type_pinned {
    position: relative;
    background-color: #e5e5e5;
    padding: 20px 40px 5px 20px
}

.comment-item_type_pinned::after {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.95 7.99'><polygon points='4 0.83 4.72 3.65 5.95 4.37 3.52 4.37 3.52 6.31 2.97 7.99 2.43 6.31 2.43 4.37 0 4.37 1.23 3.65 1.94 0.83 1.2 0 4.75 0 4 0.83' fill='rgb(255,255,255)'/></svg>") #0ba40b center no-repeat;
    background-size: 12px 12px;
    transform: rotate(45deg);
    content: ''
}

.comment-item .comments-list {
    margin: 5px 0 0
}

.comment-item .comments-list:empty {
    margin: 0
}

.comment-item .comments__form {
    margin-top: 15px
}

.comment-inner {
    display: flex;
    flex-direction: row
}

.sidebar-article__title {
    color: rgb(197, 192, 184);
}


::-webkit-scrollbar {
    background-color: #202324;
    color: #aba499;
}

::-webkit-scrollbar-corner {
    background-color: #181a1b;
}

::-webkit-scrollbar-thumb {
    background-color: #454a4d;
}

.main-top__name {
    color: rgb(162, 153, 141) !important;
}

.main-top__item {
    background-color: rgb(24, 26, 27) !important;
}

.button_gray_bordered {
    border-color: rgb(60, 65, 68);
    color: rgb(212, 209, 203);
}

.footer, .footer a, .footer-text {
    color: rgb(161, 153, 141);
}

.footer {
    background-color: rgb(29, 32, 33);
}





@media (max-width:767px) {
    .comment-inner {
        display: block
    }
}

.comment-inner_type_link {
    position: relative;
        color: rgb(200, 195, 188);
}

@media (max-width:767px) {
    .comment-inner_type_link {
        display: flex
    }
}

.comment-inner_type_link:before {
    position: absolute;
    left: -15px;
    top: -15px;
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 0;
    background-color: rgba(0, 0, 0, .075);
    border-radius: 3px;
    opacity: 0;
    transition: all 300ms ease;
    content: ''
}

@media (max-width:767px) {
    .comment-inner_type_link:before {
        display: none
    }
}

.comment-inner_type_link:hover {
    text-decoration: none
}

.comment-inner_type_link:hover:before {
    opacity: 1
}

.comment-inner_type_link .comment-content {
    width: 90%;
    width: calc(100% - 80px)
}

.comment-inner_type_my {
    display: flex
}

.comment-content {
    width: 100%
}

@media (max-width:767px) {
    .comment-content {
        width: 100%
    }
}

.comment__avatar {
    position: relative;
    width: 36px;
    height: 36px;
    margin: 3px 10px 0 0;
    border-radius: 5px;
    background-color: #cac8c8
}

@media (max-width:767px) {
    .comment__avatar {
        flex-shrink: 0;
        width: 30px;
        height: 30px;
        margin: 3px 10px 0 0
    }
}

.comment__avatar img {
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    border-radius: 5px
}

@media (max-width:767px) {
    .comment__avatar_type_desktop {
        display: none
    }
}

.comment__avatar_type_premium {
    box-shadow: 0 0 0 3px #efb63f
}

.comment__avatar-gamepad,
.comment__top-action svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 26px;
    height: 11px;
    fill: #f2f2f2
}

.comment__avatar-label {
    position: absolute;
    right: -9px;
    top: -9px;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 50%;
    font-size: 65%;
    font-weight: 700;
    line-height: 18px;
    color: #fff
}

.comment__avatar-label_type_moderator {
    background-color: #f93305
}

.comment__avatar-label_type_vip {
    background-color: #fe8401
}

.comment__status {
    position: absolute;
    top: -5px;
    right: -5px;
    display: block;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-radius: 50%
}

.comment__status--green {
    background-color: #0ba40b
}

.comment__status--red {
    background-color: #fc0505
}

.comment__top {
    display: flex;
    flex-direction: row;
    align-items: center
}

.comment__top_type_mobile {
    display: none
}

@media (max-width:767px) {
    .comment__top_type_mobile {
        display: flex
    }
}

.comment__top-mobile {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.comment__top-action {
    position: relative;
    height: 19px;
    width: 19px;
    border-radius: 50px;
    border: 1px solid transparent;
    box-sizing: border-box;
    transition: all 300ms ease
}

.comment__top-action svg {
    width: 8px;
    height: 8px;
    fill: #8b8a8a
}

.comment__top-action:hover {
    border-color: #d7d6d6
}

.comment__top-action:first-of-type {
    margin: 0 0 0 10px
}

@media (max-width:767px) {
    .comment__top-action_type_desktop {
        display: none
    }
}

.comment__user {
    font-weight: 700;
    color: #7e7d7d
}

@media (color-index:48) {
    .comment__user {
        color: #bdbdbd
    }
}

.comment__user-wrapper {
    position: relative
}

@media (max-width:480px) {
    .comment__user-wrapper {
        max-width: 140px;
        height: 24px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

@media (max-width:767px) {
    .comment__user-wrapper_type_desktop {
        display: none
    }
}

.comment__user_type_premium {
    color: #e5b342
}

.comment__device {
    font-size: 87%;
    color: #b8b7b7
}

@media (max-width:767px) {
    .comment__device {
        width: 100%;
        line-height: 1
    }
}

@media (color-index:48) {
    .comment__device {
        color: #606060
    }
}

.comment__device-icon {
    margin: -2px 3px 0 7px;
    fill: #b8b7b7
}

@media (max-width:767px) {
    .comment__device-icon {
        margin-left: 0
    }
}

@media (color-index:48) {
    .comment__device-icon {
        fill: #606060
    }
}

.comment__time {
    margin-left: 25px;
    font-size: 87%;
    color: #bcbbbb
}

@media (color-index:48) {
    .comment__time {
        color: #4e4e4e
    }
}

@media (max-width:767px) {
    .comment__time_type_desktop {
        display: none
    }
}

.comment__text {
    overflow: hidden
}

@media (max-width:767px) {
    .comment__text {
        width: 100%
    }
}

@media (color-index:48) {
    .comment__text {
        color: #919191
    }
}

.comment__bottom {
    display: flex;
    flex-direction: row;
    align-items: center
}

.comment__answer-link {
    font-size: 87%;
    color: #aaa
}

@media (color-index:48) {
    .comment__answer-link {
        color: #606060
    }
}

.comment__answer-link+.comment__answer-link {
    margin: 0 0 0 10px
}

.comment__edit-button {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    border: 1px solid #d8d7d7;
    border-radius: 50%;
    cursor: pointer;
    transition: all 300ms ease
}

@media (color-index:48) {
    .comment__edit-button {
        border: 1px solid #141414
    }
}

.comment__edit-button svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    fill: #0a90d5
}

.comment__edit-button:hover {
    background-color: #0a90d5;
    border-color: #0a90d5
}

.comment__edit-button:hover svg {
    fill: #fff
}

.comment__edit-button_type_remove svg {
    fill: #f84015
}

@media (hover:hover) {
    .comment__edit-button_type_remove:hover {
        background-color: #f84015;
        border-color: #f84015
    }

    .comment__edit-button_type_remove:hover svg {
        fill: #fff
    }
}

.comment__edit-button_state_active {
    background-color: #f84015;
    border-color: #f84015
}

.comment__edit-button_state_active svg,
.comment__votes-button:hover svg {
    fill: #fff
}

.comment__votes {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 20px
}

.comment__votes-button {
    position: relative;
    display: flex;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    border: 1px solid #d8d7d7;
    border-radius: 50%;
    cursor: pointer
}

@media (color-index:48) {
    .comment__votes-button {
        border: 1px solid #141414
    }
}

.comment__votes-button svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 6px;
    fill: #aaa
}

@media (color-index:48) {
    .comment__votes-button svg {
        fill: #606060
    }
}

.comment__votes-button_type_up:hover {
    border-color: #14b014;
    background-color: #14b014
}

.comment__votes-button_type_down:hover {
    border-color: #f84015;
    background-color: #f84015
}

.comment__votes-button_color_green svg {
    fill: #14b014
}

.comment__votes-button_color_red svg {
    fill: #f84015
}

.comment__votes-counter {
    font-size: 87%;
    color: #bcbbbb
}

.comment__votes-counter_color_red {
    color: #ee2c40
}

.comment__votes-counter_color_green {
    color: #0ba40b
}

.comment__votes-counter_color_gray {
    color: #bcbbbb
}

@media (color-index:48) {
    .comment__votes-counter_color_gray {
        color: #333
    }
}

.comment-evaluation {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 300px;
    margin: 0 0 10px 15px;
    padding: 10px;
    border-radius: 5px;
    float: right;
    box-sizing: border-box;
    background-color: #fff
}

.comment-evaluation__donut {
    height: 55px
}

.comment-evaluation__cats {
    width: 100%;
    height: inherit;
    padding: 0 0 0 15px;
    box-sizing: border-box;
    font-size: 75%;
    line-height: 1.5
}

.comment-evaluation__cats .rating-line__visual {
    max-width: 100px
}

.comment-evaluation__cats .rating-line__points {
    min-height: auto
}

.comment__page-link {
    font-weight: 700
}

.comment__page-link svg {
    width: 11px;
    height: 13px;
    margin: 0 5px -2px 0
}

.comment__page-link.color-android {
    fill: #0ba40b
}

.comment__page-link.color-ios {
    fill: #8d4fc2
}

.comment__page-link.color-ps {
    fill: #0a90d5
}

.comment__image-list {
    margin-top: 5px;
    margin-bottom: 10px
}

.comment__image-list__item,
details>summary>* {
    display: inline
}

.comment__image-list__item i {
    position: absolute;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: 0;
    z-index: 5;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAqklEQVR4XqWRMQ6DMAxF/1Fyilyj2SmIBUG5QcTCyJA5Z8jGhlBPgRi4TmoDraVmKFJlWYrlp/g5QfwRlwEVNWVa4WzfH9jK6kCkEkBjwxOhLghheMWMELUAqqwQ4OCbnE4LJnhr5IYdqQt4DJQjhe9u4vBBmnxHHNzRFkDGjHDo0VuTAqy2vAG4NkvXXDHxbGsIGlj3e835VFNtdugma/Jk0eXq0lP//5svi4PtO01oFfYAAAAASUVORK5CYII=) no-repeat
}

.comment__image-list__visual-link {
    outline: 0
}

.comment__image-list__img {
    border: 0;
    height: 91px
}

.comment__show-more {
    margin-left: 34px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: none;
    border: 0;
    color: #333;
    cursor: pointer
}

@media (max-width:767px) {
    .comment__show-more {
        margin-left: 0;
        padding: 0
    }
}

.comment__show-more span {
    display: inline-block;
    border-bottom: 1px dashed currentColor
}

.comment__show-more:hover span {
    border: 0
}

.comment-rating {
    display: flex;
    flex-direction: row;
    align-items: center;
    float: right;
    width: 280px;
    margin: 0 0 10px 25px;
    padding: 10px;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #fff
}

@media (max-width:767px) {
    .comment-rating {
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        margin: 0;
        padding: 0;
        background-color: transparent;
        border-radius: 50%
    }
}

@media (color-index:48) {
    .comment-rating {
        background-color: #1d1d1d
    }
}

.comment-rating__donut {
    position: relative;
    margin: 0 15px 0 0
}

@media (max-width:767px) {
    .comment-rating__donut {
        margin: 0;
        border-radius: 50px;
        background-color: #fff
    }
}

@media (color-index:48) {
    .comment-rating__donut {
        background-color: #141414
    }
}

@media (color-index:48) and (min-width:768px) {
    .comment-rating__donut {
        background-color: transparent
    }
}

.comment-rating__list {
    width: 100%;
    font-size: 79%;
    line-height: 1.7
}

@media (max-width:767px) {
    .comment-rating__list {
        position: absolute;
        z-index: 99;
        bottom: 100%;
        right: 0;
        display: none;
        width: 250px;
        margin: 0 0 10px;
        padding: 5px 10px 10px;
        border-radius: 4px;
        box-sizing: border-box;
        background-color: #fff
    }

    .comment-rating__list .rating-line__row {
        flex-wrap: nowrap
    }
}

.comment-rating__list .rating-line__points {
    min-height: auto;
    margin: 0;
    text-align: right;
    font-weight: 700;
    color: #494949
}

.comment-rating__list .rating-line__label {
    width: 70px;
    flex-shrink: 0
}

@media (max-width:767px) {
    .comment-rating__list_state_visible {
        display: block;
        animation: commentRating 300ms linear
    }
}

.comments-emoji {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 15px 10px;
    background-color: #fff;
    border: 1px solid #e2e1e1;
    border-top: none;
    font-family: Segoe UI Emoji
}

@media (color-index:48) {
    .comments-emoji {
        background-color: #1d1d1d;
        border: 1px solid #1d1d1d
    }
}

.comments-emoji::before {
    position: absolute;
    top: 100%;
    left: 32px;
    z-index: 1;
    margin: -1px 0 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6.5px 0;
    border-color: #fff transparent transparent;
    content: ''
}

@media (color-index:48) {
    .comments-emoji::before {
        border-color: #1d1d1d transparent transparent
    }
}

.comments-emoji::after {
    position: absolute;
    left: 31px;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 7.5px 0;
    border-color: #e2e1e1 transparent transparent;
    content: ''
}

@media (color-index:48) {
    .comments-emoji::after {
        border-color: #1d1d1d transparent transparent
    }
}

.comments-emoji__item {
    position: relative;
    top: 0;
    padding: 5px;
    font-size: 150%;
    border: 1px solid transparent;
    box-sizing: border-box;
    cursor: pointer
}

.comments-emoji__item:hover {
    top: -2px
}

.main-title {
    margin: 0 0 30px;
    font-size: 214.5%;
    font-weight: 600;
	line-height:normal;
}

@media (max-width:1024px) {
    .main-title {
        line-height: 1.2
    }
}

@media (max-width:767px) {
    .main-title {
        position: relative;
        margin: 0 0 10px;
        padding: 0 0 0 25px;
        box-sizing: border-box;
        font-size: 172%
    }
}

@media (color-index:48) {
    .main-title {
        color: #ececec
    }
}

.main-title_size_small {
    font-size: 171.5%
}

.main-title_color_white {
    color: #fff
}

.main-title__icon {
    position: relative;
    top: 2px;
    margin: 0 5px 0 0
}

@media (max-width:767px) {
    .main-title__icon {
        position: absolute;
        left: 0
    }
}

.main-title__icon svg {
    width: 26px;
    height: 26px;
    fill: rgb(197, 192, 184)
}

@media (max-width:767px) {
    .main-title__icon svg {
        top: 0;
        width: 20px;
        height: 20px
    }
}

@media (color-index:48) {
    .main-title__icon svg {
        fill: #bababa
    }
}

.main-title__icon_color_white svg {
    fill: #fff
}

.main-row {
    margin: 0 0 50px
}

.main-row:last-of-type {
    margin: 0
}

@media (max-width:767px) {
    .main-row {
        margin-bottom: 20px
    }

    .main-row .inner {
        min-height: inherit !important
    }
}

.main-row__button svg,
.main-row__button:hover svg {
    transition: fill 300ms
}

.main-row__button_color_orange:hover {
    background-color: #f98305;
    border-color: #f98305
}

.main-row__button_color_white:hover {
    background-color: #fff;
    border-color: #fff
}

.main-row__button_color_green:hover {
    background-color: #0ba40b;
    border-color: #0ba40b;
    color: #fff
}

.main-row__button_color_green:hover svg {
    fill: #fff
}

.main-row__top {
    display: flex;
    flex-direction: row;
    align-items: center
}

@media (max-width:767px) {
    .main-row__top {
        margin: 0 0 10px
    }

    .main-row__top .main-title {
        margin: 0
    }
}

.main-row__top-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -25px 0 0 20px;
    padding: 0 20px;
    border-color: #bbbaba;
    font-size: 80%
}

.main-row__top-button svg {
    margin: 0 7px 0 0;
    transition: fill 300ms
}

.main-row__top-button:hover svg {
    transition: fill 300ms
}

@media (color-index:48) {
    .main-row__top-button svg {
        fill: #bbbaba
    }
}

@media (max-width:767px) {
    .main-row__top-button {
        height: 29px;
        line-height: 30px;
        margin: 0 0 0 10px;
        padding: 0 10px;
        font-size: 65%;
        white-space: nowrap
    }

    .main-row__top-button_vanishing_content {
        display: none
    }
}

.main-row__top-more {
    margin: 0 0 15px 20px;
    width: 85px
}

@media (max-width:767px) {
    .main-row__top-more {
        width: inherit;
        height: 29px;
        line-height: 29px;
        margin: 0 0 0 10px;
        padding: 0 10px;
        white-space: nowrap
    }
}

@media (max-width:1024px) {
    .main-row_type_branded .slim-app__list {
        max-width: 100%;
        white-space: nowrap;
        flex-wrap: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .main-row_type_branded .slim-app__item {
        min-width: 135px;
        max-width: 135px;
        padding: 0 5px;
        margin: 0
    }
}

@media (max-width:767px) {
    .main-row_type_branded .main-row__top {
        flex-wrap: wrap;
        align-items: flex-start
    }

    .main-row_type_branded .main-row__top-more {
        margin: 0 0 0 25px
    }
}

.main-row_type_branded .slim-app__list li:first-child {
    display: inline-block;
    align-self: flex-end;
    width: 100%
}

.main-row_type_branded .slim-app__list li:first-child:empty {
    width: auto
}

@media (max-width:767px) {
    .main-row_type_branded .slim-app__list li:first-child {
        display: block
    }
}

.main-row_type_branded .inner {
    padding: 30px;
    max-width: 1300px;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat
}

@media (max-width:767px) {
    .main-row_type_branded .inner {
        background-position: 100% 0;
        padding: 15px 0 15px 5px
    }
}

@media (max-width:1024px) and (max-width:1023px) {
    .main-row_type_branded .slim-app__item {
        min-width: 135px;
        max-width: 135px
    }
}

@media (max-width:1024px) and (max-width:767px) {
    .main-row_type_branded .slim-app__item {
        min-width: 110px;
        max-width: 110px
    }
}

.main-row_with_list {
    margin: 0 0 35px
}

@media (max-width:767px) {
    .main-row_with_list {
        margin: 0 0 20px
    }
}

.main-row__flex {
    display: flex;
    flex-direction: row
}

@media (max-width:767px) {
    .main-row__flex {
        flex-direction: column;
        margin-bottom: 20px
    }
}

.main-row__flex_type_top {
    align-items: flex-start
}

.main-row__flex_type_center {
    align-items: center
}

.main-row__flex_type_bottom {
    align-items: flex-end
}

.main-row__flex-two-third {
    width: 65%;
    width: calc(66.666% - 8px)
}

@media (max-width:1024px) {
    .main-row__flex-two-third {
        width: 59%;
        width: calc(60% - 8px)
    }
}

@media (max-width:767px) {
    .main-row__flex-two-third {
        width: 100%;
        margin-bottom: 20px
    }

    .main-row__flex-two-third:last-of-type {
        margin: 0
    }
}

.main-row__flex-two-third .slim-app__item {
    width: 24%;
    width: calc(25% - 10px)
}

@media (max-width:1024px) {
    .main-row__flex-two-third .slim-app__item {
        width: 31%;
        width: calc(33.333% - 10px)
    }
}

.main-row__flex-half {
    width: 49%;
    width: calc(50% - 8px)
}

@media (max-width:767px) {
    .main-row__flex-half {
        width: 100%;
        margin-bottom: 20px
    }

    .main-row__flex-half:last-of-type {
        margin: 0
    }
}

.main-row__flex-third {
    width: 31%;
    width: calc(33.333% - 8px)
}

@media (max-width:1024px) {
    .main-row__flex-third {
        width: 39%;
        width: calc(40% - 8px)
    }
}

@media (max-width:767px) {
    .main-row__flex-third {
        width: 100%;
        margin-bottom: 20px
    }

    .main-row__flex-third:last-of-type {
        margin: 0
    }
}

.main-bottom {
    position: relative;
    z-index: 2;
    padding: 40px 0 60px
}

@media all and (max-width:767px) {
    .main-bottom {
        padding: 0 0 20px
    }
}

.main-competition__item {
    text-align: center
}

.main-competition__item+.main-competition__item {
    margin: 15px 0 0
}

.main-competition__item img {
    width: 95%;
    vertical-align: middle
}

.subject-block {
    background: url(../images/background-subject-block-new.webp);
    background-size: cover;
    position: relative;
    max-width: 1300px;
    margin: 20px auto;
    height: auto;
    padding: 10px 0;
    border-radius: 8px
}

@media (max-width:767px) {
    .subject-block {
        margin: 10px auto
    }
}

.subject-block::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ececec;
    opacity: .8;
    border-radius: 6px
}

@media (color-index:48) {
    .subject-block::after {
        background-color: #000
    }
}

.subject-block__container {
    position: relative;
    z-index: 1
}

.subject-block__title {
    padding: 0 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 8px;
    column-gap: 6px
}

@media (max-width:767px) {
    .subject-block__title {
        padding: 0 10px
    }
}

.subject-block__title__title-posts {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #383838
}

@media (color-index:48) {
    .subject-block__title__title-posts {
        color: #ececec
    }
}

.subject-block__title-forum {
    font-size: 28px;
    line-height: 16px;
    font-weight: 500;
    color: #383838
}

@media (color-index:48) {
    .subject-block__title-forum {
        color: #ececec
    }
}

@media (max-width:410px) {
    .subject-block__title-forum {
        font-size: 18px
    }
}

.subject-block__title-btn {
    background-color: #dcd9d9;
    padding: 4px 12px;
    font-size: 9px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 50px;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 0;
    color: #383838
}

@media (color-index:48) {
    .subject-block__title-btn {
        background-color: rgba(17, 17, 17, .5);
        border: 1px solid #343434;
        color: #ababab
    }
}

@media (max-width:767px) {
    .subject-block__title-btn {
        padding: 2px 10px
    }
}

.subject-block__title-btn svg {
    width: 10px;
    height: 10px;
    fill: #0d8e00;
    transition: all .5s
}

.subject-block__title-btn:hover {
    background-color: #9e9e9e;
    text-decoration: none
}

@media (color-index:48) {
    .subject-block__title-btn:hover {
        color: #9e9e9e;
        background-color: #141414
    }
}

.subject-block__title-btn:hover svg {
    transform: rotate(90deg)
}

.subject-block__body-block li {
    margin-top: 4px;
    padding-top: 2px
}

.subject-block__body-block li:nth-child(odd):hover {
    background: #589c58;
    background: linear-gradient(90deg, rgba(88, 156, 88, .5) 20%, rgba(84, 130, 176, .5) 80%)
}

.subject-block__body-block li:nth-child(even):hover {
    background: #587d9c;
    background: linear-gradient(90deg, rgba(88, 125, 156, .5) 20%, rgba(176, 84, 94, .5) 80%)
}

.subject-block__body-block a {
    display: inline-block;
    margin: 0 20px 4px;
    color: #383838;
    text-decoration: none;
    font-size: 22px;
    font-weight: 600
}

@media (max-width:767px) {
    .subject-block__body-block a {
        margin: 0 10px 4px
    }
}

.subject-block__body-block a i {
    color: #0075ff;
    margin-right: 5px
}

@media (color-index:48) {
    .subject-block__body-block a {
        color: #ececec
    }
}

.subject-block__body-block span {
    display: block;
    font-size: 12px;
    color: #383838;
    margin: 0 20px
}

@media (color-index:48) {
    .subject-block__body-block span {
        color: #9e9e9e
    }
}

@media (max-width:767px) {
    .subject-block__body-block span {
        margin: 0 10px
    }
}

.body-block-forum {
    margin-top: 8px
}

.catalog-actions__link:hover svg {
    fill: #fff
}

@media (color-index:48) {
    .lamp-svg {
        fill: #191919
    }
}

.js-decided {
    display: flex;
    gap: 8px
}

.main-device__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (max-width:767px) {
    .main-device__list {
        flex-wrap: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        margin-right: -5px
    }
}

.main-device__item {
    width: 12%;
    width: calc(16.666% - 12px);
    margin: 0 0 15px
}

@media (max-width:1024px) {
    .main-device__item {
        width: 18%;
        width: calc(20% - 12px)
    }

    .main-device__item:nth-child(n+6) {
        display: none
    }
}

@media (max-width:767px) {
    .main-device__item {
        min-width: 110px;
        max-width: 110px;
        padding: 0 10px 0 0
    }
}

@media (max-width:1024px) and (max-width:767px) {
    .main-device__item:nth-child(n+6) {
        display: block
    }
}

.main-device__link {
    display: block;
    min-height: 275px;
    padding: 20px 10px;
    border-radius: 10px;
    box-sizing: border-box;
    text-align: center;
    background-color: #fff;
    transition: all 300ms ease-out
}

.main-device__link:hover {
    transform: translateY(-10px);
    text-decoration: none
}

@media (max-width:767px) {
    .main-device__link {
        min-height: 160px;
        padding: 15px 10px;
        border-radius: 5px
    }

    .main-device__link:hover {
        transform: none
    }
}

.main-device__picture {
    position: relative;
    display: block;
    height: 160px;
    margin: 0 0 15px;
    overflow: hidden
}

@media (max-width:767px) {
    .main-device__picture {
        height: 85px;
        margin: 0 0 20px
    }
}

.main-device__picture img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 160px
}

@media (max-width:767px) {
    .main-device__picture img {
        height: 85px
    }
}

.main-device__title {
    font-size: 114.5%;
    font-weight: 700;
    line-height: 20px;
    color: #383838
}

@media (max-width:1024px) {
    .main-device__title {
        display: inline-block;
        height: 40px;
        overflow: hidden
    }
}

@media (max-width:767px) {
    .main-device__title {
        height: 20px;
        font-size: 85%
    }
}

.main-device__title_size_large {
    font-size: 128.5%
}

.main-device__catalog-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block
}

.main-device__catalog-icon svg {
    width: 130px;
    height: 130px
}

.block-side {
    display: flex;
    white-space: nowrap;
    overflow: auto
}

.blockside-btn {
    display: inline-block;
    margin: 20px 9px;
    font-size: 23px;
    text-align: center;
    border-radius: 6px;
    padding: 8px 10px;
    text-decoration: none
}

@media (max-width:768px) {
    .blockside-btn {
        margin: 20px 10px 10px;
        padding: 5px 15px;
        font-size: 16px
    }
}

.blockside-btn__android,
.blockside-btn__ios {
    color: #0ba40b;
    box-shadow: 0 0 0 1px #0ba40b;
    transition: background-color .3s
}

.blockside-btn .android-active-btn,
.blockside-btn__android:hover,
.blockside-btn__ios:hover {
    background-color: #0ba40b;
    color: #f1f1f1;
    text-decoration: none
}

.blockside-btn__ios {
    color: #7d34bc;
    box-shadow: 0 0 0 1px #7d34bc
}

.blockside-btn__ios:hover {
    background-color: #7d34bc
}

.blockside-btn__ps,
.blockside-btn__psp {
    color: #e05f01;
    box-shadow: 0 0 0 1px #e05f01;
    transition: background-color .3s
}

.blockside-btn__ps:hover,
.blockside-btn__psp:hover {
    background-color: #e05f01;
    color: #f1f1f1;
    text-decoration: none
}

.blockside-btn__ps {
    color: #0074b0;
    box-shadow: 0 0 0 1px #0074b0
}

.blockside-btn__ps:hover {
    background-color: #0074b0
}

.main-publication__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.main-publication__news {
    width: 30%;
    width: calc(33.333% - 7px)
}

.main-publication__articles {
    width: 60%;
    width: calc(66.666% - 8px)
}

.main-publication__item+.main-publication__item {
    margin: 6px 0 0
}

.main-publication__link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    transition: all 300ms ease
}

.main-publication__link:hover {
    margin: 0 -7px;
    transition: all 300ms ease;
    text-decoration: none
}

@media (max-width:767px) {
    .main-publication__link:hover {
        margin: 0
    }
}

.main-publication__picture {
    max-height: 100px;
    margin: 0 0 0 20px
}

@media all and (max-width:767px) {
    .main-publication__picture {
        height: 50px;
        vertical-align: middle
    }
}

.main-publication__title {
    display: block;
    max-width: 425px;
    padding: 20px;
    box-sizing: border-box;
    font-size: 114.5%;
    font-weight: 700;
    line-height: 20px;
    color: #383838
}

@media all and (max-width:1024px) {
    .main-publication__title {
        position: relative;
        height: 40px;
        padding: 0 10px;
        overflow: hidden;
        font-size: 100%
    }

    .main-publication__title:after {
        position: absolute;
        right: 10px;
        bottom: 0;
        display: block;
        width: 100px;
        height: 20px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
        content: ''
    }
}

@media all and (max-width:767px) {
    .main-publication__title {
        max-width: 60%;
        height: 28px;
        font-size: 85%;
        line-height: 14px
    }
}

@media all and (max-width:1024px) and (max-width:767px) {
    .main-publication__title:after {
        height: 10px
    }
}

.main-news__list {
    padding: 0 10px
}

.main-news__item+.main-news__item {
    margin: 15px 0 0
}

.main-news__link {
    font-weight: 700;
    color: #908f8f
}

.slim-app__list {
    width: auto
}

@media (max-width:1024px) {
    .slim-app__list {
        white-space: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        margin-right: -5px;
        margin-left: -5px
    }
}

@media (max-width:767px) {
    .slim-app__list {
        justify-content: flex-start
    }
}

.slim-app__list_type_half {
    justify-content: flex-start
}

.slim-app__list_type_half .slim-app__item+.slim-app__item {
    margin: 0 0 0 18px !important
}

@media (max-width:767px) {
    .slim-app__list_type_half .slim-app__item+.slim-app__item {
        margin: 0 !important
    }
}

.slim-app__list_type_compilation {
    justify-content: flex-end
}

@media (max-width:1024px) {
    .slim-app__list_type_compilation {
        justify-content: inherit
    }
}

.slim-app__list_type_compilation li:first-child {
    margin-right: auto
}

.slim-app__list_type_compilation .slim-app__item {
    margin-left: 12px
}

@media (max-width:1024px) {
    .slim-app__list_type_main {
        flex-wrap: wrap
    }

    .slim-app__list_type_main .slim-app__item {
        min-width: 31%;
        min-width: calc(33.333% - 12px);
        margin: 0 0 15px
    }
}

@media (max-width:767px) {
    .slim-app__list_type_main {
        flex-wrap: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        margin-right: -5px;
        margin-left: -5px
    }

    .slim-app__list_type_main .slim-app__item {
        min-width: 110px;
        max-width: 110px;
        margin-bottom: 0;
        padding: 0 5px
    }
}

.slim-app__item {
    display: inline-block;
    vertical-align: middle;
    width: 16%;
    margin: 0 6px 15px 0;
    white-space: normal
}

@media (max-width:1024px) {
    .slim-app__item {
        min-width: 135px;
        max-width: 135px;
        padding: 0 5px;
        margin: 0;
        box-sizing: border-box
    }
}

@media (max-width:767px) {
    .slim-app__item {
        min-width: 110px;
        max-width: 110px;
        margin: 0 !important
    }
}

@media (max-width:1024px) {
    .slim-app__item_half_main:nth-child(n+7) {
        display: none
    }
}

@media (max-width:1024px) and (max-width:767px) {
    .slim-app__item_half_main:nth-child(n+7) {
        display: block
    }
}

.slim-app__item_with_rating,
.slim-app__link {
    position: relative
}

.slim-app__link {
    display: block;
    border-radius: 15px 15px 5px 5px;
    background-color: #fff;
    font-size: 128.6%;
    font-weight: 600;
    transition: all 300ms ease
}

@media (max-width:767px) {
    .slim-app__link {
        border-radius: 10px 10px 5px 5px;
        font-size: 85%
    }
}

@media (color-index:48) {
    .slim-app__link {
        background-color: #141414
    }
}

.slim-app__link:hover {
    transform: translateY(-10px);
    text-decoration: none;
    transition: all 300ms ease
}

@media (max-width:1024px) {
    .slim-app__link:hover {
        transform: none
    }
}

.slim-app__link_type_ios {
    color: #8d4fc2
}

.slim-app__link_type_android {
    color: #0ba40b
}

.slim-app__link_type_windows {
    color: #0a90d5
}

.slim-app__link_type_psp {
    color: #e05f01
}

.slim-app__link_type_bada,
.slim-app__link_type_symbian {
    color: #9f9e9e
}

.slim-app__picture {
    width: 100%;
    vertical-align: middle;
    border-radius: 10px
}

.slim-app__title {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 75px;
    padding: 10px 10px 0;
    box-sizing: border-box;
    line-height: 22px;
    white-space: normal;
    transition: all 300ms ease;
    transform: translateZ(0);
    overflow: hidden
}

.slim-app__title:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 0 0 10px 10px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .45) 0, #fff 100%);
    content: ''
}

@media (color-index:48) {
    .slim-app__title:before {
        background: linear-gradient(to bottom, rgba(20, 20, 20, .45) 0, #141414 100%)
    }
}

@media (max-width:767px) {
    .slim-app__title {
        height: 56px;
        padding: 8px 8px 5px;
        line-height: 13px
    }

    .slim-app__title:before {
        height: 20px
    }
}

.slim-app__title-inner {
    display: block;
    height: 45px;
    overflow: hidden
}

.slim-app__donut {
    position: absolute;
    left: 5px;
    top: 5px
}

.slim-app__donut input {
    font-size: 16px !important
}

.slim-app__price-wrapper {
    position: absolute;
    bottom: 75px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

@media (max-width:767px) {
    .slim-app__price-wrapper {
        bottom: 55px
    }
}

.slim-app__price-bubble {
    position: relative;
    display: inline-block;
    height: 30px;
    padding: 0 2px;
    text-align: center;
    font-size: 90%;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    transform: translateZ(0)
}

.slim-app__price-bubble:after,
.slim-app__price-bubble:before {
    position: absolute;
    transform: translateZ(0);
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 13px;
    content: ''
}

.slim-app__price-bubble:before {
    right: 100%
}

.slim-app__price-bubble:after {
    left: 100%;
    transform: rotate(-180deg) translateZ(0)
}

.slim-app__price-bubble+.slim-app__price-bubble {
    margin: 0 0 0 10px
}

.slim-app__price-bubble_state_stroked i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff
}

.slim-app__price-bubble_size_small {
    height: 28px;
    background-color: #6b6b6b;
    font-size: 80%;
    line-height: 28px
}

.slim-app__price-bubble_size_small:after,
.slim-app__price-bubble_size_small:before {
    border-width: 0 0 28px 13px;
    border-color: transparent transparent #6b6b6b;
    box-shadow: 2px 0 0 0 #6b6b6b
}

.slim-app__price-bubble_color_red {
    background-color: #ed1e24
}

.slim-app__price-bubble_color_red:after,
.slim-app__price-bubble_color_red:before {
    border-color: transparent transparent #ed1e24;
    box-shadow: 2px 0 0 0 #ed1e24
}

.slim-app__price-bubble_color_orange {
    background-color: #fd8a02
}

.slim-app__price-bubble_color_orange:after,
.slim-app__price-bubble_color_orange:before {
    border-color: transparent transparent #fd8c02;
    box-shadow: 2px 0 0 0 #fd8c02
}

.slim-app__price-bubble_color_green {
    background-color: #0ba40b
}

.slim-app__price-bubble_color_green:after,
.slim-app__price-bubble_color_green:before {
    border-color: transparent transparent #0ba40b;
    box-shadow: 2px 0 0 0 #0ba40b
}

.main-top__list {
    margin: 0 0 30px
}

@media all and (max-width:767px) {
    .main-top__list {
        margin-bottom: 20px
    }
}

.main-top__item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: #fff
}

.main-top__item+.main-top__item {
    margin: 5px 0 0
}

@media all and (max-width:767px) {
    .main-top__item {
        padding: 10px
    }
}

@media (color-index:48) {
    .main-top__item {
        background-color: #141414
    }
}

.main-top__user {
    flex-grow: 5;
    line-height: 1.4
}

.main-top__avatar {
    position: relative;
    margin-right: 10px
}

.main-top__avatar img {
    vertical-align: middle;
    border-radius: 5px
}

@media all and (max-width:767px) {
    .main-top__avatar img {
        width: 30px;
        height: 30px;
        border-radius: 3px
    }
}

.main-top__name {
    font-weight: 700;
    color: #908f8f
}

.main-top__rank {
    color: #7e7d7d
}

@media all and (max-width:767px) {
    .main-top__rank {
        font-size: 85%
    }
}

.main-top__progress {
    display: block;
    height: 3px;
    width: 100%;
    border-radius: 3px;
    background-color: #dcdcdc
}

.main-top__progress-visual {
    display: block;
    min-width: 10px;
    height: 3px;
    background-color: #8c8c8c;
    border-radius: 3px
}

.main-top__balls {
    font-size: 214.5%;
    font-weight: 700;
    line-height: 1;
    color: #494949
}

.main-top__balls_color_green {
    color: #0ba40b;
    white-space: nowrap
}

.main-top__button {
    display: block;
    width: 200px;
    margin: 0 auto
}

.main-top__button svg {
    width: 16px;
    height: 20px;
    margin: 0 7px -5px 0
}

@media (color-index:48) {
    .main-top__button {
        color: #fff
    }

    .main-top__button svg {
        fill: #fff
    }
}

.wide-app__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

@media all and (max-width:767px) {
    .wide-app__list {
        flex-wrap: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        margin-right: -5px;
        margin-left: -5px
    }
}

.wide-app__item {
    width: 23%;
    width: calc(25% - 15px);
    margin: 0 0 15px
}

@media all and (max-width:767px) {
    .wide-app__item {
        min-width: 200px;
        max-width: 200px;
        margin: 0;
        padding: 0 5px
    }
}

.wide-app__link {
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    transition: all 300ms ease-out
}

@media all and (max-width:767px) {
    .wide-app__link {
        border-radius: 5px
    }
}

.wide-app__link:hover {
    transform: translateY(-10px);
    transition: all 300ms ease-out
}

@media all and (max-width:767px) {
    .wide-app__link:hover {
        transform: none
    }
}

.wide-app__link:hover .wide-app__play-icon,
.wide-app__play-icon {
    transition: all 300ms ease-out
}

.wide-app__link:hover .wide-app__play-icon:before {
    opacity: 1;
    transition: all 300ms ease-out
}

.wide-app__link img {
    width: 100%;
    vertical-align: bottom
}

.wide-app__play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .5)
}

@media all and (max-width:767px) {
    .wide-app__play-icon {
        width: 40px;
        height: 40px
    }
}

.wide-app__play-icon svg,
.wide-app__play-icon:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 300ms ease-out
}

.wide-app__play-icon:before {
    left: 23px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 0 17px 33px;
    border-color: transparent transparent transparent #fff;
    opacity: 0;
    content: ''
}

@media all and (max-width:767px) {
    .wide-app__play-icon:before {
        left: 14px;
        border-width: 11px 0 11px 18px
    }
}

.wide-app__play-icon svg {
    left: 22px;
    width: 35px;
    stroke: #fff;
    stroke-width: 8%;
    fill: #fff
}

@media all and (max-width:767px) {
    .wide-app__play-icon svg {
        width: 23px;
        height: 26px;
        left: 12px
    }
}

.catalog-actions {
    display: flex;
    flex-direction: row
}

@media (max-width:767px) {
    .catalog-actions {
        position: relative;
        margin-left: auto
    }

    .catalog-actions::before {
        position: absolute;
        right: 100%;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        width: 25px;
        height: 26px;
        background: linear-gradient(to right, rgba(255, 255, 255, .31) 0, #fff 100%);
        content: ''
    }
}

.catalog-actions__block {
    position: relative
}

.catalog-actions__button {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 130px;
    height: 50px;
    padding: 0 15px;
    box-sizing: border-box;
    border-left: 1px solid #ccc;
    font-size: 80%;
    line-height: 50px;
    transition: all 300ms ease;
    color: #676767
}

@media (max-width:767px) {
    .catalog-actions__button {
        min-width: inherit;
        height: 39px;
        line-height: 39px
    }
}

@media (color-index:48) {
    .catalog-actions__button {
        border-left: 1px solid #393939
    }
}

.catalog-actions__button svg {
    margin: 0 7px 0 0;
    transition: all 300ms ease
}

@media (max-width:767px) {
    .catalog-actions__button svg {
        margin: 0
    }
}

.catalog-actions__button:hover {
    text-decoration: none
}

.catalog-actions__button+.catalog-actions__button {
    margin: 0 0 0 10px
}

@media (max-width:767px) {
    .catalog-actions__button+.catalog-actions__button {
        margin: 0 0 0 5px
    }
}

.catalog-actions__button_type_single {
    border-right: 1px solid #ccc
}

@media (color-index:48) {
    .catalog-actions__button_type_single {
        border-right: 1px solid #393939
    }
}

@media (max-width:767px) {
    .catalog-actions__button-text {
        display: none
    }
}

.catalog-actions__button_type_share svg {
    position: relative;
    top: 5px;
    fill: #0ba40b
}

.catalog-actions__button_type_sort svg {
    vertical-align: sub
}

@media (max-width:767px) {
    .catalog-actions__button_type_sort svg {
        margin-right: 7px
    }
}

.catalog-actions__list {
    position: absolute;
    right: 10px;
    top: calc(100% + 16px);
    z-index: 10;
    display: none;
    width: 225px;
    background-color: #fff;
    box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, .15);
    border: 1px solid #cfcfcf;
    cursor: pointer
}



.catalog-actions__list {
    background-color: #1f1f1f;
    border: 1px solid #141414;
}

.catalog-actions__list::after,
.catalog-actions__list::before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    content: ''
}

.catalog-actions__list::before {
    border-width: 0 7px 10px;
    border-color: transparent transparent #d5d5d5
}

    .catalog-actions__list::before {
        border-color: transparent transparent #141414
    }


.catalog-actions__list::after {
    border-width: 0 6px 8px;
    border-color: transparent transparent #fff
}

    .catalog-actions__list::after {
        border-color: transparent transparent #1e1e1e
    }

.catalog-actions__list_state_visible {
    display: block;
}

.catalog-actions__list_type_user:after,
.catalog-actions__list_type_user:before {
    left: 93%
}

.catalog-actions__item+.catalog-actions__item {
    border-top: 1px solid #cfcfcf
}

    .catalog-actions__item+.catalog-actions__item {
        border-top: 1px solid #141414
    }


.catalog-actions__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 15px;
    line-height: 36px;
    transition: all 300ms ease;
    font-size: 87.5%;
    color: #676767
}

    .catalog-actions__link {
        color: #fff
    }


.catalog-actions__link:hover {
    text-decoration: none;
    background-color: #444444;
    color: #fff
}

.catalog-actions__icon_type_sort {
    display: inline-block;
    width: 18px;
    text-align: center;
    margin-right: 10px
}

.catalog-actions__icon_type_sort svg {
    fill: #b0aeae;
    transition: all 300ms
}

.catalog-actions__icon_type_share {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0
}

.catalog-actions__icon_type_share svg {
    fill: #fff
}

.catalog-actions__icon_type_vk {
    background-color: #44678d
}

.catalog-actions__icon_type_facebook {
    align-items: flex-end;
    justify-content: flex-end;
    background-color: #3a559f
}

.catalog-actions__icon_type_facebook svg {
    margin: 0 5px -1px 0
}

.catalog-actions__icon_type_twitter {
    background-color: #50abf1
}

.catalog-actions__icon_type_google {
    background-color: #dd4b39
}

.catalog-actions__icon_type_ok {
    background-color: #f0ac00
}

.catalog-actions__icon_type_telegram {
    background-color: #61a8de
}

.catalog-actions__icon_type_skype {
    background-color: #15ace5
}

.catalog-actions__icon_type_viber {
    background-color: #7d3daf
}

.catalog-actions__icon_type_bookmarks {
    background-color: #f59f00
}

@media (max-width:767px) and (color-index:48) {
    .catalog-actions::before {
        background: linear-gradient(to right, rgba(35, 35, 35, .31) 0, #191919 100%)
    }
}

@media (max-width:767px) {
    .devices-list {
        margin-top: 10px
    }
	
.catalog-actions__list {    top: calc(100% + 7px); right:0px;}
	
}

.devices-item {
    display: flex;
    flex-direction: row;
    margin: 0 0 20px
}

@media (max-width:767px) {
    .devices-item {
        margin: 0 0 15px;
        padding: 0 7px
    }
}

.devices-item:nth-child(n+4) {
    display: none
}

.devices-item_state_visible {
    position: relative;
    display: flex !important;
    animation: showingDevices 1000ms
}

.devices-item__picture {
    flex-shrink: 0;
    width: 50px;
    text-align: center
}

@media (max-width:767px) {
    .devices-item__picture {
        width: 40px;
        margin: 5px 0 0
    }
}

.devices-item__picture img {
    max-height: 70px;
    max-width: 100%
}

.devices-item__info {
    padding: 0 0 0 20px
}

@media (max-width:767px) {
    .devices-item__info {
        padding: 0 0 0 10px
    }
}

.devices-item__title {
    display: inline-block;
    margin: 0 20px 10px 0;
    font-size: 26px;
    font-weight: 700;
    color: #333
}

@media (max-width:767px) {
    .devices-item__title {
        margin: 0 10px 5px 0;
        font-size: 16px
    }
}

.devices-item__price {
    font-size: 24px;
    font-weight: 700;
    color: #ff8625
}

@media (max-width:767px) {
    .devices-item__price {
        font-size: 14px
    }

    .devices-item__specs {
        line-height: 14px
    }
}

.devices-item__spec {
    position: relative;
    display: inline-block;
    margin: 0 15px 0 0
}

@media (max-width:767px) {
    .devices-item__spec {
        margin: 0 10px 0 0;
        font-size: 12px;
        line-height: 14px
    }
}

.devices-item__spec:after {
    position: absolute;
    right: -11px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    content: '\2022'
}

@media (max-width:767px) {
    .devices-item__spec:after {
        right: -7px
    }
}

.devices-item__spec:last-child:after {
    display: none
}

.devices__more-button {
    width: 200px;
    margin: 0 auto
}

@media (max-width:767px) {
    .devices__more-button {
        width: 150px;
        height: 30px;
        line-height: 28px;
        font-size: 11px
    }
}

.catalog-item {
    display: flex;
    flex-direction: row;
    padding: 30px 50px;
    border-bottom:1px rgb(55, 60, 62) solid;
}

@media (max-width:767px) {
    .catalog-item {
        position: relative;
        padding: 10px 0;
        border-bottom: 0
    }

    .catalog-item::after {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 95%;
        height: 1px;
        background-color: #e5e5e5;
        content: ''
    }
}

@media (color-index:48) {
    .catalog-item {
        border-bottom: 1px solid #141414
    }
}

.catalog-item_type_home {
    position: relative;
    box-sizing: border-box;
    background-color: #fff;
    border: 0
}

@media (max-width:767px) {
    .catalog-item_type_home {
        width: 100%;
        padding: 10px 5px
    }
}

.catalog-item_type_home+.catalog-item_type_home {
    margin-top: 10px
}

.catalog-item_type_column {
    flex-direction: column
}

.catalog-item__corner-link {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: 0 20px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 87.5%;
    text-transform: uppercase;
    line-height: 40px;
    color: #333
}

@media (max-width:767px) {
    .catalog-item__corner-link {
        padding: 0 15px;
        font-size: 10px;
        line-height: 25px
    }
}

.catalog-item__corner-link svg {
    margin: -1px 8px 0 0;
    fill: currentColor
}

.catalog-item__post-type {
    margin: -10px 0 20px;
    font-size: 142.9%;
    font-weight: 700;
    color: #383838
}

@media (max-width:767px) {
    .catalog-item__post-type {
        margin: -5px 0 5px;
        font-size: 16px
    }
}

.catalog-item__post-type svg {
    margin: 0 10px -1px 0;
    fill: currentColor
}

@media (max-width:767px) {
    .catalog-item__post-type svg {
        margin: 0 4px -3px 0
    }
}

.catalog-item__post-type_no_margin {
    margin: 0
}

.catalog-item__poster {
    position: relative;
    flex-shrink: 0
}

.catalog-item__poster a {
    display: inline-block
}

.catalog-item__poster img {
    max-width: 185px;
    max-width: 145px;
    border-radius: 10px;
    vertical-align: bottom
}

@media (max-width:767px) {
    .catalog-item__poster img {
        width: 80px;
        height: 80px
    }
}

.catalog-item__poster_state_disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.catalog-item__poster_type_artice img {
    border-radius: 0
}

@media (max-width:767px) {
    .catalog-item__poster_type_artice img {
        width: auto
    }
}

.catalog-item__poster_type_video {
    position: relative;
    width: 100%
}

.catalog-item__poster_type_video img {
    width: 100%;
    max-width: 100%;
    border-radius: 0
}

.catalog-item__poster_type_pictogram img {
    max-width: 70px
}

.catalog-item__prices {
    position: absolute;
    left: -5px;
    top: -5px
}

.catalog-item__rating {
    float: right
}

.catalog-item__rating img {max-width:40px;}

@media (max-width:767px) {
    .catalog-item__rating .rating-circle {
        width: 30px;
        height: 30px;
        font-size: 12px;
        line-height: 30px
    }
}

.catalog-item__remove-item {
    position: relative;
    display: block;
    width: 32px;
    min-width: 32px;
    height: 32px;
    float: right;
    border: 1px solid #d6d5d5;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 300ms ease-in-out;
    font-size: 142.95%;
    font-weight: 600;
    line-height: 32px;
    color: #b0aeae
}

@media (max-width:767px) {
    .catalog-item__remove-item {
        position: absolute;
        top: 15px;
        right: 5px
    }
}

.catalog-item__remove-item svg {
    fill: #000;
    opacity: .35;
    transition: all 300ms ease-in-out
}

.catalog-item__remove-item:hover {
    border-color: #b0aeae;
    background-color: #b0aeae
}

.catalog-item__remove-item:hover svg {
    fill: #fff;
    opacity: 1
}

.catalog-item__info {
    flex-grow: 5;
    padding: 0 0 0 30px;
    box-sizing: border-box
}

@media (max-width:767px) {
    .catalog-item__info {
        padding-left: 5px
    }
}

.catalog-item__info_type_article {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 40px
}

@media (max-width:767px) {
    .catalog-item__info_type_article {
        padding-top: 30px
    }
}

.catalog-item__info_type_device {
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.catalog-item__video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.catalog-item__video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.catalog-item__title {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    min-height: 60px;
    font-size: 185.75%;
    font-weight: 700;
    line-height: 30px
}

@media (max-width:767px) {
    .catalog-item__title {
        min-height: auto;
        margin: 0 0 5px;
        line-height: 16px;
        font-size: 16px
    }
}

.catalog-item__title_type_article {
    font-size: 142.9%;
    font-weight: 700;
    line-height: 26px
}

.catalog-item__title_type_article a {
    color: #333
}

@media (max-width:767px) {
    .catalog-item__title_type_article {
        font-size: 12px
    }
}

.catalog-item__description {
    min-height: 20px;
    margin: 10px 0 20px
}


@media (color-index:48) {
    .catalog-item__description {
        color: #919191
    }
}

.catalog-item__version {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px;
    font-size: 12px
}

@media (min-width:1024px) {
    .catalog-item__version {
        margin-bottom: 10px;
        font-size: 14px
    }
}

@media (color-index:48) {
    .catalog-item__version {
        color: #919191
    }
}

.catalog-item__version svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    fill: #fe8401
}

@media (min-width:1024px) {
    .catalog-item__version svg {
        width: 18px;
        height: 18px
    }
}

.catalog-item__bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
	flex-wrap:wrap;
}

.catalog-item__genre-button {
    height: 20px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 18px
}

@media (min-width:1024px) {
    .catalog-item__genre-button {
        height: 32px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
        line-height: 30px
    }
}

.catalog-item__comments {
    font-size: 93%;
    color: #b0aeae;
    margin: 0 0 0 25px
}

@media (max-width:767px) {
    .catalog-item__comments {
        margin: 0
    }
}

.b-message__checkbox input[type=checkbox]+label:before,
.catalog-item__comments_type_home {
    margin: 0
}

@media (max-width:767px) {
    .catalog-item__comments_type_home {
        display: block
    }
}

.catalog-item__date {
    margin-left: auto;
    font-size: 12px;
    color: #b0aeae
}

@media (min-width:768px) {
    .catalog-item__date {
        font-size: 14px
    }
}

@media (color-index:48) {
    .catalog-item__date {
        color: #606060
    }
}

.catalog-item__voting {
    display: flex;
    flex-direction: row;
    margin-left: auto
}

.catalog-item__voting .rating-line {
    width: 200px;
    margin: 0 0 0 20px
}

@media (max-width:767px) {
    .catalog-item__voting {
        align-items: center
    }

    .catalog-item__voting .rating-line {
        width: auto;
        margin-left: 10px
    }

    .catalog-item__voting .rating-line__visual {
        display: none
    }

    .catalog-item__voting .rating-line__points {
        margin: 0
    }
}

@media (max-width:767px) and (color-index:48) {
    .catalog-item::after {
        background-color: #393939
    }
}

.catalog-list {
    padding: 0 5px
}

.catalog-title {
    font-size: 229%;
    font-weight: 700;
    margin: 40px 0 0 50px
}

@media (max-width:767px) {
    .catalog-title {
        position: relative;
        margin: 20px 5px;
        padding: 0 0 0 25px;
        font-size: 187%
    }

    .catalog-title_without_icon {
        padding-left: 0
    }
}

.catalog-top {
    margin: 0 2% 0 0
}

@media (max-width:767px) {
    .catalog-top {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 0 10px;
        padding: 10px 7px
    }

    .catalog-top__title {
        width: 100%;
        order: 1
    }
}

.catalog-top__button {
    float: right;
    margin: 0 0 0 10px;
    border-color: #bababa
}

@media (max-width:767px) {
    .catalog-top__button {
        order: 2;
        margin: 0 10px 0 0
    }
}

.catalog__propose-button {
    display: block;
    width: 200px;
    margin: 30px auto 0
}

.catalog__propose-button svg {
    margin: 0 10px -2px 0;
    fill: #019c08
}

.catalog__more-button {
    margin: 50px auto;
    width: 100%;
    max-width: 1240px
}

@media (max-width:767px) {
    .catalog__more-button {
        width: 98%;
        width: calc(100% - 10px);
        margin: 20px auto
    }
}

.catalog__more-button_type_home {
    margin-left: 0;
    margin-right: 2%
}

.catalog-tags {
    margin-top: 25px;
    margin-bottom: 25px
}

@media (max-width:1024px) {
    .catalog-tags {
        display: none
    }

    .catalog-tags_type_mobile {
        display: block
    }
}

.catalog-tags_background_gray {
    position: relative;
    padding-top: 25px;
    padding-bottom: 1px;
    background-color: #f4f3f3
}

@media (color-index:48) {
    .catalog-tags_background_gray {
        background-color: #1d1d1d
    }
}

.catalog-tags_background_gray::before {
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #f4f3f3;
    content: ''
}

@media (color-index:48) {
    .catalog-tags_background_gray::before {
        border-color: transparent transparent #1d1d1d
    }
}

.catalog-tags__label {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700
}

.catalog-tags__list {
    margin-bottom: 25px
}

@media (max-width:767px) {
    .catalog-tags__list {
        margin-top: 25px
    }
}

.catalog-tags__item {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px
}

.catalog-tags__button {
    display: inline-block;
    height: 36px;
    line-height: 34px;
    margin: 0 2px;
    padding: 0 10px;
    box-shadow: inset 0 0 0 1px #bbbaba;
    border-radius: 6px;
    box-sizing: border-box;
    color: #333;
    transition: all 300ms ease
}

.catalog-tags__button:hover {
    background-color: rgba(39, 39, 39, .3);
    box-shadow: none;
    text-decoration: none
}

@media (color-index:48) {
    .catalog-tags__button {
        color: #919191;
        box-shadow: inset 0 0 0 1px #141414;
        background-color: #141414
    }
}

.catalog-tags__button_state_active {
    background-color: #0ba40b;
    box-shadow: inset 0 0 0 1px #0ba40b;
    color: #fff
}

.catalog-tags__button_type_all {
    display: block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 20px
}

.collection-heading {
    font-size: 257.15%
}

@media all and (max-width:767px) {
    .collection-heading {
        position: relative;
        margin: 15px 5px;
        padding: 0 0 0 25px;
        font-size: 157.5%
    }
}

.collection-block {
    margin: 20px 0;
    padding: 30px 0;
    background-size: cover;
    background-position: center
}

@media all and (max-width:767px) {
    .collection-block {
        padding: 20px 0
    }
}

.collection-block_type_home {
    margin: 10px 0
}

.collection-block__inner {
    padding: 0 50px
}

@media all and (max-width:767px) {
    .collection-block__inner {
        padding: 0 5px
    }
}

.collection-block__bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 15px 0 0
}

.collection-block__more-button {
    min-width: 130px;
    margin: 0 20px 0 0;
    font-size: 80%;
    background-color: rgba(0, 0, 0, .5)
}

@media all and (max-width:767px) {
    .collection-block__more-button {
        width: inherit;
        height: 24px;
        margin-right: 10px;
        padding: 0 5px;
        line-height: 22px;
        white-space: nowrap
    }
}

.collection-block__genre-button {
    position: relative;
    height: 24px;
    padding: 0 10px;
    line-height: 22px;
    border: 1px solid #505050;
    border-radius: 3px 0 0 3px;
    border-right: 0;
    box-sizing: border-box;
    font-size: 85%;
    color: #fff;
    cursor: default;
    background-color: rgba(0, 0, 0, .5)
}

.collection-block__genre-button:before {
    position: absolute;
    left: 100%;
    top: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #505050;
    transition: all 300ms ease-out;
    opacity: 0;
    content: ''
}

.collection-block__genre-button svg {
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0 0 0 -1px;
    fill: #505050
}

@media all and (max-width:767px) {
    .collection-block__genre-button span {
        display: block;
        max-width: 175px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.collection-block__genre-angle {
    position: absolute;
    left: 100%;
    top: 0;
    width: 12px;
    height: 23px;
    fill: #505050
}

.collection-title {
    margin: 0 0 30px;
    font-size: 243%;
    font-weight: 700;
    color: #fff;
    text-shadow: 5px 3px 15px #000
}

@media all and (max-width:767px) {
    .collection-title {
        margin: 0 0 15px;
        font-size: 157.5%
    }
}

.collection-list .slim-app__item {
    width: 18%;
    width: calc(20% - 10px)
}

.collection-list .slim-app__title {
    height: 65px;
    padding-bottom: 15px;
    line-height: 17px
}

.collection-list .slim-app__link {
    font-size: 110%
}

@media all and (max-width:767px) {
    .collection-list .slim-app__link {
        font-size: 85%
    }
}

.collection-bottom {
    text-align: center;
    margin: 40px 0
}

.collection-bottom .os-bottom__button {
    height: 44px;
    line-height: 44px
}

@media (color-index:48) {
    .collection-bottom .os-bottom__button {
        color: #919191
    }
}

.collection-bottom .button-more {
    margin: 50px 0
}

.compilation-banner {
    position: relative;
    height: 350px;
    margin: 0 0 30px;
    padding: 0 50px;
    background-position: 100% center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

@media (max-width:767px) {
    .compilation-banner {
        height: 160px;
        padding: 0 5px;
        background-size: cover !important
    }
}

.compilation-banner:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 70%;
    content: ''
}

.compilation-banner_fade_dark:before {
    background: linear-gradient(to right, #000 50%, transparent 100%)
}

.compilation-banner_fade_light:before {
    background: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 100%)
}

.compilation-banner__title {
    position: relative;
    z-index: 5;
    padding: 70px 0 25px;
    font-weight: 700;
    line-height: 1
}

@media (max-width:767px) {
    .compilation-banner__title {
        padding: 40px 0 0
    }
}

.compilation-banner__title-first {
    display: block;
    font-size: 257.15%
}

@media (max-width:767px) {
    .compilation-banner__title-first {
        font-size: 150%
    }
}

.compilation-banner__title-second {
    display: block;
    font-size: 371.5%
}

@media (max-width:767px) {
    .compilation-banner__title-second {
        font-size: 200%
    }
}

.compilation-banner__more-link {
    width: 85px
}

@media (max-width:767px) {
    .compilation-banner__more-link {
        display: none
    }
}

.compilation-banner__bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    width: 100%;
    padding: 0 50px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .6)
}

@media (max-width:767px) {
    .compilation-banner__bottom {
        height: 35px;
        padding: 0 5px
    }
}

.compilation-banner__voting {
    display: flex;
    flex-direction: row
}

@media (max-width:767px) {
    .compilation-banner__voting {
        max-width: 190px
    }
}

.compilation-banner__voting .rating-line {
    width: 200px;
    margin: 0 0 0 20px
}

@media (max-width:767px) {
    .compilation-banner__voting .rating-line {
        width: 175px;
        margin: 0 0 0 10px
    }

    .compilation-banner__voting .rating-line__row {
        flex-wrap: nowrap;
        margin-top: -7px
    }

    .compilation-banner__voting .rating-line__visual {
        max-width: 75%
    }
}

.compilation-banner__voting .rating-line__button {
    border-color: #4e4e4e
}

.compilation-banner__author {
    font-size: 85.75%
}

.compilation-banner__author-label {
    color: #b0aeae
}

@media (max-width:767px) {
    .compilation-banner__author-label {
        display: none
    }
}

.compilation-banner__author-avatar {
    position: relative;
    top: -2px;
    width: 30px;
    margin: 0 5px;
    border-radius: 3px;
    vertical-align: middle
}

@media (max-width:767px) {
    .compilation-banner__author-avatar {
        top: 0
    }
}

.compilation-banner__author-nik {
    font-weight: 700;
    color: #fff
}

@media (max-width:320px) {
    .compilation-banner__author-nik {
        display: inline-block;
        vertical-align: middle;
        width: 30%;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.feed__article {
    position: relative;
    height: 350px;
    overflow: hidden;
    background-color: #000
}

@media (max-width:767px) {
    .feed__article {
        height: auto;
        padding: 170px 0 0 !important
    }
}

.feed__article-picture {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: auto
}

@media (max-width:767px) {
    .feed__article-picture {
        left: 0;
        width: 100%;
        height: auto
    }
}

.feed__article-info {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 55%;
    height: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
    background: linear-gradient(to right, #000 80%, transparent 100%)
}

@media (max-width:767px) {
    .feed__article-info {
        width: 100%;
        padding: 35px 15px 15px;
        background: linear-gradient(to top, #000 80%, transparent 100%)
    }
}

.feed__article-heading {
    display: block;
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
    color: #fff
}

@media (max-width:767px) {
    .feed__article-heading {
        font-size: 20px;
        line-height: 26px
    }
}

.feed__article-description {
    font-size: 16px;
    line-height: 26px;
    color: #fff
}

@media (color-index:48) {
    .feed__article-description {
        color: #919191
    }
}

@media (max-width:767px) {
    .feed__article-description {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 18px
    }
}

.feed__article-footer {
    display: flex;
    margin-top: auto
}

.feed__article-footer .catalog-item__comments {
    color: #fff
}

@media (color-index:48) {
    .feed__article-footer .catalog-item__comments {
        color: #919191
    }
}

.feed__article-footer .catalog-item__comments svg,
.feed__article-footer time svg {
    fill: currentColor
}

.feed__article-footer time {
    margin-left: 25px;
    color: #fff
}

@media (color-index:48) {
    .feed__article-footer time {
        color: #919191
    }
}

.feed-devices {
    padding-left: 15px;
    padding-right: 15px
}

.feed-device {
    display: flex;
    flex-direction: row;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #f1f1f1
}

@media (color-index:48) {
    .feed-device {
        border-bottom: 1px solid #1f1f1f
    }
}

.feed-device:last-child {
    border: 0
}

.feed-device__picture {
    width: 140px;
    text-align: center;
    flex-shrink: 0
}

.feed-device__picture img {
    height: 140px;
    vertical-align: middle
}

@media (max-width:767px) {
    .feed-device__picture {
        width: 100px
    }

    .feed-device__picture img {
        width: 100px;
        height: auto
    }
}

.feed-device__info {
    width: 100%;
    padding-left: 40px;
    box-sizing: border-box
}

@media (max-width:767px) {
    .feed-device__info {
        width: calc(100% - 120px);
        padding-left: 15px
    }
}

.feed-device__title {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 26px;
    color: #272727
}

@media (max-width:767px) {
    .feed-device__title {
        font-size: 20px;
        line-height: 26px
    }
}

@media (color-index:48) {
    .feed-device__title {
        color: #919191
    }
}

.feed-device__specs {
    display: flex;
    flex-direction: row;
    margin-bottom: 5px
}

@media (max-width:767px) {
    .feed-device__specs {
        width: calc(100% - 120%);
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }

    .feed-device__specs::-webkit-scrollbar {
        display: none
    }
}

.feed-device__specs-item {
    width: 100%
}

@media (max-width:767px) {
    .feed-device__specs-item {
        padding-right: 25px
    }
}

.feed-device__specs-icon {
    fill: #0a90d5
}

.feed-device__specs-title {
    font-size: 16px;
    font-weight: 700
}

@media (max-width:767px) {
    .feed-device__specs-title {
        white-space: nowrap
    }
}

@media (color-index:48) {
    .feed-device__specs-title {
        color: #919191
    }
}

.feed-device__specs-caption {
    font-size: 12px
}

@media (max-width:767px) {
    .feed-device__specs-caption {
        white-space: nowrap
    }
}

@media (color-index:48) {
    .feed-device__specs-caption {
        color: #606060
    }
}

.feed-device__price {
    font-size: 18px;
    font-weight: 700;
    color: #fd8f00
}

.feed__item {
    position: relative;
    flex-wrap: wrap;
    box-sizing: border-box;
    background-color: #fff;
    border: 0;
    list-style: none
}

@media (max-width:767px) {
    .feed__item {
        width: 100%;
        padding: 10px 5px
    }
}

@media (color-index:48) {
    .feed__item {
        background-color: #141414
    }
}

.feed__item+.feed__item {
    margin-top: 20px
}

@media (max-width:767px) {
    .feed__item+.feed__item {
        margin-top: 10px
    }
}

.feed__item_type_device+.feed__item_type_device {
    border-top: 1px solid #f1f1f1
}

@media (color-index:48) {
    .feed__item_type_device+.feed__item_type_device {
        border-top: 1px solid #000
    }
}

@media (max-width:767px) {
    .feed__item_type_application {
        padding: 0
    }
}

.feed__item_type_ban img {
    vertical-align: bottom
}

.feed__item-poster {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    text-align: center
}

@media (max-width:767px) {
    .feed__item-poster {
        height: auto
    }
}

.feed__item-background {
    display: block;
    filter: blur(20px)
}

.feed__item-background,
.feed__item-background img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%
}

.feed__item-link {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.feed__item-link img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.feed__item-pictogram {
    display: inline-block
}

.feed__item-pictogram img {
    width: 70px;
    vertical-align: middle;
    border-radius: 5px
}

@media (max-width:767px) {
    .feed__item-pictogram img {
        width: 50px
    }
}

.feed__item-info {
    padding: 20px
}

@media (max-width:767px) {
    .feed__item-info {
        padding: 10px
    }
}

.feed__item-info_type_device {
    padding-top: 10px;
    padding-bottom: 10px
}

.feed__item-header {
    display: flex;
    flex-direction: row;
    width: 100%
}

.feed__item-heading {
    padding-left: 20px;
    padding-right: 20px
}

@media (max-width:767px) {
    .feed__item-heading {
        padding-left: 10px;
        padding-right: 10px
    }
}

.feed__item-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 30px
}

@media (max-width:767px) {
    .feed__item-title {
        margin: 0 0 5px;
        line-height: 16px;
        font-size: 16px
    }
}

.feed__item-tags {
    display: flex;
    flex-direction: row
}

@media (max-width:767px) {
    .feed__item-tags {
        display: block;
        line-height: 1
    }
}

.feed__item-tags li {
    margin-right: 2px
}

@media (max-width:767px) {
    .feed__item-tags li {
        display: inline
    }
}

.feed__item-tags a {
    font-size: 12px;
    color: #383838
}

@media (color-index:48) {
    .feed__item-tags a {
        color: #919191
    }
}

.feed__item-download-android {
    display: flex;
    flex-direction: row;
    text-decoration: none;
    align-items: center;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 30px;
    color: #0ba40b;
    fill: #0ba40b;
    border: 1px solid #0ba40b
}

.feed__item-download-android svg {
    margin-right: 10px
}

.feed__item-download-android:hover {
    color: #fff;
    fill: #fff;
    text-decoration: none;
    background-color: #0ba40b
}

@media (max-width:767px) {
    .feed__item-download-android {
        align-self: center;
        padding-left: 10px;
        padding-right: 10px;
        height: 20px;
        line-height: 22px;
        text-transform: lowercase
    }

    .feed__item-download-android svg {
        display: none
    }
}

.feed__item-download-ios {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 30px;
    color: #8d4fc2;
    fill: #8d4fc2;
    border: 1px solid #8d4fc2
}

.feed__item-download-ios svg {
    margin-right: 10px
}

.feed__item-download-ios:hover {
    color: #fff;
    fill: #fff;
    text-decoration: none;
    background: #8d4fc2
}

@media (max-width:767px) {
    .feed__item-download-ios {
        align-self: center;
        padding-left: 10px;
        padding-right: 10px;
        height: 20px;
        line-height: 22px;
        text-transform: lowercase
    }

    .feed__item-download-ios svg {
        display: none
    }
}

.feed__item-download-psp {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 30px;
    color: #f98305;
    fill: #f98305;
    border: 1px solid #f98305
}

.feed__item-download-psp svg {
    margin-right: 10px
}

.feed__item-download-psp:hover {
    color: #fff;
    fill: #fff;
    text-decoration: none;
    background: #f98305
}

@media (max-width:767px) {
    .feed__item-download-psp {
        align-self: center;
        padding-left: 10px;
        padding-right: 10px;
        height: 20px;
        line-height: 22px;
        text-transform: lowercase
    }

    .feed__item-download-psp svg {
        display: none
    }
}

.feed__item-download-ps {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 30px;
    color: #0a90d5;
    fill: #0a90d5;
    border: 1px solid #0a90d5
}

.feed__item-download-ps svg {
    margin-right: 10px
}

.feed__item-download-ps:hover {
    color: #fff;
    fill: #fff;
    text-decoration: none;
    background: #0a90d5
}

@media (max-width:767px) {
    .feed__item-download-ps {
        align-self: center;
        padding-left: 10px;
        padding-right: 10px;
        height: 20px;
        line-height: 22px;
        text-transform: lowercase
    }

    .feed__item-download-ps svg {
        display: none
    }
}

.feed__item-description {
    width: 100%;
    margin-top: 15px;
    font-size: 16px
}

@media (max-width:767px) {
    .feed__item-description {
        display: none
    }
}

@media (color-index:48) {
    .feed__item-description {
        color: #919191
    }
}

.feed__item-caption {
    font-size: 14px;
    color: #919191;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px
}

.feed__item-caption svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    fill: #fe8401
}

@media (min-width:1024px) {
    .feed__item-caption svg {
        width: 18px;
        height: 18px
    }
}

.feed {
    margin-top: 20px
}

@media (max-width:1024px) {
    .feed {
        margin-top: 0
    }
}

.feed__list {
    padding-right: 15px
}

@media (max-width:1024px) {
    .feed__list {
        padding-right: 0
    }
}

.feed__list-type {
    padding: 20px;
    font-size: 20px;
    font-weight: 700;
    color: #383838
}

@media (max-width:767px) {
    .feed__list-type {
        margin: -5px 0 5px;
        padding: 10px 10px 0;
        font-size: 16px
    }
}

@media (color-index:48) {
    .feed__list-type {
        color: #fff
    }
}

.feed__list-type svg {
    margin: 0 10px -1px 0;
    fill: currentColor
}

@media (max-width:767px) {
    .feed__list-type svg {
        margin: 0 4px -3px 0
    }
}

.feed-tags {
    display: flex;
    flex-direction: row;
    padding-top: 20px;
    padding-right: 15px;
    padding-left: 15px
}

@media (max-width:767px) {
    .feed-tags {
        padding-top: 0;
        padding-right: 10px;
        padding-left: 10px
    }
}

.feed-tags_type_article {
    margin-bottom: 20px;
    padding: 0
}

@media (max-width:767px) {
    .feed-tags_type_article {
        margin-bottom: 10px;
        padding: 0
    }
}

.feed-tags__item+.feed-tags__item {
    margin-left: 3px
}

.feed-tags__item a {
    display: inline-block;
    padding-left: 7px;
    padding-right: 7px;
    background-color: #1451e4;
    font-size: 10px;
    line-height: 23px;
    text-transform: uppercase;
    color: #fff
}

.feed__show-more {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    background: 0 0;
    border: 0;
    border-top: 1px solid #e2e1e1;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}

@media (color-index:48) {
    .feed__show-more {
        border-top: 1px solid #000;
        color: #fff
    }
}

.feed__show-more svg {
    margin-right: 5px;
    fill: #0ba40b
}

.os-top {
    margin: 0 0 25px
}

@media (max-width:767px) {
    .os-top {
        margin: 0 0 10px
    }

    .os-top .inner {
        padding: 0
    }
}

.os-top__inner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0 0 4px
}

@media (max-width:767px) {
    .os-top__inner {
        overflow: auto;
        white-space: nowrap
    }
}

.os-top__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 95px;
    line-height: 95px;
    text-align: center;
    font-size: 125%;
    text-transform: uppercase;
    color: #494949;
    text-decoration: none;
    transition: all 300ms ease
}

@media (max-width:767px) {
    .os-top__link {
        height: 55px;
        line-height: 55px;
        padding: 0 15px;
        white-space: nowrap;
        font-size: 100%
    }
}

@media (color-index:48) {
    .os-top__link {
        color: #fff
    }
}

.os-top__link-icon {
    text-align: center;
    margin: 0 10px 0 0
}

.os-top__link-icon svg {
    vertical-align: middle
}

@media (color-index:48) {
    .os-top__link-icon svg {
        fill: #fff
    }
}

@media (max-width:767px) {
    .os-top__link-icon svg {
        width: 30px;
        height: 30px
    }
}

.os-top__link:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .3);
    box-shadow: none
}

.os-top__link_state_active {
    box-shadow: inset 0 -6px 0 0 rgba(0, 0, 0, .3)
}

@media (color-index:48) {
    .os-top__link_state_active {
        box-shadow: inset 0 -6px 0 0 rgba(242, 242, 242, .3)
    }
}

.os-compilation .inner {
    display: flex;
    flex-direction: row
}

@media (max-width:1024px) {
    .os-compilation .inner {
        min-height: inherit !important
    }
}

@media (max-width:767px) {
    .os-compilation .main-row__flex {
        flex-direction: row;
        margin-top: 25px
    }
}

.os-compilation__title {
    margin: 0 0 50px;
    font-weight: 700;
    text-shadow: 5px 3px 15px #000
}

@media (max-width:1024px) {
    .os-compilation__title {
        margin-bottom: 30px
    }
}

@media (max-width:767px) {
    .os-compilation__title {
        padding-right: 15px;
        margin-bottom: 10px
    }
}

.os-compilation__title span {
    display: block
}

.os-compilation__title_white {
    color: #fff
}

.os-compilation__title-wrapper {
    position: relative;
    margin: 0 0 50px
}

@media (max-width:1024px) {
    .os-compilation__title-wrapper {
        min-width: 350px
    }
}

@media (max-width:767px) {
    .os-compilation__title-wrapper {
        min-width: 115px;
        margin-bottom: 20px;
        padding-left: 5px
    }
}

.os-compilation__title_size_small {
    font-size: 386%;
    line-height: 1.7
}

@media (max-width:1024px) {
    .os-compilation__title_size_small {
        font-size: 300%
    }
}

@media (max-width:767px) {
    .os-compilation__title_size_small {
        font-size: 115%;
        line-height: normal
    }
}

.os-compilation__title_size_large {
    font-size: 500%
}

@media (max-width:1024px) {
    .os-compilation__title_size_large {
        font-size: 400%
    }
}

@media (max-width:767px) {
    .os-compilation__title_size_large {
        font-size: 172%;
        line-height: 1
    }
}

.os__more-button {
    min-width: 90px;
    height: 36px;
    line-height: 36px;
    font-size: 85%;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, .5)
}

@media (max-width:767px) {
    .os__more-button {
        width: inherit;
        height: 22px;
        line-height: 22px;
        font-size: 75%
    }
}

.os-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.os-tags__link {
    display: inline-block;
    height: 29px;
    margin: 0 5px 5px 0;
    padding: 0 15px;
    border-radius: 50px;
    background-color: #bbbaba;
    line-height: 29px;
    color: #1f1f1f;
    transition: all 300ms ease
}

.os-tags__link:hover {
    transform: scale(1.1);
    text-decoration: none
}

@media (max-width:767px) {
    .os-tags__link {
        height: 24px;
        padding: 3px 10px;
        border-radius: 50px;
        line-height: 24px
    }
}

@media (color-index:48) {
    .os-tags__link {
        background-color: #141414;
        color: #919191
    }
}

.os-tags__link_state_active {
    background-color: #0ba40b;
    color: #fff
}

.os-tags__link_no_zoom {
    margin: 0;
    cursor: pointer
}

.os-tags__link_no_zoom:hover {
    transform: scale(1)
}

.os-announcement__inner {
    padding: 30px;
    max-width: 1300px;
    background-color: rgba(0, 0, 0, .1)
}

@media (max-width:767px) {
    .os-announcement__inner {
        padding: 15px 0 15px 5px
    }
}

.os-announcement__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.os-announcement__wrapper {
    position: relative;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    min-height: 340px
}

@media (max-width:767px) {
    .os-announcement__wrapper {
        min-height: 265px;
        padding-bottom: 0
    }
}

.os-announcement__item {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    min-height: 225px;
    padding: 10px;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #fff
}

@media (color-index:48) {
    .os-announcement__item {
        background-color: #141414
    }
}

@media (max-width:767px) {
    .os-announcement__item {
        min-height: 195px
    }
}

.os-announcement__item:after {
    position: absolute;
    top: 100%;
    left: 80px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 10px 0;
    border-color: #fff transparent transparent;
    content: ''
}

@media (color-index:48) {
    .os-announcement__item:after {
        border-color: #141414 transparent transparent
    }
}

.os-announcement__item+.os-announcement__item {
    margin: 0 0 0 30px
}

@media (max-width:767px) {
    .os-announcement__item+.os-announcement__item {
        margin: 0 0 0 10px
    }
}

.os-announcement__link {
    display: inline-block;
    width: 160px;
    transition: all 300ms ease-in-out
}

@media (max-width:767px) {
    .os-announcement__link {
        width: 110px
    }
}

.os-announcement__link:hover {
    transform: translateY(-10px);
    text-decoration: none
}

@media (max-width:767px) {
    .os-announcement__link:hover {
        transform: none
    }
}

.os-announcement__link+.os-announcement__link {
    margin: 0 0 0 10px
}

.os-announcement__picture {
    vertical-align: bottom;
    border-radius: 10px;
    width: 100%
}

.os-announcement__title {
    display: block;
    margin: 10px 0 0;
    font-weight: 700;
    line-height: 17px
}

.os-announcement__year {
    position: absolute;
    left: 0;
    top: 100%;
    margin: 60px 0 0;
    font-size: 128.6%;
    font-weight: 700
}

@media (max-width:767px) {
    .os-announcement__year {
        margin-top: 40px
    }
}

.os-announcement__month {
    position: absolute;
    z-index: 5;
    left: 10px;
    top: 100%;
    width: 160px;
    margin: 60px 0 0;
    text-align: center;
    font-weight: 700
}

@media (max-width:767px) {
    .os-announcement__month {
        margin-top: 40px
    }
}

.os-announcement__month:before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #7b7b7b;
    content: ''
}

.os-announcement__timeline {
    position: relative;
    top: -70px;
    width: 100%;
    height: 5px;
    background: url(../images/sprite-source/icon-timeline-ellipse.svg) 0 0 repeat-x
}

@media (max-width:767px) {
    .os-announcement__timeline {
        top: -45px
    }
}

.os-bottom {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 0 40px
}

@media (max-width:767px) {
    .os-bottom {
        padding: 0 5px
    }
}

.os-bottom__button {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 245px;
    height: 59px;
    line-height: 59px;
    border: 1px solid #bbbaba;
    text-transform: uppercase;
    font-size: 80%;
    color: #1f1f1f
}

@media (max-width:767px) {
    .os-bottom__button {
        height: 42px;
        padding: 0 10px;
        font-size: 70%;
        line-height: 1.4
    }
}

@media (color-index:48) {
    .os-bottom__button {
        color: #bbbaba
    }
}

.os-bottom__button svg {
    margin: 0 15px 0 0;
    fill: #fd8a02;
    transition: fill 300ms
}

.os-bottom__button:hover {
    background-color: #fd8a02;
    border-color: #fd8a02;
    color: #fff;
    text-decoration: none
}

.os-bottom__button:hover svg {
    fill: #fff;
    transition: fill 300ms
}

.os-bottom__button+.os-bottom__button {
    margin: 0 0 0 5px
}

.os-bottom__button_type_add svg {
    fill: #0ba40b
}

.top-os-btn {
    margin: 20px 0 20px 20px;
    font-size: 23px;
    text-align: center;
    border-radius: 6px;
    padding: 4px 8px;
    font-family: Montserrat;
    text-decoration: none;
    color: #333;
    border: 1px solid #333
}

@media (color-index:48) {
    .top-os-btn {
        color: #bbbaba
    }
}

.app-rating__results {
    display: flex;
    flex-direction: column;
    margin-top: 20px
}

@media (min-width:768px) {
    .app-rating__results {
        margin-top: 40px;
        flex-direction: row
    }
}

.app-rating__results-heading {
    text-align: center;
    font-size: 16px;
    font-weight: 700
}

.app-rating__results-cell {
    flex: 1
}

.app-rating__results-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 20px 0
}

@media (min-width:768px) {
    .app-rating__results-flex {
        justify-content: center;
        padding: 30px
    }
}

@media (min-width:1024px) {
    .app-rating__results-flex {
        flex-direction: row
    }
}

.app-rating__results-flex_type_bordered {
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e8e8
}

@media (color-index:48) {
    .app-rating__results-flex_type_bordered {
        border-color: #393939
    }
}

@media (min-width:768px) {
    .app-rating__results-flex_type_bordered {
        margin-bottom: 0;
        border-bottom: none;
        border-right: 1px solid #e8e8e8
    }
}

@media (min-width:768px) and (color-index:48) {
    .app-rating__results-flex_type_bordered {
        border-color: #393939
    }
}

.app-rating__results-caption {
    flex: 1;
    font-size: 16px;
    color: #383838
}

@media (color-index:48) {
    .app-rating__results-caption {
        color: #919193
    }
}

.app-rating__results-points {
    flex-shrink: 0;
    width: 90px;
    height: 90px;
    margin-bottom: 20px;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 90px;
    color: #fff
}

@media (min-width:1024px) {
    .app-rating__results-points {
        margin-right: 50px;
        margin-bottom: 0
    }
}

.app-rating__results-points_color_gray {
    background-color: gray
}

.app-rating__results-points_color_red {
    background-color: #ff2a23
}

.app-rating__results-points_color_orange {
    background-color: #ff8a1b
}

.app-rating__results-points_color_green {
    background-color: #00c02a
}

.app-rating__results-buttons,
.app-rating__results-buttons .button {
    display: flex;
    flex-direction: row;
    align-items: center
}

@media (min-width:1024px) {
    .app-rating__results-buttons {
        flex-direction: column
    }
}

.app-rating__results-buttons .button {
    white-space: nowrap;
    width: 100%
}

.app-rating__results-buttons .button svg {
    margin-right: 8px;
    fill: #0090d3
}

.app-rating__point+.app-rating__point,
.app-rating__results-buttons .button+.button {
    margin-left: 10px
}

@media (min-width:1024px) {
    .app-rating__results-buttons .button+.button {
        margin-top: 10px;
        margin-left: 0
    }
}

.app-rating__evaluation {
    text-align: center
}

.app-rating__heading {
    margin-top: 20px;
    margin-bottom: 25px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width:768px) {
    .app-rating__heading {
        margin-top: 30px;
        margin-bottom: 50px;
        text-align: center
    }
}

.app-rating__points {
    overflow-x: auto;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .app-rating__points {
        margin-bottom: 40px
    }
}

.app-rating__points-list {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    border-radius: 50px;
    background-color: #fff9f2
}

@media (color-index:48) {
    .app-rating__points-list {
        background-color: #1f1f1f
    }
}

.app-rating__point {
    position: relative
}

.app-rating__point input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 0;
    background: 0 0;
    appearance: none
}

.app-rating__point input[type=radio]:checked+.app-rating__control_color_red {
    background-color: #ff2a23;
    border-color: #ff2a23;
    color: #fff
}

.app-rating__point input[type=radio]:checked+.app-rating__control_color_orange {
    background-color: #ff8a1b;
    border-color: #ff8a1b;
    color: #fff
}

.app-rating__point input[type=radio]:checked+.app-rating__control_color_green {
    background-color: #00c02a;
    border-color: #00c02a;
    color: #fff
}

.app-rating__control {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0;
    border: 1px solid;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 60px
}

.app-rating__control::before {
    display: none !important
}

.app-rating__control_color_red {
    border-color: #ff938f;
    color: #ff2a23
}

@media (hover:hover) {
    .app-rating__control_color_red:hover {
        background-color: #ff2a23;
        border-color: #ff2a23;
        color: #fff
    }
}

.app-rating__control_color_red:active {
    background-color: #ff2a23;
    border-color: #ff2a23;
    color: #fff
}

.app-rating__control_color_orange {
    border-color: #ffc381;
    color: #ff8a1b
}

@media (hover:hover) {
    .app-rating__control_color_orange:hover {
        background-color: #ff8a1b;
        border-color: #ff8a1b;
        color: #fff
    }
}

.app-rating__control_color_orange:active {
    background-color: #ff8a1b;
    border-color: #ff8a1b;
    color: #fff
}

.app-rating__control_color_green {
    border-color: #7fde84;
    color: #00c02a
}

@media (hover:hover) {
    .app-rating__control_color_green:hover {
        background-color: #00c02a;
        border-color: #00c02a;
        color: #fff
    }
}

.app-rating__control_color_green:active {
    background-color: #00c02a;
    border-color: #00c02a;
    color: #fff
}

.game-compatibility {
    display: flex;
    flex-direction: row;
    margin: 30px 0 0
}

@media (max-width:767px) {
    .game-compatibility {
        margin: 20px 0 0
    }
}

.game-compatibility__question {
    position: relative;
    display: block;
    width: 32px;
    min-width: 32px;
    height: 32px;
    text-align: center;
    border: 1px solid #d6d5d5;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 300ms ease-in-out;
    font-size: 142.95%;
    font-weight: 600;
    line-height: 32px;
    color: #b0aeae
}

@media (max-width:767px) {
    .game-compatibility__question {
        position: absolute;
        top: 15px;
        right: 5px
    }
}

.game-compatibility__question:hover {
    border-color: #b0aeae;
    background-color: #b0aeae;
    color: #fff
}

.game-compatibility__popup {
    position: relative;
    width: 100%;
    max-width: 930px;
    padding: 90px 60px 30px 70px;
    box-sizing: border-box;
    border-radius: 5px
}

@media (max-width:767px) {
    .game-compatibility__popup {
        width: 90%;
        padding: 10px
    }
}

.game-compatibility__popup-title {
    margin: 0 0 130px 400px;
    font-size: 480%;
    font-weight: 800;
    line-height: 56px;
    color: #383838
}

@media (max-width:767px) {
    .game-compatibility__popup-title {
        margin: 25px 0 15px;
        text-align: center;
        font-size: 200%;
        line-height: 1.4
    }
}

@media (color-index:48) {
    .game-compatibility__popup-title {
        color: #fff
    }
}

.game-compatibility__popup-title_type_short {
    margin-bottom: 30px
}

.game-compatibility__popup-monster {
    position: absolute;
    left: 13px;
    top: 25px;
    width: 429px;
    height: 309px
}

@media (max-width:767px) {
    .game-compatibility__popup-monster {
        position: relative;
        top: 0;
        right: -50px;
        display: block;
        margin: 0 auto;
        width: 160px;
        height: 110px
    }
}

.game-compatibility__popup-text {
    font-size: 280%;
    line-height: 34px;
    text-indent: 250px;
    text-align: justify;
    padding-bottom: 15px
}

@media (max-width:767px) {
    .game-compatibility__popup-text {
        text-indent: 0;
        text-align: left;
        font-size: 160%;
        line-height: 1.4
    }
}

.game-compatibility__popup-text_type_short {
    margin: 0 0 50px 300px;
    text-align: left;
    text-indent: 0
}

@media (max-width:767px) {
    .game-compatibility__popup-text_type_short {
        margin: 0 0 10px
    }
}

.game-compatibility__popup .mfp-close {
    top: 15px;
    right: 15px;
    width: 32px;
    height: 32px;
    border: 1px solid #d9d8d8;
    border-radius: 50px;
    line-height: 32px;
    text-indent: 1px;
    font-weight: 700;
    color: #fd3101
}

@media (color-index:48) {
    .game-compatibility__popup .mfp-close {
        border: 1px solid #141414
    }
}

.game-compatibility__devices {
    width: 100%;
    margin: 6px 40px 0 30px
}

@media (max-width:767px) {
    .game-compatibility__devices {
        margin: 0
    }
}

.game-compatibility__device {
    display: flex;
    flex-direction: row
}

@media (max-width:767px) {
    .game-compatibility__device {
        flex-direction: column
    }
}

.game-compatibility__device+.game-compatibility__device {
    margin: 10px 0 0
}

.game-compatibility__device-title {
    position: relative;
    width: 75%;
    box-sizing: border-box;
    font-size: 128.75%;
    font-weight: 700;
    color: #494949
}

@media (max-width:767px) {
    .game-compatibility__device-title {
        width: 100%
    }
}

@media (color-index:48) {
    .game-compatibility__device-title {
        color: #919191
    }
}

.game-compatibility__device-cpu {
    margin: 0 0 0 10px;
    color: #fd1959
}

.game-compatibility__rating {
    width: 100%;
    max-width: 200px;
    margin-left: 10px
}

@media (max-width:767px) {
    .game-compatibility__rating {
        max-width: 70%
    }

    .game-compatibility__rating .rating-line__row {
        flex-wrap: nowrap
    }
}

.game-compatibility__rating-caption {
    margin: -8px 0 0;
    font-size: 80%;
    color: #606060
}

@media (max-width:767px) {
    .game-compatibility__rating-caption {
        line-height: 1.4
    }
}

.game-compatibility__buttons {
    display: flex;
    flex-direction: row;
    align-items: center
}

.game-compatibility__buttons_type_short {
    margin-left: 300px
}

@media (max-width:767px) {
    .game-compatibility__buttons_type_short {
        justify-content: center;
        margin-left: 0
    }
}

.game-compatibility__buttons_type_short .button {
    display: flex;
    align-items: center
}

.game-compatibility__buttons_type_short .button svg {
    margin-right: 10px
}

.game-compatibility__buttons_type_short .button+.button {
    margin-left: 10px
}

@media (color-index:48) {
    .white-popup {
        background: #1f1f1f
    }
}

.game__inner {
    padding: 0 50px
}

@media (max-width:767px) {
    .game__inner {
        padding: 0 10px
    }
}

.game__sub-title {
    font-size: 150%;
    font-weight: 700;
    color: #494949
}

@media (color-index:48) {
    .game__sub-title {
        color: #bababa
    }
}

.game__top {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 0 15px
}

@media (max-width:767px) {
    .game__top {
        align-items: flex-start
    }
}

.game__poster {
    margin: 0 40px 0 0
}

@media (max-width:767px) {
    .game__poster {
        flex-shrink: 0;
        margin-right: 20px
    }
}

.game__poster-picture {
    width: 185px;
    border-radius: 10px
}

@media (max-width:767px) {
    .game__poster-picture {
        width: 140px
    }
}

.game__bookmark {
    float: right;
    cursor: pointer;
    transition: all 300ms ease-in-out
}

.game__bookmark svg {
    width: 25px;
    height: 35px;
    fill: #b0aeae;
    transition: all 300ms ease-in-out
}

@media (max-width:767px) {
    .game__bookmark svg {
        width: 20px;
        height: 26px
    }
}

.game__bookmark:hover svg,
.game__bookmark_state_active svg {
    fill: #fe8401
}

.game-short {
    width: 100%
}

.game-short__list {
    width: 100%;
    max-width: 350px
}

.game-short__item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 4px 0;
    color: #494949
}

@media (max-width:767px) {
    .game-short__item {
        justify-content: flex-start;
        padding: 2px 0;
        font-size: 86%
    }
}

@media (color-index:48) {
    .game-short__item {
        color: #919191
    }
}

.game-short__item+.game-short__item {
    border-top: 1px solid #e8e8e8
}

@media (color-index:48) {
    .game-short__item+.game-short__item {
        border-top: 1px solid #393939
    }
}

.game-short__label {
    position: relative;
    padding-left: 27px
}

@media (max-width:767px) {
    .game-short__label {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 25px;
        padding-left: 0
    }
}

.game-short__label-icon {
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    fill: #cccaca
}

@media (max-width:767px) {
    .game-short__label-icon {
        position: static;
        transform: none
    }

    .game-short__label-text {
        display: none
    }
}

.game-short__control {
    text-align: right
}

@media (max-width:767px) {
    .game-short__control {
        text-align: left
    }
}

.game__description {
    margin: 0 0 20px
}

.game__description blockquote:before,
.game__description q:before,
.publication-content blockquote:before,
.publication-content q:before,
.redactor-in blockquote:before,
.text-comments blockquote:before,
q:before {
    content: '\275e';
    margin-bottom: 10px;
    font-size: 2em;
    margin-right: .2em;
    vertical-align: -9px;
    float: right;
    color: #00c02a
}

.game__description pre {
    border-left: solid #7934bc 7px;
    margin: 6px;
    padding: 10px;
    color: #000;
    background-color: #f2f1f1;
    display: block;
    white-space: pre-wrap
}

@media (color-index:48) {
    .game__description pre {
        color: #bababa;
        background-color: #1f1f1f
    }
}

.game__description pre:before,
.publication-content pre:before,
.redactor-in pre:before,
.text-comments pre:before {
    color: #7934bc;
    content: '</>';
    font-size: 18px;
    margin-right: 1px;
    margin-bottom: 10px;
    float: right
}

.game__description ol {
    margin-left: 15px;
    list-style: none;
    counter-reset: li
}

.game__description ol li {
    position: relative;
    margin-bottom: 6px;
    padding: 10px 0 10px 1em;
    background-color: #f2f1f1
}

@media (color-index:48) {
    .game__description ol li {
        color: #bababa;
        background-color: #1f1f1f
    }
}

.game__description ol li:before {
    padding: 10px 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1.5em;
    width: 1.875em;
    text-align: center;
    color: #00c02a;
    font-weight: 700;
    background-color: #f2f1f1;
    border-bottom-left-radius: 70em;
    border-top-left-radius: 70em;
    counter-increment: li;
    content: counter(li)
}

@media (color-index:48) {
    .game__description ol li:before {
        color: #00c02a;
        background-color: #1f1f1f
    }
}

.game__description ul {
    list-style: none
}

.game__description ul li {
    position: relative;
    padding: 10px 0;
    cursor: pointer
}

@media (color-index:48) {
    .game__description ul li {
        color: #bababa
    }
}

.game__description ul li:before {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00c02a;
    content: "";
    left: -17px;
    transition: .3s ease-in-out;
    top: 18px
}

.game__description ul li:after {
    position: absolute;
    border-left: 1px dotted #bababa;
    width: 1px;
    bottom: -8px;
    content: "";
    left: -14px;
    top: 31px
}

.game__description ul li:last-child:after,
.publication-content ul li:last-child:after,
.redactor-in ul li:last-child:after,
.text-comments ul li:last-child:after {
    content: none
}

.game__description .block-attention {
    border-left: solid #fd1959 7px;
    white-space: pre-wrap;
    margin: 6px;
    padding: 10px;
    color: #000;
    background-color: #f2f1f1;
    display: block
}

@media (color-index:48) {
    .game__description .block-attention {
        color: #bababa;
        background-color: #1f1f1f
    }
}

.game__description .block-attention:before {
    content: '!';
    font-size: 2em;
    margin-right: 7px;
    vertical-align: -9px;
    float: right;
    font-style: italic;
    margin-bottom: 10px;
    color: #fd1959
}

.game-gallery {
    position: relative;
    margin: 30px 0 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #e1e1e1;
    background-color: #f7f7f7
}

@media (color-index:48) {
    .game-gallery {
        border-top: 1px solid #141414;
        border-bottom: 1px solid #141414;
        background-color: #1d1d1d
    }
}

.game-gallery::after,
.game-gallery::before {
    position: absolute;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 10px;
    content: ''
}

.game-gallery::before {
    top: 0;
    box-shadow: inset 0 4px 5px -3px rgba(0, 0, 0, .75)
}

.game-gallery::after {
    bottom: 0;
    box-shadow: inset 0 -3px 5px -3px rgba(0, 0, 0, .25)
}

.game-gallery .fotorama__wrap {
    margin: 0 auto
}

.game-gallery .fotorama__nav-wrap {
    padding: 0 50px
}

@media (max-width:767px) {
    .game-gallery .fotorama__nav-wrap {
        padding: 0 5px
    }
}

.game-gallery .fotorama__nav__shaft {
    padding: 30px 0
}

@media (max-width:767px) {
    .game-gallery .fotorama__nav__shaft {
        padding: 15px 0
    }
}

.game-gallery .fotorama__thumb-border {
    top: 25px;
    border: 0;
    border-radius: 6px;
    background: 0 0
}

.game-gallery .fotorama__thumb-border:before,
.game-gallery__thumbnails-item_state_active:before {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 9px 0;
    border-color: #c6c6c6 transparent transparent;
    content: ''
}

.game-gallery .fotorama__thumb {
    border-radius: 5px
}

.game-gallery__big-picture img {
    width: 100%;
    vertical-align: bottom
}

.game-gallery__thumbnails {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 30px 0
}

.game-gallery__thumbnails-item {
    position: relative;
    display: inline-block
}

.game-gallery__thumbnails-item img {
    vertical-align: bottom;
    border-radius: 5px
}

.game-gallery__thumbnails-item+.game-gallery__thumbnails-item {
    margin: 0 0 0 5px
}

.game__rating {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 35px 0 30px
}

.game__rating-block {
    padding: 40px 0
}

.game__rating-block+.game__rating-block {
    border-top: 1px solid #ccc
}

@media (color-index:48) {
    .game__rating-block+.game__rating-block {
        border-top: 1px solid #393939
    }
}

@media (max-width:767px) {
    .game__rating-block {
        position: relative;
        padding: 20px 0
    }
}

.game__rating-pencil {
    display: block;
    width: 32px;
    height: 32px;
    border: 1px solid #d6d5d5;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 300ms ease-in-out
}

@media (max-width:767px) {
    .game__rating-pencil {
        position: absolute;
        top: 15px;
        right: 5px
    }
}

.game__rating-pencil:hover {
    border-color: #0a90d5;
    background-color: #0a90d5
}

.game-versions__voting-button_type_no:hover svg,
.game-versions__voting-button_type_yes:hover svg,
.game__rating-pencil:hover svg {
    fill: #fff
}

.game__rating-pencil svg {
    width: 13px;
    height: 16px;
    margin: 7px 0 0 9px;
    fill: #0a90d5;
    transition: all 300ms ease-in-out
}

.game__rating-circle {
    position: relative;
    margin: 0 70px 0 30px;
    text-align: center;
    font-size: 87.5%;
    color: #606060
}

@media (max-width:767px) {
    .game__rating-circle {
        margin: 0 25px 0 0
    }

    .game__rating-circle .rating-circle {
        display: inline-block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 200%
    }
}

.game__rating-circle p {
    position: absolute;
    bottom: -35px;
    width: 100%;
    text-align: center;
    line-height: normal
}

@media (max-width:767px) {
    .game__rating-circle p {
        position: static;
        margin-top: 5px;
        line-height: 1.2
    }
}

.game__rating-evaluations {
    width: 100%;
    max-width: 350px
}

@media (max-width:767px) {
    .game__rating-evaluations .rating-line__row {
        flex-wrap: nowrap
    }
}

.game__rating-evaluations .rating-line__label {
    font-size: 85.725%
}

.game__rating-evaluations .rating-line__visual {
    max-width: 65%
}

@media (max-width:767px) {
    .game__rating-evaluations .rating-line__visual {
        max-width: 50%
    }
}

@media (max-width:340px) {
    .game__rating-evaluations .rating-line__visual {
        max-width: 35%
    }
}

.game__rating-evaluations .rating-line__points {
    font-weight: 600
}

.game-download {
    padding: 35px 0;
    border-top: 1px solid #e7e7e7;
    background: linear-gradient(to bottom, #f6f6f6 0, #fff 100%);
    box-shadow: inset 0 4px 5px -3px rgba(0, 0, 0, .25)
}

@media (color-index:48) {
    .game-download {
        border-top: 1px solid #141414;
        background: linear-gradient(to bottom, #1d1d1d 0, #1d1d1d 100%)
    }
}

.game-download__flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media (max-width:767px) {
    .game-download__flex {
        flex-direction: column
    }
}

.game-download__flex+.game-download__flex {
    margin: 40px 0 0
}

@media (max-width:767px) {
    .game-download__flex+.game-download__flex {
        margin: 30px 0 0
    }
}

.game-download__flex-item {
    width: 45%
}

@media (max-width:767px) {
    .game-download__flex-item {
        width: 100%
    }

    .game-download__flex-item+.game-download__flex-item {
        margin: 30px 0 0
    }

    .game-download__flex-item .store-button {
        display: block;
        margin: 0 auto
    }
}

.game-download__title {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700
}

@media (min-width:768px) {
    .game-download__title {
        font-size: 22px
    }
}

.game-download__title-label {
    margin-right: 5px;
    font-weight: 700;
    color: #494949
}

@media (color-index:48) {
    .game-download__title-label {
        color: #fff
    }
}

.game-download__list li {
    position: relative;
    padding: 0 0 0 10px;
    font-size: 93%;
    line-height: 1.7
}

.game-download__list li:before {
    position: absolute;
    left: 0;
    top: 9px;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #919191;
    content: ''
}

.game-download__list-title {
    margin: 0 0 10px;
    font-weight: 700;
    text-transform: uppercase
}

.game-download__stores {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 20px
}

.game-versions {
    margin: 20px 0 30px
}

.game-versions__downloads-list li+li {
    margin: 5px 0 0
}

.game-versions__downloads-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 52px;
    background-color: #f9f9f9;
    text-align: left;
    line-height: normal
}

@media (color-index:48) {
    .game-versions__downloads-button {
        background-color: #212121
    }
}

.game-versions__downloads-button svg {
    margin-right: 15px
}

.game-versions__downloads-button:hover * {
    color: #fff
}

.game-versions__downloads-label {
    text-transform: uppercase
}

.game-versions__downloads-mod {
    margin-top: 5px;
    font-size: 12px;
    color: #919191
}

.game-versions__downloads-size {
    margin-left: auto;
    color: #919191
}

.game-versions__apk-info {
    font-size: 90%;
    color: #494949
}

.game-versions__bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px 30px;
    border-top: 1px solid #ccc
}

@media (max-width:767px) {
    .game-versions__bottom {
        flex-direction: column-reverse;
        padding: 5px
    }

    .game-versions__bottom .rating-line__visual {
        width: 70%
    }

    .game-versions__bottom .rating-line__points {
        margin-left: 5px
    }
}

@media (color-index:48) {
    .game-versions__bottom {
        border-top: 1px solid #393939
    }
}

.game-versions__bottom-user {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 85.725%
}

@media (max-width:767px) {
    .game-versions__bottom-user {
        justify-content: left;
        margin-top: 10px;
        flex-wrap: wrap
    }
}

.game-versions__bottom-avatar {
    margin: 0 7px;
    border-radius: 3px
}

.game-versions__like,
.game-versions__voting {
    display: flex;
    flex-direction: row;
    align-items: center
}

.game-versions__like {
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-left: 5px;
    padding: 0;
    border: 0;
    cursor: pointer
}

.game-versions__like svg {
    fill: #c9c9c9
}

.game-versions__like_state_active svg {
    fill: #0ba40b
}

.game-versions__voting {
    justify-content: flex-end;
    width: 50%
}

@media (max-width:767px) {
    .game-versions__voting {
        justify-content: center;
        width: 100%;
        margin-bottom: 10px
    }
}

.game-versions__voting-label {
    margin: 0 5px 0 0;
    font-weight: 700;
    font-size: 110%
}

@media (color-index:48) {
    .game-versions__voting-label {
        color: #919191
    }
}

.game-versions__voting-button {
    min-width: 26px;
    height: 26px;
    text-align: center;
    border: 1px solid #d6d6d6;
    border-radius: 50%;
    cursor: pointer
}

@media (color-index:48) {
    .game-versions__voting-button {
        border: 1px solid #141414
    }
}

.game-versions__voting-button+.game-versions__voting-button {
    margin: 0 0 0 7px
}

.game-versions__voting-button svg {
    margin: 8px 0 0
}

.game-versions__voting-button_type_no,
.game-versions__voting-button_type_yes {
    transition: all 300ms ease-in-out
}

.game-versions__voting-button_type_no svg {
    fill: #f93305;
    transition: all 300ms ease-in-out
}

.game-versions__voting-button_color_red,
.game-versions__voting-button_type_no:hover {
    border-color: #f93305;
    background-color: #f93305
}

.game-versions__voting-button_type_yes svg {
    fill: #0ba40b;
    transition: all 300ms ease-in-out
}

.game-versions__voting-button_color_green,
.game-versions__voting-button_type_yes:hover {
    border-color: #0ba40b;
    background-color: #0ba40b
}

.game-versions__voting-button_color_green svg,
.game-versions__voting-button_color_red svg {
    fill: #fff
}

.game-versions__voting .rating-line {
    width: 100%;
    max-width: 200px;
    margin: 0 0 0 15px
}

.game-versions__load-more {
    margin: 20px 0 30px;
    text-align: center
}

.game-updates {
    margin-bottom: 20px
}

@media (max-width:767px) {
    .game-updates {
        margin-left: 20px
    }
}

.game-updates__item {
    position: relative;
    padding: 7px 20px;
    border-radius: 5px;
    background-color: #fe8401;
    color: #fff
}

.game-updates__item-icon {
    position: absolute;
    right: 100%;
    right: calc(100% + 10px);
    top: 10px;
    width: 20px;
    height: 20px;
    margin: 0 0 0 -10px;
    fill: #fe8401
}

@media (max-width:767px) {
    .game-updates__item-icon {
        right: 100%;
        right: calc(100% + 5px)
    }
}

.game-social {
    margin: 30px 0;
    text-align: center
}

.game-footer {
    padding: 20px 0 30px;
    border-top: 1px solid #e7e7e7;
    background: linear-gradient(to bottom, #f6f6f6 0, #fff 100%);
    box-shadow: inset 0 4px 5px -3px rgba(0, 0, 0, .25);
	margin:15px 0 0 0;
}

@media (color-index:48) {
    .game-footer {
        padding: 20px 0;
        border-top: 1px solid #141414;
        background: linear-gradient(to bottom, #1f1f1f 0, #1f1f1f 100%)
    }
}

.game-footer__flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 20px
}

@media (max-width:767px) {
    .game-footer__flex:first-child {
        margin: 0
    }

    .game-footer__flex time {
        display: block
    }
}

@media (max-width:767px) and (color-index:48) {
    .game-footer__flex time {
        color: #919191
    }
}

.game-footer__admins-title {
    margin: 0 0 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #494949
}

.game-footer__admins-user {
    font-size: 85.725%
}

.game-footer__admins-user+.game-footer__admins-user {
    margin: 5px 0 0
}

.game-footer__admins-user img {
    margin: 0 10px 0 0;
    vertical-align: bottom
}

@media (max-width:767px) {
    .game-footer__buttons {
        width: 50%
    }
}

.game-footer__buttons .button {
    display: block;
    width: 190px;
    margin: 0 0 5px;
    padding: 0 10px;
    text-align: left;
    box-sizing: border-box;
	text-decoration:none;
}

@media (max-width:767px) {
    .game-footer__buttons .button {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.game-footer__buttons_type_row {
    display: flex;
    width: 100%;
    justify-content: space-between;
	gap:10px;
}

.game-footer__buttons_type_row .button {
    width: auto;
    margin: 0 0 5px 10px
}


.game-tag {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 50px;
    background-color: #f1f1f1;
    color: #1f1f1f;
    transition: all 250ms ease-out;
    margin: 0 0 6px 3px
}

@media (color-index:48) {
    .game-tag {
        background-color: #141414;
        color: #919191
    }
}

.game-tag:hover {
    background-color: #807e7e;
    text-decoration: none;
    color: #fff
}

.pour {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 5px
}

.pour-bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 85.725%
}

.pour-text {
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width:767px) {
    .pour-text {
        width: 85px
    }
}

.bottom-recommend-name {
    margin-left: 7px
}

@media (max-width:767px) {
    .bottom-recommend-name {
        flex: 1 0 100%
    }
}

.edit-app {
    position: relative;
    border-radius: 5px
}

@media (min-width:768px) {
    .edit-app {
        max-width: 640px
    }
}

.edit-app__heading {
    margin-bottom: 20px;
    text-align: center;
    font-size: 32px;
    font-weight: 700
}

@media (max-width:768px) {
    .edit-app__heading {
        font-size: 30px
    }
}

@media (max-width:549px) {
    .edit-app__heading {
        font-size: 25px
    }
}

.edit-app__attention {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #0ba40b;
    border-radius: 5px;
    font-size: 16px
}

.edit-app__row {
    margin-bottom: 20px
}

.edit-app__label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #383838
}

.edit-app__control {
    font-size: 14px
}

.edit-app__control input,
.edit-app__control select {
    height: 30px
}

.edit-app__variant {
    margin-bottom: 10px
}

.edit-app__footer {
    justify-content: center
}

.edit-app__button,
.edit-app__footer {
    display: flex;
    flex-direction: row;
    align-items: center
}

.edit-app__button+.edit-app__button {
    margin-left: 20px
}

.edit-app__button svg {
    margin-right: 10px
}

.edit-app__button_type_submit svg {
    fill: #0ba40b
}

.edit-app__button_type_cancel svg {
    fill: #fc0505
}

.js-select2-select {
    width: 120px;
    height: 30px
}

.whats-new {
    width: 100%;
    box-sizing: border-box;
    height: 80px;
    font-size: 12px;
    margin-top: 8px
}

.block-version-selected {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 8px 0;
    flex-wrap: wrap
}

.fieldset-margin {
    margin-bottom: 5px
}

@media (color-index:48) {
    .select2-container--default .select2-selection--multiple {
        background-color: #1f1f1f;
        color: #9f9f9f;
        border: 1px solid #414141
    }
}

.sel2-drop {
    min-width: 100px;
    border: 0
}

@media (color-index:48) {

    .sel2-drop li,
    .sel2-drop ul {
        background-color: #6b6b6b
    }

    .sel2-drop li {
        border: 1px solid #000
    }
}

.redactor-in small,
.sel2-sel {
    font-size: 12px
}

.button-modal-upload {
    position: relative;
    padding: 2px 0;
    display: flex;
    width: 167px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    line-height: 22px;
    font-size: 12px;
    font-weight: 500
}

.button-modal-upload__btn-blue {
    background: #4799d1;
    color: #fff
}

.button-modal-upload__btn-orange {
    background: #fda930;
    color: #fff
}

.button-modal-upload__progress-block {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 5px
}

.button-modal-upload__loaded {
    opacity: .3;
    background: #0ba40b;
    pointer-events: none
}

.btn-abort-progress {
    display: flex
}

.btn-abort-progress svg {
    width: 12px;
    height: 12px;
    fill: #fc0505
}

.button__file {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    padding: 0
}

.block-modal-upload {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin: 10px 0
}

.block-modal-upload__item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px
}

@media (color-index:48) {
    .select2-container--default .select2-selection--single {
        background-color: #6b6b6b;
        border: 1px solid #000
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #9f9f9f
    }
}

.version-input {
    height: 40px
}

.link-lang-block {
    border-bottom: 1px solid #6b6b6b
}

.js-lang-tab {
    position: relative;
    padding: 4px 8px;
    outline: 0;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-transform: uppercase;
    background-color: #aaa;
    border-radius: 4px 10px 0 0;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    z-index: 0;
    overflow: hidden;
    transition: all .3s cubic-bezier(.02, .01, .47, 1)
}

@media (color-index:48) {
    .js-lang-tab {
        background-color: #333
    }
}

.js-lang-tab:hover,
.wrapper-forum a:hover {
    text-decoration: none
}

.active::after,
.active::before,
.js-lang-tab::after,
.js-lang-tab::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    z-index: -1;
    transform: translate(100%, -25%) translate3d(0, 0, 0)
}

.js-lang-tab::after,
.js-lang-tab::before {
    opacity: 0;
    transition: transform .15s cubic-bezier(.02, .01, .47, 1), opacity .15s cubic-bezier(.02, .01, .47, 1)
}

.active::after,
.active::before,
.js-lang-tab:hover::after,
.js-lang-tab:hover::before {
    opacity: .15;
    transition: transform .2s cubic-bezier(.02, .01, .47, 1), opacity .2s cubic-bezier(.02, .01, .47, 1)
}

.active::before,
.js-lang-tab:hover::before {
    transform: translate3d(50%, 0, 0) scale(.9)
}

.active::after,
.js-lang-tab:hover::after {
    transform: translate(50%, 0) scale(1.1)
}

.active {
    border-left: 1px solid #6b6b6b
}

.customCheckBoxModal {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    justify-content: center;
    margin: 0 auto 15px;
    text-transform: uppercase;
    height: 36px;
    line-height: 34px;
    padding: 0 15px;
    font-weight: 500;
    text-align: center;
    background-color: transparent;
    border: 1px solid #d5d4d4;
    border-radius: 4px;
    box-sizing: border-box;
    transition: all 300ms ease-out;
    cursor: pointer
}

@media (color-index:48) {
    .customCheckBoxModal {
        border: 1px solid #414141
    }
}

.customCheckBoxModal svg {
    fill: #0ba40b
}

.customCheckBoxModalInput,
.modal-files-block {
    display: none
}

.customCheckBoxModalInput:checked+.modal-files-block {
    display: block
}

.block-remove-additional {
    display: flex;
    gap: 10px
}

.btn-remove-additional {
    border: 0;
    border-radius: 2px;
    display: flex;
    align-items: center;
    padding: 6px 8px;
    cursor: pointer
}

.btn-remove-additional__green {
    border: 1px solid #0ba40b;
    fill: #0ba40b;
    transition: all .3s
}

.btn-remove-additional__green:hover {
    fill: #fff;
    background-color: #0ba40b
}

.btn-remove-additional__red {
    border: 1px solid #fc0505;
    fill: #fc0505;
    transition: all .3s
}

.btn-remove-additional__red:hover {
    fill: #fff;
    background-color: #fc0505
}

.btn-remove-additional svg {
    width: 12px;
    height: 12px
}

.publication-wrapper {
    min-height: 75vh;
    box-shadow: 0 0 7px rgba(3, 3, 3, .06);
    border-radius: 5px 0 0 0;
    background-color: #fff
}

@media (max-width:1024px) {
    .publication-wrapper {
        border-radius: 5px
    }
}

@media (max-width:767px) {
    .publication-wrapper {
        border-radius: 0;
        box-shadow: none
    }
}

@media (color-index:48) {
    .publication-wrapper {
        background-color: #191919
    }
}

.publication-stats {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 15px;
    color: #b0aeae
}

@media (max-width:767px) {
    .publication-stats {
        white-space: nowrap;
        margin-left: 10px
    }

    .publication-stats__item {
        font-size: 71.5%
    }
}

.publication-stats__item+.publication-stats__item {
    margin: 0 0 0 10px
}

.publication-stats__item svg {
    width: 14px;
    height: 12px;
    margin: 0 5px -2px 0;
    fill: #b0aeae
}

.publication-actions {
    display: flex;
    flex-direction: row;
    margin-left: auto
}

.publication-title {
    margin: 25px 0;
    font-size: 285.725%;
    font-weight: 700;
    line-height: normal
}

@media (max-width:767px) {
    .publication-title {
        margin: 15px 0;
        font-size: 157.5%
    }
}

.publication-content {
    min-height: 75vh;
    box-shadow: 0 0 7px rgba(3, 3, 3, .06);
    border-radius: 5px 0 0 0;
    background-color: #fff
}

@media (max-width:1024px) {
    .publication-content {
        border-radius: 5px
    }
}

@media (max-width:767px) {
    .publication-content {
        border-radius: 0;
        box-shadow: none
    }
}

@media (color-index:48) {
    .publication-content {
        background-color: #191919
    }
}

.publication-content blockquote,
.publication-content q {
    border-left: solid #00c02a 7px;
    margin: 6px;
    padding: 10px;
    color: #000;
    font-style: italic;
    background-color: #f2f1f1;
    display: block
}

@media (color-index:48) {

    .publication-content blockquote,
    .publication-content q {
        color: #bababa;
        background-color: #1f1f1f
    }
}

.publication-content p img {
    display: block;
    margin: 0 auto;
    width: 100%
}

@media (max-width:1024px) {
    .publication-content p img {
        height: auto
    }
}

.publication-content .block-attention,
.publication-content pre {
    border-left: solid #7934bc 7px;
    margin: 6px;
    padding: 10px;
    color: #000;
    background-color: #f2f1f1;
    display: block;
    white-space: pre-wrap
}

@media (color-index:48) {
    .publication-content pre {
        color: #bababa;
        background-color: #1f1f1f
    }
}

.publication-content ol {
    margin-left: 0;
    counter-reset: li
}

.publication-content ol li {
    position: relative;
    margin-bottom: 6px;
    padding: 10px 0 10px 1em;
    background-color: #f2f1f1
}

@media (color-index:48) {
    .publication-content ol li {
        color: #bababa;
        background-color: #1f1f1f
    }
}

.publication-content ol li:before {
    padding: 10px 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1.5em;
    width: 1.875em;
    text-align: center;
    color: #00c02a;
    font-weight: 700;
    background-color: #f2f1f1;
    border-bottom-left-radius: 70em;
    border-top-left-radius: 70em;
    counter-increment: li;
    content: counter(li)
}

@media (color-index:48) {
    .publication-content ol li:before {
        color: #00c02a;
        background-color: #1f1f1f
    }
}

.publication-content ol,
.publication-content ul {
    list-style: none;
    padding: inherit
}

.publication-content ul li {
    position: relative;
    padding: 10px 0;
    cursor: pointer
}

@media (color-index:48) {
    .publication-content ul li {
        color: #bababa
    }
}

.publication-content li img {
    width: 100%
}

.publication-content ul li:before {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00c02a;
    content: "";
    left: -17px;
    transition: .3s ease-in-out;
    top: 18px
}

.publication-content ul li:after {
    position: absolute;
    border-left: 1px dotted #bababa;
    width: 1px;
    bottom: -8px;
    content: "";
    left: -14px;
    top: 31px
}

.publication-content .block-attention {
    border-left: solid #fd1959 7px
}

@media (color-index:48) {
    .publication-content .block-attention {
        color: #bababa;
        background-color: #1f1f1f
    }
}

.publication-content .block-attention:before {
    content: '!';
    font-size: 2em;
    margin-right: 7px;
    vertical-align: -9px;
    float: right;
    font-style: italic;
    margin-bottom: 10px;
    color: #fd1959
}

.string-end-selection-games {
    text-align: center;
    color: #e05f01;
    padding-top: 6px
}

.auth-wrapper {
    padding: 1px 0 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 7px rgba(3, 3, 3, .06)
}

@media all and (max-width:767px) {
    .auth-wrapper {
        margin: 0 -5px;
        padding: 1px 5px 0;
        border-radius: 0;
        box-shadow: 0
    }
}

.auth-form,
.auth-inner {
    width: 100%;
    margin: 0 auto
}

.auth-inner {
    max-width: 1000px;
    padding: 0 0 120px
}

.auth-form {
    max-width: 360px
}

.auth-form__passwords-group,
.auth-form__row {
    position: relative
}

.auth-form__row::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 15px;
    height: 15px;
    background-size: 100% 100% !important;
    opacity: .2;
    content: ''
}

@media (color-index:48) {
    .auth-form__row::before {
        left: 10px
    }
}

.auth-form__row_type_login::before {
    background: url(../images/sprite-source/icon-user.svg) center no-repeat
}

@media (color-index:48) {
    .auth-form__row_type_login::before {
        filter: invert(75%)
    }
}

.auth-form__row_type_password::before {
    background: url(../images/sprite-source/icon-lock.svg) center no-repeat
}

@media (color-index:48) {
    .auth-form__row_type_password::before {
        filter: invert(75%)
    }
}

.auth-form__row_type_email::before {
    background: url(../images/sprite-source/icon-envelopment.svg) center no-repeat
}

@media (color-index:48) {
    .auth-form__row_type_email::before {
        filter: invert(75%)
    }
}

.auth-form__row .form__validation {
    width: 100%
}

.auth-form__passwords-group::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    width: calc(100% + 20px);
    height: 105px;
    background-color: #fbfbfb;
    content: ''
}

@media (color-index:48) {
    .auth-form__passwords-group::before {
        background-color: #141414
    }
}

.auth-form__passwords-group .auth-form__input {
    background-color: transparent
}

.auth-form__passwords-group .auth-form__password-toggler {
    margin-left: 20px
}

.auth-form__input {
    width: 100%;
    padding: 0 25px;
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 0;
    height: 58px;
    box-sizing: border-box;
    transition: all 300ms ease
}

@media (color-index:48) {
    .auth-form__input {
        padding-left: 35px;
        border-bottom-color: #393939
    }
}

.auth-form__input:focus {
    outline: 0;
    border-color: #999
}

.auth-form__password-toggler {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0 0 0 10px;
    border: 1px solid #c6c6c6;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 0 0 0 2px #fff;
    cursor: pointer;
    transition: all 300ms ease
}

@media (max-width:767px) {
    .auth-form__password-toggler {
        left: inherit;
        right: 5px
    }
}

@media (color-index:48) {
    .auth-form__password-toggler {
        border: 1px solid #141414;
        background-color: #1d1d1d;
        box-shadow: 0 0 0 2px #393939
    }
}

.auth-form__password-toggler svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #c6c6c6;
    transition: all 300ms ease
}

.auth-form__password-toggler:hover {
    border-color: #999
}

.auth-form__password-toggler:hover svg {
    fill: #999
}

.auth-form__hide-checkbox {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 0 0 20px
}

.auth-form__button {
    display: block;
    height: 52px;
    line-height: 52px;
    margin: 30px auto 40px;
    padding: 0 40px
}

.auth-form__button-inner {
    display: flex;
    flex-direction: row;
    align-items: center
}

.auth-form__button-inner svg {
    margin: 0 20px 0 0
}

.auth-form__button_type_login {
    fill: #09c009
}

.auth-form__button_type_register {
    fill: #0a90d5
}

.auth-form__bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 190px;
    margin: 0 auto
}

.auth-form__bottom a {
    font-size: 90%;
    color: #8c8b8b
}

.login__divider {
    position: relative;
    display: block;
    margin: 50px 0;
    text-align: center
}

.login__divider::before {
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
    content: ''
}

@media (color-index:48) {
    .login__divider::before {
        background-color: #393939
    }
}

.login__divider-inner {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 30px;
    background-color: #fff;
    color: #494949
}

@media (color-index:48) {
    .login__divider-inner {
        background-color: #1d1d1d;
        color: #919191
    }
}

.openid__wrapper {
    width: 100%;
    max-width: 320px;
    margin: 0 auto
}

.openid__item+.openid__item {
    margin: 10px 0 0
}

.openid__button {
    width: 100%;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    outline: 0;
    background: no-repeat;
    text-transform: uppercase;
    font-size: 80%;
    color: #676767;
    cursor: pointer;
    transition: all 300ms ease
}

@media (color-index:48) {
    .openid__button {
        border: 1px solid #393939;
        color: #919191
    }
}

.openid__button svg {
    transition: all 300ms ease
}

.openid__button:hover {
    color: #fff
}

.openid__button:hover svg {
    fill: #fff
}

.openid__button-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 42px;
    padding: 0 20px
}

.openid__button_type_google svg {
    fill: #dd4b39
}

.openid__button_type_google:hover {
    background-color: #dd4b39;
    border-color: #dd4b39
}

.openid__button_type_vkontakte svg {
    fill: #5579a0
}

.openid__button_type_vkontakte:hover {
    background-color: #5579a0;
    border-color: #5579a0
}

.openid__button_type_twitch svg {
    fill: #6441a5
}

.openid__button_type_twitch:hover {
    background-color: #6441a5;
    border-color: #6441a5
}

.openid__button_type_facebook svg {
    fill: #3c599d
}

.openid__button_type_facebook:hover {
    background-color: #3c599d;
    border-color: #3c599d
}

.openid__button_type_microsoft svg {
    fill: #00a1f1
}

.openid__button_type_microsoft:hover {
    background-color: #00a1f1;
    border-color: #00a1f1
}

.openid__button_type_yandex svg {
    fill: #d10104
}

.openid__button_type_yandex:hover {
    background-color: #d10104;
    border-color: #d10104
}

.openid__icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 20px 0 0;
    text-align: center
}

.openid__icon svg {
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.my__top-switcher {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 50%;
    font-size: 80%
}

@media (min-width:768px) {
    .my__top-switcher {
        flex-direction: row;
        align-items: center;
        width: auto;
        margin-bottom: 0;
        padding-left: 50px;
        padding-right: 50px
    }
}

.my__top-select {
    width: 100%;
    max-width: 200px
}

.my__top-select select {
    height: 32px
}

.my__top-select::after {
    top: 14px
}

.my__top-label {
    display: none;
    margin-right: 10px;
    margin-bottom: 5px
}

@media (min-width:768px) {
    .my__top-label {
        display: block;
        margin-bottom: 0
    }
}

.my__content {
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width:768px) {
    .my__content {
        padding-left: 50px;
        padding-right: 50px
    }
}

.my-comments__item+.my-comments__item {
    margin-top: 10px
}

.b-message {
    border: 1px solid #d5d4d4;
    border-radius: 5px
}

.b-message:hover,
.b-message_state_checked {
    background-color: #efefef
}

@media (color-index:48) {

    .b-message:hover,
    .b-message_state_checked {
        background-color: #1d1d1d
    }
}

.b-message:hover .b-message__controls,
.b-message:hover .b-message__remove {
    visibility: visible
}

.b-message_type_my {
    position: relative;
    display: flex;
    flex-direction: row;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #d5d4d4
}

@media (color-index:48) {
    .b-message_type_my {
        border-bottom: 1px solid #393939
    }
}

.b-message_type_my:hover {
    background: #f5f5f5
}

@media (color-index:48) {
    .b-message_type_my:hover {
        background: #141414
    }
}

.b-message_type_my:last-child {
    border: 0
}

@media all and (max-width:480px) {
    .b-message_type_my .b-message__user {
        position: absolute;
        left: 45px;
        top: 5px;
        padding: 0
    }

    .b-message_type_my .b-message__header {
        padding-left: 50px
    }
}

.b-message__list {
    border: 1px solid #d5d4d4
}

@media (color-index:48) {
    .b-message__list {
        border: 1px solid #141414
    }
}

.b-message__remove {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 10px;
    height: 10px;
    opacity: .75;
    cursor: pointer;
    visibility: hidden
}

.b-message__remove:hover {
    opacity: 1
}

.b-message__remove svg {
    width: 10px;
    height: 10px;
    vertical-align: top;
    fill: #888
}

.b-message__checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 7px;
    background-color: #eae8e8
}

@media (color-index:48) {
    .b-message__checkbox {
        background-color: #1d1d1d
    }
}

.b-message__inner {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 10px;
    box-sizing: border-box
}

.b-message__header {
    margin: 0 0 5px;
    font-size: 86%;
    color: #bcbbbb
}

@media (color-index:48) {
    .b-message__header {
        color: #606060
    }
}

.b-message__user {
    position: relative;
    padding: 10px 10px 10px 15px
}

.b-message__user-picture {
    position: relative;
    top: 4px;
    display: inline-block
}

.b-message__user-picture img {
    width: 36px;
    height: 36px;
    vertical-align: bottom
}

.b-message__feedback {
    position: absolute;
    left: -10px;
    bottom: -10px;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    border: 2px solid #fff
}

.b-message__feedback_type_like {
    background: url(../images/sprite-source/icon-up-arrow.svg) center 3px no-repeat #03ab03;
    background-size: 8px 8px
}

.b-message__feedback_type_dislike {
    background: url(../images/sprite-source/icon-down-arrow.svg) center 4px no-repeat #f93305;
    background-size: 8px 8px
}

.b-message__feedback_type_reply {
    background: url(../images/sprite-source/icon-status-reply.svg) center center no-repeat #f97205;
    background-size: 8px 8px
}

.b-message__feedback_type_friend {
    background: url(../images/sprite-source/icon-status-plus.svg) center center no-repeat #0a90d5;
    background-size: 8px 8px
}

.b-message__holder,
.my-settings__input-row input {
    width: 100%
}

.b-message__img {
    display: block;
    width: 100%;
    border-radius: 3px
}

.b-message__name {
    display: inline-block;
    margin: 0 3px 0 0;
    color: #908f8f;
    font-weight: 700
}

.b-message__time {
    margin: 0 0 0 10px
}

@media all and (max-width:767px) {
    .b-message__time {
        display: block;
        margin: 0
    }
}

.b-message__counter {
    float: right;
    color: #888
}

.b-message__counter-icon svg {
    width: 12px;
    height: 12px;
    vertical-align: middle;
    fill: #888
}

.b-message__common-question,
.b-message__num {
    display: block;
    margin: -4px 0 1px;
    font-size: 30px;
    line-height: 30px
}

.b-message__common-question {
    position: relative;
    width: 30px;
    height: 30px;
    text-align: center;
    margin: 0 0 5px 4px;
    border: 2px solid #0a90d5;
    border-radius: 100%;
    font-size: 18px;
    font-weight: 700
}

.b-message__common-question svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    fill: #0a90d5
}

.b-message__par {
    width: 40px;
    margin: 3px 15px 0 0;
    color: #0a90d5;
    font-size: 80%;
    line-height: 13px;
    text-transform: uppercase;
    text-align: center
}

.b-message__text {
    margin: 0;
    line-height: 19px;
    white-space: normal
}

@media all and (max-width:480px) {
    .b-message__text {
        word-break: break-word
    }
}

.b-message__text+.b-message__answer {
    margin: 10px 0 0;
    padding: 0 0 0 20px
}

.b-message__text-highlight {
    background-color: #98c43b
}

.b-message__text-type {
    color: #908f8f
}

.b-message__answer {
    position: relative;
    white-space: normal
}

.b-message__answer-icon {
    position: absolute;
    left: 0;
    top: -5px
}

.b-message__answer-icon svg {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    fill: #908f8f;
    stroke: #908f8f;
    stroke-width: 3px
}

.b-message_state_active {
    border-radius: 5px 5px 0 0;
    background: linear-gradient(to bottom, #fff 0, #ececec 100%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .13)
}

.b-message_state_active .b-message__counter-icon svg {
    fill: #fc8424
}

.b-message_state_active.b-message_type_company {
    background-color: #f5fcff
}

.b-message_state_active:before,
.b-message_state_active:hover:before {
    background: url(../images/sprite.png) no-repeat -287px -348px;
    width: 16px;
    height: 10px
}

.b-message_type_company .b-message__inner {
    border-color: #b7ddf1;
    background-color: #f5fcff
}

.b-message_type_company .b-message__name {
    color: #0a90d5
}

.b-message__controls {
    flex: 1;
    margin: 5px 0 0;
    visibility: hidden;
    font-size: 86%
}

@media all and (max-width:767px) {
    .b-message__controls {
        visibility: visible
    }
}

.b-message__controls-item {
    display: inline-block
}

.b-message__controls-button {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0
}

.b-message__controls-button svg {
    fill: #888
}

.where-message {
    font-size: 10px;
    border: 0;
    border-radius: 4px;
    padding: 2px 3px;
    color: #515151;
    background-color: #ededed
}

@media (color-index:48) {
    .where-message {
        background-color: #191919;
        color: #606060
    }
}

.messages {
    padding: 20px 0
}

.messages-heading {
    display: flex;
    flex-direction: row;
    align-items: center
}

@media (max-width:767px) {
    .messages-heading {
        padding: 0 5px
    }
}

.messages-heading .content-title {
    margin-right: 20px
}

.messages-heading__button {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid #dadada;
    border-radius: 3px;
    cursor: pointer;
    transition: all 300ms ease-in-out
}

@media (color-index:48) {
    .messages-heading__button {
        border: 1px solid #141414
    }
}

.messages-heading__button svg {
    width: 22px;
    height: 22px;
    fill: #a1a0a0;
    transition: all 300ms ease-in-out
}

.messages-heading__button:hover {
    background-color: #a1a0a0;
    border-color: #a1a0a0
}

.messages-heading__button:hover svg {
    fill: #fff
}

.messages-wrapper {
    padding: 0 60px 0 70px
}

@media (max-width:767px) {
    .messages-wrapper {
        padding: 0 5px
    }
}

.messages-top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 20px
}

@media (min-width:768px) {
    .messages-top {
        justify-content: flex-end;
        flex-wrap: nowrap
    }
}

.messages-top .button {
    margin: 5px;
    padding: 0 7px;
    font-size: 80%
}

.messages-top__button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 10px
}

@media (min-width:768px) {
    .messages-top__button {
        width: auto;
        margin-top: 0;
        margin-left: 10px
    }
}

@media all and (max-width:480px) {
    .messages-top__button-text {
        display: none
    }
}

.messages-top__button-icon svg {
    width: 15px;
    height: 15px;
    fill: #494949
}

.messages-top__select-all {
    margin-left: 7px;
    margin-right: auto;
    font-size: 80%
}

@media all and (max-width:480px) {
    .messages-top__select-all {
        margin: 0 auto 0 6px;
        width: 100%
    }
}

.messages-top__select-all input[type=checkbox]+label:before {
    vertical-align: inherit;
    margin: 0 7px -5px 0
}

@media all and (max-width:480px) {
    .messages-top__select-all input[type=checkbox]+label:before {
        margin-right: 0
    }
}

.profile_type_premium .profile-avatar__picture {
    box-shadow: 0 0 0 3px #efb63f
}

.profile_type_premium .profile-nick {
    color: #e5b342
}

.profile-inner {
    margin: 0 0 30px;
    padding: 30px 50px
}

@media all and (max-width:767px) {
    .profile-inner {
        padding: 20px 5px
    }
}

.profile-avatar {
    position: relative
}

.profile-avatar__picture {
    width: 100%;
    border-radius: 10px
}

.profile-avatar--mobile {
    display: none;
    margin-right: 20px
}

@media all and (max-width:1024px) {
    .profile-avatar--mobile {
        display: block
    }
}

.profile-avatar--mobile .profile-avatar__picture {
    width: 90px;
    height: 90px
}

.profile-avatar--sidebar {
    width: 170px;
    margin: 40px auto
}

.profile-avatar__button {
    width: 100%;
    margin-top: 20px
}

.profile-avatar__button svg {
    fill: #49a02f
}

.profile-status {
    position: absolute;
    top: -5px;
    right: -5px;
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%
}

@media (min-width:768px) {
    .profile-status {
        top: -10px;
        right: -10px;
        width: 20px;
        height: 20px;
        border: 3px solid #fff
    }
}

.profile-status__vip {
    fill: #ffbf41;
    width: 25px;
    height: 25px
}

.profile-status--green {
    background-color: #0ba40b
}

.profile-status--red {
    background-color: #fc0505
}

.profile-status--orange {
    background-color: #fe8401
}

.profile-actions {
    margin: 15px 0 35px
}

.profile-actions__button {
    width: 100%;
    text-align: left;
    font-size: 80%
}

.profile-actions__button+.profile-actions__button {
    margin: 10px 0 0
}

.profile-actions__button svg {
    margin: 0 10px -1px 0
}

@media all and (max-width:767px) {
    .profile-actions__button svg {
        margin-right: 5px
    }
}

.profile-actions__button_type_friends svg {
    fill: #0ba40b
}

.profile-actions__button_type_messages svg {
    fill: #0a90d5
}

.profile-actions_type_mobile {
    display: none
}

@media all and (max-width:767px) {
    .profile-actions_type_mobile {
        display: block;
        margin-bottom: 10px
    }
}

.profile-actions_type_mobile .profile-actions__button {
    display: block;
    width: 49%;
    margin: 0;
    padding: 0 5px
}

.profile-actions_type_mobile .profile-contacts__label svg {
    vertical-align: middle
}

.profile-contacts {
    margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 1px solid #e8e8e8
}

@media (max-width:767px) {
    .profile-contacts {
        width: 49%;
        border: 0
    }
}

@media (color-index:48) {
    .profile-contacts {
        border-bottom: 1px solid #393939
    }
}

.profile-contacts__item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 90%
}

@media all and (max-width:767px) {
    .profile-contacts__item {
        justify-content: flex-start
    }
}

.profile-contacts__item+.profile-contacts__item {
    margin: 7px 0 0
}

.profile-contacts__label {
    position: relative;
    width: 180px;
    padding: 0 0 0 20px;
    color: #494949
}

@media all and (max-width:767px) {
    .profile-contacts__label {
        width: 20px;
        padding: 0
    }
}

.profile-contacts__label svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    fill: #c7c7c7
}

.profile-contacts__control {
    width: 60%;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis
}

@media all and (max-width:767px) {
    .profile-contacts__control {
        width: 90%;
        text-align: left
    }
}

.profile-contacts_type_mobile {
    display: none
}

@media all and (max-width:767px) {
    .profile-contacts_type_mobile {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        margin: 15px 0 0
    }

    .profile-social {
        width: 49%
    }

    .profile-social li+li {
        margin-top: 7px
    }
}

.profile-heading {
    display: flex;
    padding: 25px 0
}

.profile-heading__logout {
    font-size: 115%;
    font-weight: 700;
    color: #d5271c;
    margin-left: auto
}

.profile-nick {
    margin: 0 0 10px;
    font-size: 257.5%;
    font-weight: 700
}

@media all and (max-width:767px) {
    .profile-nick {
        margin: 0;
        font-size: 157.5%
    }
}

.profile-block {
    padding: 25px 0;
    border-top: 1px solid #e8e8e8
}

@media (color-index:48) {
    .profile-block {
        border-top: 1px solid #393939
    }
}

.profile-block__title {
    margin: 0 0 15px;
    font-size: 150%;
    font-weight: 700
}

@media (color-index:48) {
    .profile-block p {
        color: #919191
    }
}

.profile-stats {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width:768px) {
    .profile-stats {
        flex-direction: row
    }
}

.profile-stats__item {
    flex: 1
}

.profile-stats__item+.profile-stats__item {
    margin-top: 20px
}

@media (min-width:768px) {
    .profile-stats__item+.profile-stats__item {
        margin-top: 0;
        margin-left: 20px
    }
}

.profile-stats__label {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #0a0a0a
}

@media (color-index:48) {
    .profile-stats__label {
        color: #bababa
    }
}

.profile-stats__label-number {
    font-size: 120%;
    font-weight: 700
}

.profile-stats__icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    fill: #b0aeae
}

.profile-stats__bar {
    width: 100%;
    height: 4px;
    border-radius: 50px;
    overflow: hidden;
    background-color: #ebebeb
}

@media (color-index:48) {
    .profile-stats__bar {
        background-color: #606060
    }
}

.profile-stats__bar-inner {
    height: 4px;
    background-color: #4aa230
}

.profile-gadgets__item {
    margin: 0 0 25px
}

.profile-gadgets__item a {
    margin: 0 5px 0 0
}

.profile-gadgets__picture {
    float: left;
    margin: 5px 15px 0 0;
    width: 42px
}

.profile-gadgets__name {
    font-size: 125%;
    font-weight: 700;
    color: #494949;
    margin: 0 0 4px
}

@media (color-index:48) {
    .profile-gadgets__name {
        color: #bababa
    }
}

.profile-gadgets__cpu {
    margin: 0 0 0 5px
}

.profile-gadgets__cpu_type_adreno {
    color: #fd1959
}

.profile-gadgets__cpu_type_mali {
    color: #0a90d5
}

.profile-gadgets__cpu_type_tegra {
    color: #0ba40b
}

.profile-gadgets__history-button {
    font-size: 80%
}

.profile-gadgets__history-button svg {
    margin: 0 8px -4px 0;
    fill: #ff7f18
}

@media (min-width:768px) {
    .profile-achievements {
        justify-content: space-between
    }
}

.profile-achievements__item {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    padding: 15px 20px;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #f7f7f7
}

.profile-achievements {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:768px) {
    .profile-achievements {
        justify-content: space-between
    }
}

@media (color-index:48) {
    .profile-achievements__item {
        background-color: #1f1f1f
    }
}

@media (min-width:768px) {
    .profile-achievements__item+.profile-achievements__item {
        margin-top: 0
    }
}

.profile-achievements__label {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    padding: 15px 20px;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #f7f7f7
}

@media (min-width:768px) {
    .profile-achievements__label {
        width: calc(50% - 10px)
    }
}

.profile-achievements__icon {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    fill: #b0aeae
}

.profile-achievements__body {
    flex-grow: 1
}

.profile-achievements__title {
    line-height: 1
}

.profile-achievements__progress {
    display: flex;
    align-items: center
}

.profile-achievements__bar {
    position: relative;
    display: flex;
    width: 100%
}

.profile-achievements__bar-cell {
    position: relative;
    width: calc(100%/5);
    height: 6px;
    background-color: #e8e8e8
}

@media (color-index:48) {
    .profile-achievements__bar-cell {
        background-color: #606060
    }
}

.profile-achievements__bar-cell+.profile-achievements__bar-cell::before {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #c1c1c1;
    content: ''
}

.profile-achievements__bar-cell--active {
    background-color: #4aa130;
    z-index: 2
}

.profile-achievements__bar-cell--active+.profile-achievements__bar-cell--active::before {
    background-color: #1f1f1f;
    content: '';
    width: 3px
}

.profile-achievements__bar-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #d6d6d6
}

.profile-achievements__total {
    margin-left: 10px;
    font-weight: 700;
    color: #9e9e9e
}

.blockbtn__btn {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #0a90d5;
    padding: 2px;
    background-color: transparent;
    border: 1px solid #d5d4d4;
    border-radius: 4px
}

@media (color-index:48) {
    .blockbtn__btn {
        border: 1px solid #606060
    }
}

.blockbtn__btn:hover {
    background-color: rgba(130, 126, 127, .1);
    text-decoration: none
}

.block-all-gadget {
    text-align: center
}

.block-all-gadget__btn {
    font-family: Tahoma;
    position: relative;
    top: 17px;
    z-index: 10;
    font-size: 12px;
    color: #1f1f1f;
    width: 165px;
    height: 36px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 17px
}

@media (color-index:48) {
    .block-all-gadget__btn {
        background-color: #1f1f1f;
        border: 1px solid #606060;
        color: #bbbaba
    }
}

.block-all-gadget__btn:active {
    background: #e8e8e8
}

@media (color-index:48) {
    .block-all-gadget__btn:active {
        background: #606060
    }
}

.line {
    border-bottom: 1px solid #e8e8e8
}

@media (color-index:48) {
    .line {
        border-bottom: 1px solid #606060
    }
}

.profile-stats-payment {
    display: block;
    text-align: center;
    color: #606060;
    margin: -10px 0 4px
}

.profile-stats-control-karma {
    display: flex;
    font-size: 14px
}

.my-settings__heading {
    margin-left: 50px
}

@media (max-width:767px) {
    .my-settings__heading {
        margin-left: 5px
    }
}

.my-settings__block {
    margin: 0 25px;
    padding: 0 25px;
    border-top: 1px solid #ccc;
    transition: all 300ms ease-in-out
}

@media (max-width:767px) {
    .my-settings__block {
        margin: 0 5px;
        padding: 0
    }
}

@media (color-index:48) {
    .my-settings__block {
        border-top: 1px solid #393939
    }
}

.my-settings__block:after,
.my-settings__block:before {
    visibility: hidden;
    transition: all 300ms ease-in-out
}

.my-settings__block_no_padding {
    padding: 0
}

.my-settings__block_state_editable {
    position: relative;
    transition: all 300ms ease-in-out;
    background-color: #f3f3f3;
    box-shadow: 25px 0 0 0 #f3f3f3, -25px 0 0 0 #f3f3f3
}

@media (color-index:48) {
    .my-settings__block_state_editable {
        background-color: #1d1d1d;
        box-shadow: 25px 0 0 0 #1d1d1d, -25px 0 0 0 #1d1d1d
    }
}

.my-settings__block_state_editable::after,
.my-settings__block_state_editable::before {
    position: absolute;
    left: -25px;
    visibility: visible;
    width: 100%;
    width: calc(100% + 50px);
    height: 1px;
    transition: all 300ms ease-in-out;
    content: ''
}

.my-settings__block_state_editable::before {
    background-color: #ccc;
    top: -1px
}

@media (color-index:48) {
    .my-settings__block_state_editable::before {
        background-color: #393939
    }
}

.my-settings__block_state_editable::after {
    background-color: #f3f3f3;
    bottom: -1px
}

@media (color-index:48) {
    .my-settings__block_state_editable::after {
        background-color: #393939
    }
}

.my-settings__block_state_editable .my-settings__big-avatar {
    cursor: pointer
}

@media (max-width:767px) {
    .my-settings__edit-text {
        display: none
    }
}

.my-settings__edit-icon {
    display: none;
    fill: currentColor
}

@media (max-width:767px) {
    .my-settings__edit-icon {
        display: inline-block
    }
}

.my-settings__edit-icon_type_pencil {
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border: 1px solid currentColor;
    border-radius: 50%;
    box-sizing: border-box
}

@media (max-width:767px) {
    .my-settings__edit-icon_type_pencil {
        display: flex
    }
}

.my-settings__row {
    display: flex;
    flex-direction: row;
    padding: 30px 0
}

@media (max-width:767px) {
    .my-settings__row {
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 15px 0
    }
}

.my-settings__row_type_avatars {
    padding: 15px 0 0
}

.my-settings__row-label {
    width: 40%;
    font-size: 115%
}

@media (max-width:767px) {
    .my-settings__row-label {
        width: 100%;
        margin: 0 0 10px;
        font-size: 100%;
        font-weight: 700;
        line-height: 1.4;
        color: #666
    }
}

.my-settings__row-control {
    width: 40%
}

@media (max-width:767px) {
    .my-settings__row-control {
        width: 90%
    }
}

.my-settings__row-action {
    width: 20%;
    padding: 0 0 0 25px;
    box-sizing: border-box
}

@media (max-width:767px) {
    .my-settings__row-action {
        width: 20px;
        padding: 0
    }
}

.my-settings__input-row+.my-settings__input-row {
    margin: 20px 0 0
}

.my-settings__input-row select {
    color: #1f1f1f
}

.my-settings__avatars {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.my-settings__avatars-item {
    margin: 0 5px 15px 0
}

.my-settings__main-avatar {
    position: relative;
    float: left
}

.my-settings__main-avatar svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    padding: 0 7px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer;
    fill: #ebebeb
}

.my-settings__remove-avatar {
    position: absolute;
    right: 15px;
    top: 5px;
    width: 15px;
    height: 15px;
    fill: #dfdfdf;
    cursor: pointer;
    transition: all 300ms ease-in-out
}

.my-settings__remove-avatar:hover {
    fill: #333
}

.my-settings__big-avatar {
    width: 115px;
    height: 115px;
    margin: 0 10px 15px 0;
    vertical-align: bottom
}

.my-settings__small-avatar {
    width: 50px;
    height: 50px;
    vertical-align: bottom
}

.my-settings__save-button {
    height: 25px;
    vertical-align: top;
    line-height: 1
}

@media (max-width:767px) {
    .my-settings__save-button {
        width: 100%;
        margin: 10px 0 0
    }
}

.my-settings__textarea {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    box-sizing: border-box
}

.add-gadget__form,
.add-gadget__item {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.add-gadget__form {
    margin-bottom: 10px
}

.add-gadget__item+.add-gadget__item {
    margin-top: 5px
}

.add-gadget__input,
.add-gadget__title {
    width: 90%
}

.add-gadget__title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.add-gadget__button {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    border: 0;
    outline: 0;
    border-radius: 50px;
    background-color: #0ba40b;
    cursor: pointer;
    transition: all 300ms ease-in-out
}

.add-gadget__button:hover,
.add-gadget__mover:hover {
    opacity: .6
}

.add-gadget__button svg {
    vertical-align: top;
    width: 7px;
    height: 7px;
    fill: #fff
}

.add-gadget__button_type_remove {
    background-color: #f93305
}

.add-gadget__button_type_remove svg {
    width: 5px;
    height: 5px
}

.add-gadget__mover {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    transition: all 300ms ease-in-out;
    display: inline-block;
    height: 17px;
    width: 11px;
    margin: 0 17px 0 0;
    cursor: pointer
}

.add-gadget__mover svg {
    height: 17px;
    width: 11px;
    fill: #b0aeae
}

.my-notifications {
    padding: 25px 0
}

.my-notifications__wrapper {
    width: 100%
}

.my-notifications__item,
.my-notifications__item .my-settings__row-control,
.my-notifications__row {
    display: flex;
    flex-direction: row
}

.my-notifications__item {
    padding: 7px 25px
}

@media (max-width:767px) {
    .my-notifications__item {
        padding: 7px 0
    }
}

.my-notifications__label {
    position: relative;
    width: 40%
}

@media (max-width:767px) {
    .my-notifications__label {
        width: 40%;
        padding-right: 5px
    }
}

.my-notifications__question {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    text-align: center;
    border: 1px solid #d6d5d5;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 300ms ease-in-out;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: #b0aeae
}

.my-notifications__question:hover {
    border-color: #b0aeae;
    background-color: #b0aeae;
    color: #fff
}

.my-notifications__control {
    width: 33.333%;
    text-align: center
}

@media (max-width:767px) {
    .my-notifications__control {
        text-align: left
    }
}

.my-notifications__control_type_label {
    font-size: 86%
}

.button-switch {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.button-switch__radio {
    display: none
}

.button-switch__radio_yes:checked~.button-switch__label::before {
    background: #72da67 !important
}

@media (color-index:48) {
    .button-switch__radio_yes:checked~.button-switch__label::before {
        background: #0d8e00 !important
    }
}

.button-switch__radio_yes:checked~.button-switch__label_no::after {
    left: 21px;
    background: #fff
}

@media (color-index:48) {
    .button-switch__radio_yes:checked~.button-switch__label_no::after {
        background: #bababa
    }
}

.button-switch__radio_yes:checked~.button-switch__label_yes {
    color: #fff
}

.button-switch__label {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    transition: color .2s ease-in-out
}

.button-switch__label+.button-switch__label,
.likes-main-block[type=checkbox]+label {
    padding-left: 0
}

.button-switch__label::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px !important;
    width: 40px !important;
    margin: 0 !important;
    background: #f0f0f0 !important;
    border-radius: 1.5em !important;
    box-shadow: inset 0 .0715em .3572em rgba(43, 43, 43, .05) !important;
    transition: background .2s ease-in-out
}

@media (color-index:48) {
    .button-switch__label::before {
        background: #141414 !important
    }
}

.button-switch__label_no::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;
    pointer-events: none;
    box-shadow: 0 .1429em .2143em rgba(43, 43, 43, .2), 0 .3572em .3572em rgba(43, 43, 43, .1);
    transition: left .2s ease-in-out, background .2s ease-in-out
}

@media (color-index:48) {
    .button-switch__label_no::after {
        background: #bababa
    }
}

.button-switch__txt {
    position: relative;
    z-index: 2;
    display: inline-block;
    min-width: 1.5em;
    opacity: 1;
    pointer-events: none;
    transition: opacity .2s ease-in-out
}

.button-switch__radio_no:checked~.button-switch__label_yes .button-switch__txt,
.button-switch__radio_yes:checked~.button-switch__label_no .button-switch__txt {
    opacity: 0
}

.button-switch__radio_no:checked~.button-switch__label_yes:before,
.button-switch__radio_yes:checked~.button-switch__label_no:before {
    z-index: 1
}

.chat {
    margin-bottom: 50px;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:768px) {
    .chat {
        padding-left: 50px;
        padding-right: 40px
    }
}

.chat-heading {
    position: sticky;
    top: 0;
    padding: 10px 10px 20px;
    background-color: #fff;
    text-align: center
}

@media (min-width:768px) {
    .chat-heading {
        padding: 30px 10px 50px
    }
}

@media (color-index:48) {
    .chat-heading {
        background-color: #242424
    }
}

.chat-heading__nic {
    font-size: 18px;
    font-weight: 700;
    line-height: 1
}

.chat-heading__time {
    font-size: 12px;
    color: #a1a0a0
}

.chat-heading__actions {
    position: absolute;
    right: 10px;
    top: 12px;
    display: flex;
    flex-direction: row;
    align-items: center
}

@media (min-width:768px) {
    .chat-heading__actions {
        right: 50px
    }
}

.chat-heading__actions-item+.chat-heading__actions-item {
    margin-left: 10px
}

.chat-heading__action {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0
}

.chat-heading__action svg {
    fill: #9f9f9f
}

.chat-heading__action:active svg {
    fill: #00ab25
}

@media (hover:hover) {
    .chat-heading__action:hover svg {
        fill: #00ab25
    }
}

.chat-heading__action_type_forward svg {
    transform: scaleX(-1)
}

.chat-heading__action_type_lock svg {
    fill: #f84015
}

@media (hover:hover) {

    .chat-heading__action_type_lock:active svg,
    .chat-heading__action_type_lock:hover svg {
        fill: #f84015
    }
}

.chat-history {
    overflow: auto;
    margin-bottom: 30px
}

.chat-history_show_checkboxes .chat-message__action_type_checkbox {
    display: flex;
    visibility: visible
}

.chat-message {
    display: flex;
    flex-direction: row
}

.chat-message:last-child {
    padding-bottom: 115px
}

@media (hover:hover) {
    .chat-message:hover .chat-message__action {
        visibility: visible
    }
}

.chat-message+.chat-message {
    margin-top: 10px
}

@media (min-width:768px) {
    .chat-message+.chat-message {
        margin-top: 20px
    }
}

.chat-message .chat-reply__inner {
    padding: 0 5px
}

.chat-message_state_checked .chat-message__inner {
    background-color: #f5f4f4
}

@media (color-index:48) {
    .chat-message_state_checked .chat-message__inner {
        background-color: #1f1f1f
    }
}

.chat-message_type_incoming .chat-message__inner {
    background-color: #f5f4f4
}

@media (color-index:48) {
    .chat-message_type_incoming .chat-message__inner {
        background-color: #1f1f1f
    }
}

.chat-message_type_incoming .chat-message__avatar,
.chat-message_type_incoming .chat-message__nic {
    margin-right: 10px
}

.chat-message_type_outgoing {
    justify-content: flex-end
}

.chat-message_type_outgoing .chat-message__inner {
    flex-direction: row-reverse;
    background-color: #fdf1e5
}

@media (color-index:48) {
    .chat-message_type_outgoing .chat-message__inner {
        background-color: #141414
    }
}

.chat-message_type_outgoing .chat-message__avatar {
    margin-left: 10px
}

.chat-message_type_outgoing .chat-message__header {
    flex-direction: row-reverse
}

.chat-message_type_outgoing .chat-message__nic {
    margin-left: 10px
}

.chat-message_type_outgoing .chat-message__action {
    margin-left: auto
}

.chat-message__inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px
}

.chat-message__avatar {
    align-self: flex-start;
    flex-shrink: 0;
    width: 35px;
    border-radius: 5px
}

.chat-message__header {
    display: flex;
    flex-direction: row;
    align-items: center
}

.chat-message__nic {
    font-weight: 700;
    color: #898787
}

.chat-message__time {
    color: #acacac
}

.chat-message__text p {
    word-break: break-all
}

.chat-message__action {
    display: none;
    flex-direction: row;
    flex-shrink: 0;
    align-items: center;
    align-self: flex-start;
    justify-content: center;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    visibility: hidden
}

@media (min-width:768px) {
    .chat-message__action {
        display: flex
    }
}

.chat-message__action svg {
    fill: #9f9f9f
}

.chat-message__action:active svg {
    fill: #00ab25
}

@media (hover:hover) {
    .chat-message__action:hover svg {
        fill: #00ab25
    }
}

.chat-message__action_type_checkbox {
    position: relative
}

.chat-message__action_type_checkbox input[type=checkbox]+label:before {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.chat-reply {
    display: none
}

.chat-reply__header,
.chat-reply__inner {
    display: flex;
    flex-direction: row;
    align-items: center
}

.chat-reply__header {
    font-weight: 700;
    color: #898787
}

.chat-reply__header svg {
    margin-right: 10px;
    fill: currentColor
}

.chat-reply__inner {
    padding: 5px 10px;
    border-left: 2px solid #a1a0a0
}

.chat-reply__text {
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis
}

.chat-reply__cancel {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-left: auto;
    padding: 0;
    border: 0
}

.chat-reply__cancel svg {
    fill: #a9a9a9
}

.chat-context {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 10;
    display: none;
    width: 200px;
    padding: 10px 0;
    background-color: #fff;
    box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, .15);
    border: 1px solid #cfcfcf;
    cursor: pointer
}

.chat-context__button {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 36px;
    padding: 0 15px;
    border: 0;
    box-sizing: border-box;
    transition: all 300ms ease;
    font-size: 14px;
    cursor: pointer;
    color: #676767
}

.chat-context__button svg {
    margin-right: 10px;
    fill: #b0aeae;
    transition: all 300ms ease
}

@media (hover:hover) {
    .chat-context__button:hover {
        text-decoration: none;
        background-color: #cfcfcf;
        color: #fff
    }

    .chat-context__button:hover svg {
        fill: #fff
    }
}

.chat-context__button:active {
    text-decoration: none;
    background-color: #cfcfcf;
    color: #fff
}

.chat-context__button:active svg {
    fill: #fff
}

.chat-typewriter {
    position: sticky;
    bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
    background-color: #fff
}

@media (color-index:48) {
    .chat-typewriter {
        background-color: #242424
    }
}

.chat-typewriter__holder,
.chat-typewriter__inner {
    display: flex;
    flex-direction: row;
    align-items: center
}

.chat-typewriter__inner {
    padding-top: 10px
}

.chat-typewriter__holder {
    flex-grow: 1;
    border: 1px solid #e4e3e3;
    border-radius: 3px
}

.chat-typewriter__holder:focus-within {
    border-color: #00ab25
}

.chat-typewriter__textarea {
    flex-grow: 1;
    border: 0;
    resize: none
}

.chat-typewriter__button {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    cursor: pointer
}

.chat-typewriter__button svg {
    fill: #a9a9a9
}

.chat-typewriter__button:active svg {
    fill: #00ab25
}

@media (hover:hover) {
    .chat-typewriter__button:hover svg {
        fill: #00ab25
    }
}

.chat-typewriter__uploader,
.my-message {
    position: relative
}

.chat-typewriter__uploader input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0;
    overflow: hidden
}

.chat-typewriter .comments-emoji__wrapper {
    position: absolute;
    bottom: 100%
}

.chat-typewriter .comments-emoji {
    border-top: 1px solid #e2e1e1
}

.my-message {
    display: flex;
    flex-direction: row;
    padding-left: 10px;
    cursor: pointer
}

.my-message:active {
    background-color: #f6f5f5;
    text-decoration: none
}

@media (hover:hover) {
    .my-message:hover {
        background-color: #f6f5f5;
        text-decoration: none
    }

    .my-message:hover .my-message__remove {
        visibility: visible
    }
}

.my-message__avatar {
    position: relative;
    flex-shrink: 0;
    align-self: flex-start;
    width: 50px;
    margin-right: 20px;
    padding-top: 15px
}

.my-message__avatar img {
    width: 100%;
    vertical-align: bottom;
    border-radius: 5px
}

.my-message__text {
    display: flex;
    flex-direction: row;
    position: relative;
    color: #383838
}

@media (min-width:768px) {
    .my-message__text {
        margin-right: 60px
    }
}

@media (color-index:48) {
    .my-message__text {
        color: #c3c3c3
    }
}

.my-message__text_type_unread {
    margin-right: 60px;
    padding: 4px;
    border-radius: 5px;
    background-color: #f6f5f5
}

@media (color-index:48) {
    .my-message__text_type_unread {
        color: #c3c3c3;
        background-color: #393939
    }
}

.my-message__text-avatar {
    position: relative;
    top: 4px;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    margin-right: 10px
}

.my-message__counter {
    position: absolute;
    right: -40px;
    top: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #00ab25;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #fff
}

.my-message__body {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc
}

@media (min-width:768px) {
    .my-message__body {
        padding-right: 40px
    }
}

@media (color-index:48) {
    .my-message__body {
        border-bottom: 1px solid #141414
    }
}

.my-message__inner {
    flex-grow: 1
}

.my-message__header {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px
}

.my-message__nic {
    font-size: 14px;
    font-weight: 700;
    color: #868585
}

.my-message__time {
    margin-left: auto;
    font-size: 12px;
    color: #b2b1b1
}

@media (color-index:48) {
    .my-message__time {
        color: #4e4e4e
    }
}

.my-message__remove {
    background: 0 0;
    border: 0;
    margin: 0 10px
}

@media (min-width:768px) {
    .my-message__remove {
        margin-left: 10px
    }
}

@media (hover:hover) {
    .my-message__remove {
        visibility: hidden
    }
}

.my-message__remove svg {
    fill: #9e9e9e
}

.my-message__remove:active svg {
    fill: #fc1c05
}

@media (hover:hover) {
    .my-message__remove:hover svg {
        fill: #fc1c05
    }
}

.my-message__heading {
    display: flex;
    flex-direction: row;
    align-items: center
}

.my-message__heading-buttons {
    margin-left: auto;
    margin-right: 40px
}

.my-message__heading-button {
    margin-left: 20px;
    background: 0 0;
    border: 0
}

.my-message__heading-button svg {
    fill: #a1a1a1
}

.my-message__heading-button:active svg {
    fill: #00ab25
}

@media (hover:hover) {
    .my-message__heading-button:hover svg {
        fill: #00ab25
    }
}

@media (min-width:768px) {
    .my-message__wrapper {
        padding-left: 40px
    }
}

.my-message-list {
    margin-bottom: 50px
}

@media (hover:hover) and (color-index:48) {
    .my-message:hover {
        background-color: #141414
    }
}

.modalka {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    overflow: auto;
    background-color: rgba(0, 0, 0, .88);
    animation-duration: .35s;
    animation-fill-mode: both;
    animationmode: both;
    animation-name: fadeIn;
    z-index: 99999
}

.modalka.is-modal-active {
    display: flex
}

.modalka--fullscreen {
    padding: 5px
}

.modalka--fullscreen .modalka__dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    border-radius: 0
}

.modalka__dialog {
    position: relative;
    max-width: 500px;
    margin: auto;
    border-radius: 4px;
    background-color: #fff
}

.modalka__close {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    border: 0;
    background-color: transparent;
    background-image: none;
    cursor: pointer
}

.modalka__close:focus {
    outline: 0
}

.modalka__close svg {
    vertical-align: middle;
    pointer-events: none;
    fill: #ccc
}

.modalka__header {
    padding: 15px;
    border-bottom: 1px solid #e2e2e2
}

.modalka__title {
    font-size: 18px
}

.modalka__content {
    padding: 15px;
    font-size: 14px
}

.modalka__content img {
    max-width: 100%;
    vertical-align: middle
}

.modalka__footer {
    justify-content: center;
    padding: 15px;
    text-align: right
}

.modalka__footer,
.modalka__footer-button {
    display: flex;
    flex-direction: row;
    align-items: center
}

.modalka__footer-button+.modalka__footer-button {
    margin-left: 10px
}

.modalka__footer-button svg {
    margin-right: 10px
}

.users-top-navigation {
    border-top: 2px #b0aeae;
    padding-bottom: 6px;
    margin: 8px 0
}

.main-users-top-indent-title {
    margin: 6px 0
}

.users-top-navigation-list {
    display: flex;
    white-space: nowrap;
    justify-content: space-between;
    overflow: auto
}

.users-top-navigation-items {
    display: flex;
    font-size: 11px;
    text-decoration: none;
    padding: 0 4px
}

.users-top-navigation-link {
    text-decoration: none;
    font-size: 14px;
    color: #404040;
    font-weight: 400;
    line-height: 18px
}

@media (color-index:48) {
    .users-top-navigation-link {
        color: #bababa
    }
}

.users-top-navigation-link svg {
    width: 18px;
    height: 16px;
    fill: #404040;
    margin-right: 4px
}

@media (color-index:48) {
    .users-top-navigation-link svg {
        fill: #bababa
    }
}

.users-top-navigation-link-active,
.users-top-navigation-link:hover {
    border-bottom: 3px solid #c4c4c4;
    text-decoration: none
}

.users-top-name {
    color: #908f8f;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    white-space: nowrap;
    padding-left: 10px
}

.users-top-name__vip {
    color: #ffbf41
}

.users-top-icon {
    flex-shrink: 0;
    width: 14px;
    line-height: 18px;
    height: 14px;
    margin-right: 2px;
    margin-left: 5px;
    fill: #b0aeae;
    opacity: .7
}

.users-top-navigation-icon {
    width: 18px;
    height: 20px;
    fill: #c4c4c4;
    margin-right: 3px
}

.about-user-reward {
    text-decoration: none;
    display: flex;
    justify-content: flex-start;
    white-space: nowrap
}

.user-reward-item {
    margin: 0 4px
}

.indent-top-user {
    overflow: auto
}

.main-top-number {
    font-size: 18px;
    font-weight: 700;
    padding: 0 10px 0 0;
    color: #e05f01
}

.indents-for-balls-green {
    margin-left: 6px
}

.indents-for-balls-green-lvl {
    font-size: 18px
}

.btn-users-top {
    position: relative;
    top: -17px;
    font-size: 12px;
    color: #1f1f1f;
    width: 165px;
    height: 36px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 17px;
    margin-top: 8px
}

@media (color-index:48) {
    .btn-users-top {
        background-color: #1f1f1f;
        border: 1px solid #606060;
        color: #bbbaba
    }
}

.btn-users-top:active {
    background: #e8e8e8
}

@media (color-index:48) {
    .btn-users-top:active {
        background: #606060
    }
}

.users-top-color-grey {
    color: #9f9f9f;
    white-space: nowrap
}

.users-top-avatar-personal {
    margin: 0 0 0 33px
}

.users-top-diamond {
    position: relative;
    top: -13px;
    left: -19px;
    margin: 0 -14px 0 0
}

.users-top-diamond svg {
    fill: #ffbf41;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    padding: 3px
}

@media (color-index:48) {
    .users-top-diamond svg {
        background-color: #141414
    }
}

.users-top-diamond__indent {
    padding-left: 10px
}

.not-found__wrapper {
    padding: 30px 50px;
    overflow: auto
}

@media all and (max-width:767px) {
    .not-found__wrapper {
        padding: 15px
    }
}

.not-found__title {
    margin: 0 0 40px;
    font-size: 48px;
    font-weight: 700;
    line-height: normal
}

@media all and (max-width:767px) {
    .not-found__title {
        margin: 0 0 20px;
        font-size: 20px
    }
}

.not-found__text {
    padding-right: 15px;
    font-size: 32px;
    line-height: normal
}

@media all and (max-width:767px) {
    .not-found__text {
        padding: 0;
        font-size: 14px
    }
}

.not-found__text p+p {
    margin: 30px 0 0
}

@media all and (max-width:767px) {
    .not-found__text p+p {
        margin: 10px 0 0
    }
}

.not-found__monster {
    position: relative;
    float: right
}

@media all and (max-width:767px) {
    .not-found__monster {
        height: 200px
    }
}

.wrapper-forum {
    padding: 0 10px 10px;
    max-width: 1280px;
    margin: 0 auto;
    position: relative
}

@media (max-width:767px) {
    .wrapper-forum {
        padding: 0 5px
    }
}

.forum-name-block {
    display: flex;
    padding: 20px 0 12px 10px;
    align-items: center
}

.forum-block__title h2,
.forum-name-block-title-list {
    display: flex;
    flex-wrap: wrap
}

.down-button-forum {
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: 6px;
    right: 16px;
    display: none
}

.forum-name-block-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #383838
}

@media (color-index:48) {
    .forum-name-block-title {
        color: #ececec
    }
}

.forum-name-block-title__icon {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: #383838;
    margin-right: 10px;
    vertical-align: bottom
}

@media (color-index:48) {
    .forum-name-block-title__icon {
        fill: none;
        stroke: #ececec
    }
}

.forum-block-popup {
    position: relative;
    padding: 15px 9px 15px 15px;
    margin: 5px 0;
    background: #f2f2f2;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
    z-index: 11111
}

@media (color-index:48) {
    .forum-block-popup {
        background: #191919
    }
}

.forum-block {
    position: relative;
    padding: 15px 9px 15px 15px;
    margin: 5px 0;
    word-break: break-word;
    background: #fff;
    border-radius: 8px
}

@media (color-index:48) {
    .forum-block {
        background: #191919;
        color: #6f6f6f
    }
}

@media (max-width:767px) {
    .forum-block {
        padding: 10px 12px
    }
}

.forum-block__title {
    display: flex;
    position: relative;
    justify-content: space-between;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 15px;
    align-items: flex-start
}

@media (max-width:767px) {
    .forum-block__title {
        margin-bottom: 10px
    }
}

.forum-block__title h2 {
    row-gap: 8px;
    align-items: center;
    justify-content: flex-start
}

.forum-block__title-h2 {
    color: #383838;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 15px
}

@media (color-index:48) {
    .forum-block__title-h2 {
        color: #ececec
    }
}

.forum-block__title-time {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #474747;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px
}

.forum-block__title-svg {
    width: 12px;
    height: 12px;
    border: 2px solid #dedede;
    border-radius: 50%;
    padding: 4px;
    fill: #a4a4a4
}

@media (color-index:48) {
    .forum-block__title-svg {
        border: 2px solid #474747;
        fill: #535353
    }
}

.forum-block__title-svg-blue {
    width: 11px;
    height: 11px;
    fill: #0075ff
}

.forum-block__title-chevron {
    width: 8px;
    height: 8px;
    fill: #474747;
    transform: rotate(90deg)
}

.forum-block__text {
    font-weight: 400;
    line-height: 14px;
    font-size: 14px;
    color: #a4a4a4;
    margin-top: 2px
}

@media (color-index:48) {
    .forum-block__text {
        color: #636363
    }
}

.forum-block__attached-files {
    font-weight: 400;
    line-height: 14px;
    font-size: 14px;
    color: #a4a4a4;
    margin: 11px 0
}

@media (color-index:48) {
    .forum-block__attached-files {
        color: #636363
    }
}

.forum-block__link-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.forum-block-title-text-navigate {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5px
}

.forum-block-title-text-navigate a {
    color: #474747
}

.forum-block p {
    line-height: 22px
}

.forum-block-checked,
.pin-decided {
    box-shadow: 0 1px 0 #0075ff;
    margin-bottom: 6px
}

.pin-decided {
    box-shadow: 0 1px 0 #00c02a
}

.lamp-svg,
.share-svg {
    fill: #7934bc;
    transition: border .3s
}

.share-svg:hover {
    border: 2px solid #7934bc
}

.lamp-svg {
    fill: #fff
}

@media (color-index:48) {
    .lamp-svg {
        fill: #191919
    }
}

.lamp-svg:hover {
    border: 2px solid #e5b342
}

.box-moderation-delete-user {
    width: 12px;
    height: 12px;
    border: 2px solid #dedede;
    border-radius: 50%;
    padding: 4px;
    fill: #f84015;
    transition: all .3s
}

.box-moderation-delete-user:hover {
    border: 2px solid #f84015
}

@media (color-index:48) {
    .box-moderation-delete-user {
        border: 2px solid #474747
    }
}

.box-moderation-delete-user__transform {
    transform: rotate(90deg)
}

.box-moderation-svg-close {
    width: 6px;
    height: 6px;
    border: 2px solid #dedede;
    border-radius: 50%;
    padding: 8px
}

@media (color-index:48) {
    .box-moderation-svg-close {
        border: 2px solid #474747
    }
}

.button-moderation {
    display: flex;
    position: relative;
    z-index: 99;
    cursor: pointer
}

.box-moderation {
    display: none;
    width: max-content;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    border-radius: 8px;
    padding: 10px
}

@media (color-index:48) {
    .box-moderation {
        background: #222;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .45)
    }
}

.box-moderation__title {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #a4a4a4;
    padding-right: 30px;
    margin-top: 6px
}

.box-moderation__ul {
    margin-top: 8px
}

.box-moderation__link {
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #383838;
    margin-bottom: 8px
}

@media (color-index:48) {
    .box-moderation__link {
        color: #bababa
    }
}

.box-moderation__user-svg {
    vertical-align: middle;
    width: 24px;
    height: 24px
}

.box-moderation__user {
    margin-bottom: 7px
}

.box-moderation-btn {
    display: block;
    margin-top: 15px;
    color: #a4a4a4;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #a4a4a4;
    font-size: 12px;
    cursor: pointer;
    transition: all .3s
}

.box-moderation-btn:hover {
    color: #474747
}

@media (color-index:48) {
    .box-moderation-btn {
        color: #a4a4a4;
        border: 1px solid #474747
    }

    .box-moderation-btn:hover {
        color: #a4a4a4
    }
}

.box-moderation-btn:active {
    color: #474747;
    background: #a4a4a4
}

.button-moderation:hover .box-moderation {
    display: block;
    position: absolute;
    z-index: 999;
    top: -10px;
    right: -10px
}

@media (max-width:767px) {
    .button-moderation:hover .box-moderation {
        display: block;
        position: absolute;
        z-index: 2;
        top: -5px;
        right: 26px
    }

    .delete-button {
        display: none
    }
}

.catalog-forum {
    padding-top: 6px
}

.catalog-forum__item {
    position: relative;
    z-index: 9;
    display: inline-block;
    margin-bottom: 3px;
    text-decoration: none;
    margin-right: 3px
}

.catalog-forum__button {
    display: block;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #383838;
    background: #efefef;
    border-radius: 6px;
    padding: 5px 8px
}

@media (color-index:48) {
    .catalog-forum__button {
        color: #a4a4a4;
        background: #252525
    }
}

.catalog-forum__button:hover {
    background: #dedede;
    text-decoration: none
}

@media (color-index:48) {
    .catalog-forum__button:hover {
        background: #1e1e1e
    }
}

.box-moder-and-comments {
    display: flex;
    margin-top: 8px;
    position: relative;
    z-index: 9
}

.box-moder-and-comments__item {
    font-weight: 400;
    color: #a4a4a4;
    margin-right: 8px;
    display: flex;
    font-size: 12px;
    line-height: 12px;
    align-items: center
}

@media (color-index:48) {
    .box-moder-and-comments__item {
        color: #5b5b5b
    }
}

.box-moder-and-comments__item svg {
    transform: translate(0, 2px)
}

.box-moder-and-comments__item a {
    font-weight: 700;
    color: #a4a4a4
}

@media (color-index:48) {
    .box-moder-and-comments__item a {
        color: #474747
    }
}

.box-moder-and-comments__item img {
    border-radius: 4px;
    width: 22px;
    margin-right: 8px
}

.box-moder-and-comments__icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    fill: #dedede
}

@media (color-index:48) {
    .box-moder-and-comments__icon {
        fill: #2e2e2e
    }
}

.forum-comments-icon {
    width: 14px;
    height: 14px;
    margin-right: 8px;
    fill: #dedede
}

@media (color-index:48) {
    .forum-comments-icon {
        fill: #2e2e2e
    }
}

.forun-icon-arrow-right {
    width: 26px;
    height: 14px;
    fill: #383838;
    margin: 0 8px
}

@media (color-index:48) {
    .forun-icon-arrow-right {
        fill: #bababa
    }
}

.bottom-block__list button,
.button-dawn-blue {
    border: 0
}

.button-dawn-blue__item,
.button-dawn-blue__item-send {
    width: 20px;
    height: 20px;
    fill: #fff;
    cursor: pointer
}

.button-dawn-blue__item-send {
    height: 16px
}

.blue-btn-full {
    float: right;
    margin: 5px 0;
    z-index: 1000;
    cursor: pointer;
    background: #0075ff;
    border-radius: 50%;
    line-height: 0;
    padding: 10px;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    position: sticky;
    bottom: 10px;
    align-items: center
}

@media (max-width:767px) {
    .blue-btn-full {
        position: fixed;
        bottom: 10px;
        right: 22px
    }
}

.blue-btn-full:hover,
.file-upload-block-blue-btn:hover {
    background: #008cff;
    box-shadow: 0 0 25px #008cff;
    transition: .5s;
    transition-property: box-shadow
}

.forum-name-block-title__active {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #9f9f9f
}

@media (color-index:48) {
    .forum-name-block-title__active {
        color: #535353
    }
}

.block-blue-button {
    position: relative;
    cursor: pointer;
    align-items: center;
    line-height: 11px;
    border: 2px solid #0075ff;
    border-radius: 50%;
    padding: 5px;
    height: 11px;
    display: flex
}

.text-comments {
    font-weight: 400;
    line-height: 16px;
    color: #383838
}

@media (color-index:48) {
    .text-comments {
        color: #919191
    }
}

.text-comments__top-head {
    color: #535353;
    margin-bottom: 20px
}

.blue-btn-for-block {
    background: #0075ff;
    padding: 4px 6px;
    border-radius: 50%;
    width: 14px;
    height: 14px
}

.blue-btn-for-block-item {
    fill: #fff;
    width: 12px;
    height: 12px
}

.js-decided {
    position: absolute;
    top: 0;
    left: 0
}

.bottom-block {
    position: relative;
    justify-content: space-between;
    margin-top: 8px
}

.bottom-block,
.bottom-block__right-side {
    display: flex;
    align-items: center
}

.bottom-block__only-like-item {
    display: flex;
    justify-content: flex-end
}

.bottom-block__list {
    display: flex;
    gap: 8px;
    align-items: center
}

.bottom-block__list__item {
    color: #a4a4a4;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    margin: 0 6px
}

@media (color-index:48) {
    .bottom-block__list__item {
        color: #474747
    }
}

.svg-comment-delete,
.svg-post-delete {
    fill: #fd1959;
    transition: border .3
}

.svg-post-delete:hover {
    border: 2px solid #fd1959
}

.js-comment-edit,
.js-post-edit {
    fill: #0075ff;
    transition: border .3
}

.js-post-edit:hover {
    border: 2px solid #0075ff
}

.icon-favorite {
    fill: #e5b342;
    transition: border .3s
}

.icon-favorite:hover,
.svg-active-border {
    border: 2px solid #e5b342
}

.icon-checked-forum {
    width: 18px;
    height: 18px;
    display: block
}

.icon-checked-forum__green {
    fill: #fff
}

@media (color-index:48) {
    .icon-checked-forum__green {
        fill: #191919
    }
}

.icon-checked-forum__orange {
    fill: #fff
}

@media (color-index:48) {
    .icon-checked-forum__orange {
        fill: #191919
    }
}

.forum-block-photo {
    display: inline-flex;
    background: #f2f2f2;
    border-radius: 6px;
    flex-wrap: wrap;
    margin: 10px 0
}

@media (color-index:48) {
    .forum-block-photo {
        background: #282828
    }
}

.forum-block-photo__item {
    width: 42px;
    height: 32px;
    margin: 4px
}

.forum-block-photo__item-close {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 30%;
    height: 30%;
    fill: red;
    fill-opacity: .4;
    transform: rotate(45deg)
}

@media (max-width:767px) {
    .forum-block-photo__item-close {
        position: absolute;
        top: 4px;
        left: 0;
        width: 100%;
        height: 80%;
        fill: red;
        fill-opacity: .4;
        transform: rotate(45deg)
    }
}

.forum-block-photo__list {
    margin: 4px;
    display: flex;
    overflow: hidden;
    border-radius: 4px;
    position: relative
}

.forum-block-photo__list img:hover {
    transform: scale(1.1);
    transition: all .3s
}

@media (max-width:767px) {
    .forum-block-photo__list img:hover {
        display: flex;
        margin: 2px
    }
}

.box-send {
    position: relative;
    background: #fff;
    color: #444;
    border: 1px solid #5b5b5b;
    padding: 10px;
    border-radius: 8px
}

@media (color-index:48) {
    .box-send {
        background: #212121
    }
}

.button-send {
    display: block
}

.box-send-wrapper {
    display: inline-flex
}

.box-send-wrapper__texta {
    min-width: 332px;
    min-height: 75px;
    vertical-align: bottom;
    border: 1px solid #5b5b5b;
    box-sizing: border-box
}

@media (color-index:48) {
    .box-send-wrapper__texta {
        background: #212121
    }
}

.file-upload,
.likes-main-block[type=checkbox]+label:before {
    display: none
}

.file-upload__label {
    cursor: pointer;
    margin-right: 10px
}

.file-upload__icon {
    width: 14px;
    height: 14px;
    margin: 10px 8px 6px 5px;
    fill: #fff
}

@media (color-index:48) {
    .file-upload__icon {
        fill: #212121
    }
}

.file-upload__blue-btn {
    background: #0075ff;
    padding: 4px 6px;
    border-radius: 50%;
    width: 14px;
    height: 14px
}

@media (color-index:48) {
    .file-upload__blue-btn {
        fill: #6a6a6a
    }
}

.file-upload-block-blue-btn {
    position: absolute;
    bottom: 7px;
    right: 9px;
    cursor: pointer;
    line-height: 21px;
    background: #0075ff;
    border-radius: 50%;
    padding: 10px;
    height: 16px;
    width: 16px;
    text-align: center
}

.radio-btn-forum {
    display: flex
}

.radio-btn-forum__item {
    margin-right: 20px
}

.big-btn-view-forum {
    padding: 0 20px
}

.big-blue-btn-view-forum {
    padding: 0 4px 0 0
}

.btn-blue-view-forum {
    width: 100%;
    height: 40px;
    text-align: center;
    align-items: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 10px;
    border: 2px solid #a4a4a4;
    border-radius: 4px
}

@media (color-index:48) {
    .btn-blue-view-forum {
        border: 2px solid #535353
    }
}

@media (max-width:767px) {
    .btn-blue-view-forum {
        margin: 20px 0
    }
}

.btn-blue-view-forum__text-view {
    font-weight: 700;
    text-transform: uppercase;
    color: #383838
}

@media (color-index:48) {
    .btn-blue-view-forum__text-view {
        color: #6b6b6b
    }
}

.btn-blue-view-forum__full-blue {
    border-radius: 4px;
    background: #0075ff;
    width: 100%;
    height: 40px;
    border: 2px solid #0075ff;
    text-align: center;
    align-items: center;
    text-decoration: none;
    display: flex;
    cursor: pointer;
    justify-content: center;
    margin: 15px 0
}

.btn-blue-view-forum__full-blue:hover {
    background: #008cff;
    box-shadow: 0 0 25px #008cff;
    transition: .5s;
    transition-property: box-shadow
}

.btn-blue-view-forum__icon {
    fill: #383838;
    width: 12px;
    height: 12px;
    margin-right: 8px
}

@media (color-index:48) {
    .btn-blue-view-forum__icon {
        fill: #6b6b6b
    }
}

@media (max-width:335px) {
    .btn-blue-view-forum__icon {
        display: none
    }
}

.btn-blue-view-forum__icon-full-blue {
    fill: #fff;
    width: 12px;
    height: 12px;
    margin-right: 8px
}

.btn-blue-view-forum__text,
.btn-blue-view-forum__text-full-blue {
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    color: #383838
}

.btn-blue-view-forum__text-full-blue {
    color: #fff
}

.input-new-post-forum {
    width: 100%;
    height: 36px
}

.input-new-post-forum__big-input {
    width: 95%;
    height: 130px
}

.open-redactor-btn {
    text-decoration: none;
    margin: 0 10px;
    color: #a4a4a4;
    transition: color .3s
}

@media (color-index:48) {
    .open-redactor-btn {
        color: #474747
    }
}

.open-redactor-btn:hover {
    color: #a4a4a4
}

.what-upload-item {
    display: flex;
    align-items: center;
    padding: 6px 0;
    margin-left: -2px
}

.what-upload-item__icon {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    fill: #0075ff
}

.what-upload-item__name {
    color: #a4a4a4;
    margin: 0 8px;
    text-decoration: underline
}

@media (color-index:48) {
    .what-upload-item__name {
        color: #b0aeae
    }
}

.what-upload-item__clouse {
    width: 12px;
    height: 12px;
    fill: #111827;
    cursor: pointer
}

@media (color-index:48) {
    .what-upload-item__clouse {
        fill: #6a6a6a
    }
}

.c-offcanvas {
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.c-offcanvas,
.c-offcanvas-bg.c-offcanvas-bg--push,
.c-offcanvas-bg.c-offcanvas-bg--reveal,
.c-offcanvas-content-wrap {
    transition: transform 300ms cubic-bezier(.4, 0, .6, 1)
}

.c-offcanvas.is-open {
    transform: translate3d(0, 0, 0);
    visibility: visible
}

.c-offcanvas-content-wrap {
    z-index: 3
}

.c-offcanvas {
    position: fixed;
    min-height: 100%;
    max-height: none;
    top: 0;
    display: block;
    overflow-x: hidden;
    overflow-y: auto
}

.c-offcanvas--opening {
    transition-timing-function: cubic-bezier(.4, 0, .6, 1)
}

.c-offcanvas.is-closed {
    max-height: 100%;
    overflow: hidden;
    visibility: hidden;
    box-shadow: none;
    display: none
}

.c-offcanvas--overlay {
    z-index: 1080
}

.c-offcanvas--reveal {
    z-index: 2
}

.c-offcanvas-bg {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1079;
    left: -100%;
    background-color: transparent;
    transition: background-color 400ms cubic-bezier(.23, 1, .32, 1) 0ms
}

.c-offcanvas-bg.is-animating,
.c-offcanvas-bg.is-open {
    left: 0;
    visibility: visible
}

.c-offcanvas-bg.is-closed {
    visibility: hidden
}

.c-offcanvas-bg--closing.is-animating {
    background: 0 0
}

.c-offcanvas--bottom {
    top: auto;
    bottom: 0;
    height: fit-content;
    min-height: auto;
    width: 100%;
    transform: translate3d(0, 20.5em, 0)
}

@media (max-width:767px) {
    .c-offcanvas--bottom {
        height: 21.25em
    }
}

.custom-radio-block {
    display: flex;
    flex-wrap: wrap
}

.custom-radio-block__text {
    margin-left: 6px
}

.custom-radio [type=radio]:checked,
.custom-radio [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.custom-radio [type=radio]:checked+.custom-radio__label,
.custom-radio [type=radio]:not(:checked)+.custom-radio__label {
    position: relative;
    padding: 0 0 4px 25px;
    cursor: pointer;
    line-height: 26px;
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 15px
}

.custom-radio [type=radio]:checked+.custom-radio__label:before,
.custom-radio [type=radio]:not(:checked)+.custom-radio__label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #dedede;
    border-radius: 100%
}

@media (color-index:48) {

    .custom-radio [type=radio]:checked+.custom-radio__label:before,
    .custom-radio [type=radio]:not(:checked)+.custom-radio__label:before {
        border: 1px solid #636363
    }
}

.custom-radio [type=radio]:checked+.custom-radio__label:after,
.custom-radio [type=radio]:not(:checked)+.custom-radio__label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #383838;
    position: absolute;
    top: 8px;
    left: 8px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

@media (color-index:48) {

    .custom-radio [type=radio]:checked+.custom-radio__label:after,
    .custom-radio [type=radio]:not(:checked)+.custom-radio__label:after {
        background: #ececec
    }
}

.custom-radio [type=radio]:not(:checked)+.custom-radio__label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.custom-radio [type=radio]:checked+.custom-radio__label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.custom-checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.custom-checkbox>input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-checkbox>span {
    display: inline-flex;
    align-items: center;
    user-select: none
}

.custom-checkbox>span::before {
    content: '';
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #dedede;
    border-radius: 4px;
    margin-right: .5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

@media (color-index:48) {
    .custom-checkbox>span::before {
        border: 1px solid #535353
    }
}

.custom-checkbox>input:checked+span::before {
    background: #383838;
    border: 1px solid #383838;
    border-radius: 4px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.redactor-box {
    border: 1px solid #dedede;
    border-radius: 4px
}

@media (color-index:48) {
    .redactor-box {
        border: 1px solid #0a0a0a
    }
}

.redactor-in-0 {
    font-size: 14px;
    background-color: #fff
}

@media (color-index:48) {
    .redactor-in-0 {
        background-color: #191919
    }
}

.redactor-placeholder:before {
    color: rgba(0, 0, 0, .4)
}

@media (color-index:48) {
    .redactor-placeholder:before {
        color: #414141
    }
}

.redactor-in {
    padding: 4px 8px 15px;
    color: #383838;
    font-size: 14px
}

@media (max-width:767px) {
    .redactor-in {
        padding: 8px
    }
}

@media (color-index:48) {
    .redactor-in {
        color: #ececec
    }
}

.redactor-in h2,
.text-comments h2 {
    font-size: 24px
}

.redactor-in h3,
.text-comments h3 {
    font-size: 19px
}

.redactor-in img,
.text-comments img {
    max-width: 200px;
    margin: 4px 2px;
    border-radius: 4px
}

@media (max-width:767px) {

    .redactor-in img,
    .text-comments img {
        width: 100%
    }
}

.redactor-in em,
.text-comments em {
    font-style: italic
}

.redactor-in ol,
.text-comments ol {
    margin-left: 12px;
    padding: inherit;
    list-style: none;
    counter-reset: li
}

.redactor-in ol li,
.text-comments ol li {
    position: relative;
    margin-bottom: 6px;
    padding: 10px 0 10px 1em;
    background-color: #f2f1f1
}

@media (color-index:48) {

    .redactor-in ol li,
    .text-comments ol li {
        color: #bababa;
        background-color: #1f1f1f
    }
}

.redactor-in ol li:before,
.text-comments ol li:before {
    padding: 10px 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1.5em;
    width: 1.875em;
    text-align: center;
    color: #00c02a;
    font-weight: 700;
    background-color: #f2f1f1;
    border-bottom-left-radius: 70em;
    border-top-left-radius: 70em;
    counter-increment: li;
    content: counter(li)
}

@media (color-index:48) {

    .redactor-in ol li:before,
    .text-comments ol li:before {
        color: #00c02a;
        background-color: #1f1f1f
    }
}

.redactor-in blockquote,
.text-comments blockquote,
q {
    border-left: solid #00c02a 2px;
    margin: 6px 6px 6px 0;
    padding: 10px;
    color: #000;
    font-style: italic;
    background-color: #f2f1f1;
    display: block
}

@media (color-index:48) {

    .redactor-in blockquote,
    .text-comments blockquote,
    q {
        color: #bababa;
        background-color: #1f1f1f
    }
}

.text-comments {
    display: block
}

@media (max-width:1024px) {
    .text-comments {
        height: auto
    }
}

.text-comments iframe {
    width: 50%;
    min-height: 280px;
    border-radius: 4px
}

@media (max-width:767px) {
    .text-comments iframe {
        width: 100%
    }
}

.block-attention,
.redactor-in pre,
.text-comments pre {
    border-left: solid #7934bc 2px;
    margin: 6px 6px 6px 0;
    padding: 10px;
    color: #000;
    background-color: #f2f1f1;
    display: block;
    white-space: pre-wrap
}

@media (color-index:48) {

    .redactor-in pre,
    .text-comments pre {
        color: #bababa;
        background-color: #1f1f1f
    }
}

.redactor-in ul,
.text-comments ul {
    list-style: none;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 15px
}

.redactor-in ul li,
.text-comments ul li {
    position: relative;
    padding: 10px 0;
    cursor: pointer
}

@media (color-index:48) {

    .redactor-in ul li,
    .text-comments ul li {
        color: #bababa
    }
}

.redactor-in li img,
.text-comments li img {
    width: 33.333%
}

.redactor-in ul li:before,
.text-comments ul li:before {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00c02a;
    content: "";
    left: -17px;
    transition: .3s ease-in-out;
    top: 18px
}

.redactor-in ul li:after,
.text-comments ul li:after {
    position: absolute;
    border-left: 1px dotted #bababa;
    width: 1px;
    bottom: -8px;
    content: "";
    left: -14px;
    top: 31px
}

.block-attention {
    border-left: solid #fd1959 2px
}

@media (color-index:48) {
    .block-attention {
        color: #bababa;
        background-color: #1f1f1f
    }
}

.block-attention:before {
    content: '!';
    font-size: 2em;
    margin-right: 7px;
    vertical-align: -9px;
    float: right;
    font-style: italic;
    margin-bottom: 10px;
    color: #fd1959
}

.redactor-uploaded-figure {
    display: block
}

.redactor-air a,
.redactor-toolbar a {
    background: #fff
}

.select2-search__field {
    font-size: 14px;
    padding-left: 6px;
    border: 1px solid #ececec;
    background: #ececec;
    color: #0a0a0a
}

.select2-results__option {
    font-size: 14px;
    border: 1px solid #ececec;
    text-align: center
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-results__option {
    border-radius: 4px;
    color: #0a0a0a
}

a.select2-selection__choice {
    color: #0a0a0a
}

.block-bar {
    display: flex;
    align-items: center
}

.progress-bar {
    background-color: #1a1a1a;
    height: 6px;
    padding: 1px;
    width: 110px;
    margin: 0 6px;
    border-radius: 5px;
    box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444
}

.progress-bar span {
    display: inline-block;
    height: 7px;
    width: 99px;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    transition: width .4s ease-in-out
}

.bar-green span {
    background-color: #0ba40b
}

.shine span {
    position: relative;
    top: -10px;
    left: 0
}

details>summary {
    background-color: #f2f1f1;
    border-left: 2px solid #ffaa23;
    cursor: pointer;
    padding: .5rem 1rem;
    margin: 10px 0;
    text-transform: capitalize
}

details[open] {
    border-left: 2px solid #ffaa23;
    margin: 5px 0;
    display: block;
    padding: 12px
}

details[open] summary {
    border-left: none;
    margin: -12px -12px 8px
}

details[open] img {
    max-width: 100%
}

.likes-block {
    position: relative;
    display: none
}

.likes-main-block:checked~.likes-block {
    display: flex;
    gap: 2px;
    position: absolute;
    top: 0;
    left: -10px;
    z-index: 9
}

.grade-block {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    border-radius: 8px;
    padding: 14px;
    font-weight: 700;
    font-size: 14px;
    line-height: 85.714286%;
    color: #383838;
    background: #fff
}

.grade-block__dislike {
    border: 2px solid #fd5353;
    padding: 12px;
    border-radius: 50%;
    transform: rotate(180deg);
    display: flex
}

.likes-item-dislike {
    width: 14px;
    height: 14px;
    fill: #fd5353
}

.grade-block__other {
    display: flex;
    flex-direction: column;
    align-items: center
}

.grade-block__other span {
    margin-top: 8px;
    display: inline-block;
    color: #383838;
    font-size: 12px
}

.grade-block__other svg {
    fill: #383838;
    width: 25px;
    height: 25px
}

.grade-block__likes {
    border: 2px solid #3cd04b;
    padding: 12px;
    border-radius: 50%;
    display: flex
}

.likes-item {
    width: 14px;
    height: 14px;
    fill: #3cd04b
}

.likes-block__user-block {
    box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    border-radius: 8px;
    padding: 14px;
    background: #fff
}

.close-block,
.user-block__item {
    border: 2px solid #dedede;
    padding: 12px;
    border-radius: 50%;
    display: flex
}

.user-block__item svg {
    fill: #111827;
    width: 20px;
    height: 20px
}

.close-block {
    padding: 7px;
    transform: rotate(45deg)
}

.close-block__item {
    width: 8px;
    height: 8px;
    fill: #111827
}

.bottom-block-list {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 8px
}

.item-text {
    color: #a4a4a4;
    pointer-events: none
}

.comment-tag-forum {
    margin-right: 10px
}

.comment-tag-forum__num {
    margin-left: 10px
}

.close-topic-line {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-right: 20px;
    padding-top: 4px;
    transform: translate(0, 20px)
}

.close-topic-line svg {
    width: 40px;
    height: 34px;
    transform: rotate(20deg)
}

.close-topic-line span {
    color: #ff2a23;
    font-weight: 500
}

.first-line-null-post {
    padding-left: 10px
}

.overflow-hidden {
    height: 100%;
    overflow: hidden
}

.m-l-10 {
    margin-left: 10px
}

.m-l-20 {
    margin-left: 20px
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.text-center {
    text-align: center;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-around
}

@media (min-width:768px) {
    .search .inner {
        background-color: transparent
    }

    .magic-block,
    .premium-plans after,
    .premium-plans before,
    .premium-plans__item:after,
    .premium-plans__item:before {
        display: none
    }

    .premium-about {
        flex-direction: row
    }

    .premium-about__picture {
        margin-bottom: 0
    }

    .premium-about__text {
        padding-left: 20px;
        margin-left: 15px
    }

    .premium-plans__item {
        width: calc(100%/2 - 10px)
    }

    .premium-plans__item:nth-child(odd) {
        margin-right: 20px
    }
}

@media (min-width:768px) and (color-index:48) {
    .search-form__button-text {
        color: #919191
    }
}

@media (min-width:1024px) {
    .content-wrapper {
        min-height: 100vh
    }

    .theme-toggle_type_desktop {
        display: block
    }

    .pagination-list {
        overflow-x: visible
    }

    .premium-about__text {
        padding-left: 50px
    }

    .premium-plans {
        flex-wrap: nowrap
    }

    .premium-plans__item {
        width: calc(100%/4);
        margin-bottom: 0
    }

    .premium-plans__item:nth-child(odd) {
        margin-right: auto
    }

    .premium-plans__item+.premium-plans__item {
        margin-left: 20px
    }
}

@media (max-width:1024px) {
    .content {
        width: 100%
    }

    .sidebar {
		width:calc(100% - 20px);
		padding:10px;
		}
	
	.inner_with_sidebar {flex-wrap:wrap;}

    .branded-link_type_mobile {
        display: block;
        margin: 0 auto
    }

    .header__login {
        min-width: inherit
    }

    .mobile-navigation {
        display: block
    }

    .navigation {
        margin: 0
    }

    .search-form__input {
        padding-left: 40px;
        background: url(../images/icon-search.svg) 0 center no-repeat;
        background-size: 22px 22px
    }

    .footer {
        position: relative;
        z-index: 999
    }

    .breadcrumbs {
        max-width: 60%;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .breadcrumbs__list {
        white-space: nowrap
    }
}

@media (max-width:1023px) {
    .header-user {
        justify-content: flex-end;
        height: 50px;
        padding: 0;
        box-shadow: none;
        background-color: transparent
    }

    .header-user__item+.header-user__item {
        margin: 0 0 0 10px
    }

    .header-user__item_type_user {
        width: auto;
        overflow: visible
    }

    .header-user__item-text,
    .header-user__item_type_admin,
    .header-user__item_type_user:after,
    .header:after {
        display: none
    }

    .header-user__notifications {
        height: 50px;
        padding: 0
    }

    .header-user__notifications-bubble {
        top: 8px;
        left: -10px
    }

    .header-user__avatar {
        margin-right: 0
    }

    .header {
        z-index: 100;
        height: 50px
    }

    .header .inner {
        padding-left: 0
    }

    .header__mobile-buttons {
        display: flex
    }

    .header__logo {
       font-size:20px;
        text-align: center
    }

    .header__logo svg {
        position: relative;
        top: -2px;
        width: 140px
    }

    .header__login {
        min-width: 20%
    }

    .header__login-link svg {
        width: 18px;
        height: 16px
    }

    .navigation {
        display: none
    }
}

@media (max-width:767px) {

    .button-more__form input,
    .inner {
        padding: 0 5px
    }

    .inner_with_sidebar {
        padding: 0
    }

    .content-title {
        margin: 15px 10px;
        font-size: 157.5%
    }

    .content-title_news {
        margin: 15px;
        font-size: 157.5%
    }

    .wargaming {
        width: 100%;
        height: 400px
    }

    .wargaming img {
        width: 100%
    }

    .inner-banner,
    .text-inner {
        padding: 0 10px
    }

    .button-arrow {
        height: 18px;
        padding: 0 3px;
        font-size: 10px;
        line-height: 16px
    }

    .button-arrow__chevron {
        width: 15px;
        height: 13px
    }

    .button-more__text svg {
        margin-right: 5px
    }

    .header__search-button {
        display: flex
    }

    .header__login-link {
        height: 35px;
        width: 35px
    }

    .search {
        position: fixed;
        top:50px;
        left: 0;
        z-index: 999;
        width: 100%;
        margin: 0;
        opacity: 0;
        transform: translateY(-100%);
        transition: all 300ms ease
    }

    .search-form__input {
        height: 40px;
        padding: 0 30px 0 10px;
        border-radius: 3px;
        background: #fff;
        font-size: 129%
    }

    .footer-text {
        width: 100%;
        margin-bottom: 0px;
		padding:0px;
		text-align:center;
    }

    .footer-text__wrapper {
        width: 65%
    }

    .footer__top {
        flex-direction: column
    }

    .footer__top .footer__item {
        width: calc(50% - 10px)
    }

    .footer__top .footer__item:last-child {
        width: 100%
    }

    .footer__top .footer__item_type_last {
        width: 25%
    }

    .footer__item-title {
        font-size: 80%;
        margin: 0 0 10px
    }

    .footer__links {
        font-size: 80%;
        line-height: 20px
    }

    .footer__social {
        width: 100%;
        justify-content: center;
        margin: 20px 0 0
    }

    .footer__social-link {
        width: 50px;
        height: 50px;
        margin: 0 4px
    }

    .footer__bottom .inner {
        flex-direction: column;
        align-items: flex-start
    }

    .footer__bottom-item {
        width: 100%
    }

    .footer__tech-links {
        margin: 20px 0
    }

    .accordion-inner {
        padding: 10px;
        word-break: break-word
    }

    .accordion-title {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 46px;
        padding: 2px 30px 2px 10px;
        line-height: 1.5
    }

    .accordion-title__tags {
        padding: 5px 0;
        float: none
    }

    .accordion-title__arrow {
        right: 10px;
        width: 14px;
        height: 8px
    }

    .attention__body-text {
        font-size: 75%;
        line-height: 1.1
    }

    .monster-block {
        display: flex;
        flex-direction: column-reverse;
        max-height: 350px;
        overflow: hidden
    }

    .monster-block__monster {
        height: 250px
    }

    .monster-block__main-block:before {
        position: absolute;
        top: 15%;
        width: 200%;
        left: 50%;
        height: 100%;
        content: "";
        border-radius: 0 0 50% 50%/0 0 100% 100%;
        display: block;
        transform: translateX(-50%)
    }

    .main-block-hook {
        transform: rotateZ(265deg);
        width: 70px;
        left: 80px;
        top: 120px
    }

    .monster-item {
        min-height: 250px;
        transform: rotateZ(15deg);
        position: relative;
        right: 10px;
        bottom: 30px
    }

    .main-block-titel {
        line-height: normal;
        margin: 25px 0 0
    }

    .main-block-text {
        line-height: 1.1
    }

    .breadcrumbs-wrapper {
        height: 40px;
        padding-left: 5px
    }

    .breadcrumbs__item {
        font-size: 71.5%
    }

    .breadcrumbs__link {
        height: 40px;
        line-height: 40px
    }

    .development-popup {
        padding: 15px
    }

    .development-popup__title {
        font-size: 28px
    }

    .development-popup__text {
        font-size: 18px;
        line-height: 26px
    }

    .add-application {
        padding: 15px
    }

    .add-application__heading {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 30px
    }

    .add-application__heading-accent {
        font-size: 26px
    }

    .add-application__form {
        width: 100%
    }

    .add-application__list {
        margin-bottom: 20px
    }

    .rating-circle_size_small {
        width: 30px;
        height: 30px;
        font-size: 12px;
        line-height: 30px;
        opacity: .8
    }

    .rating-line__button {
        width: 20px;
        height: 20px;
        flex-shrink: 0
    }

    .comments__form-textarea textarea {
        margin-top: 5px
    }

    .comment-item_type_pinned {
        padding: 10px 20px 5px 10px
    }
}

@media all and (max-width:767px) {
    .autocomplete-suggestions {
        left: 0;
        width: 100%
    }

    .autocomplete-suggestion span {
        display: block;
        width: 70%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .search_state_visible {
        opacity: 1;
        transform: translateY(0)
    }

    .search-form {
        height: 50px
    }

    .search-form__button {
        position: absolute;
        right: 0;
        top: 5px;
        width: 30px;
        height: 40px;
        text-align: center;
        border: 0 !important;
        opacity: 1
    }

    .search-form__button-text {
        display: none
    }

    .search-form__button-icon {
        display: block
    }

    .search-form__button-icon-back {
        position: absolute;
        right: 30px;
        opacity: 1
    }

    .search-form__close-button {
        display: block
    }

    .side-top__list {
        max-height: 215px;
        overflow: hidden;
        transition: max-height 500ms ease
    }

    .side-top__list_state_uncollapsed {
        max-height: 9999px;
        transition: max-height 1000ms ease-in-out
    }

    .side-top__link {
        font-size: 85%
    }

    .side-top__title {
        width: 75%
    }

    .side-top__poster {
        width: 40px
    }

    .side-top__load-more {
        display: flex
    }

    .attention__monster {
        width: 105px
    }

    .attention__monster_type_attention img {
        left: 0;
        bottom: -40px;
        width: 80px;
        height: 104px;
        vertical-align: middle
    }

    .attention__monster_type_ban img {
        left: -15px;
        bottom: -25px
    }

    .attention__monster_type_login img {
        left: -15px;
        top: 15px;
        width: 97px;
        height: 82px
    }

    .attention__body {
        width: 75%;
        width: calc(100% - 105px);
        min-height: 65px;
        padding: 5px
    }

    .attention__body:before {
        left: -25px;
        top: -40px;
        width: 125px;
        height: 125px
    }

    .attention__body-hook {
        left: -33px;
        top: 15px;
        width: 10px;
        height: 15px
    }

    .attention__body-title {
        margin: 0;
        font-size: 85%;
        line-height: normal
    }

    .rating-line__row+.rating-line__row {
        margin: 5px 0 0
    }

    .vote-form__dots-item {
        width: 20%
    }

    .vote-form__dots-text {
        display: none
    }

    .vote-form__dots-text_type_mobile {
        display: block;
        margin: 5px 0 0;
        text-align: center;
        font-size: 140%;
        color: #7c7b7b
    }

    .vote-form__colored-scale input[type=radio]+label {
        width: 100%
    }

    .vote-form__colored-radio {
        position: static;
        width: 16.666%
    }

    .vote-form__tooltip {
        top: -50px
    }

    .vote-form__colored-counter {
        font-size: 87%
    }

    .comments {
        padding: 0 5px
    }

    .comments-switch {
        margin-bottom: 15px
    }

    .comments__form-title_type_first {
        margin-left: 0
    }

    .comments__form-evaluation {
        display: block
    }

    .comments__form-donut {
        float: right;
        margin: 13px 0 0
    }

    .comments__form-donut canvas {
        width: 40px !important;
        height: 40px !important
    }

    .comments__form-donut input {
        font-size: 18px !important;
        margin-top: 7px !important;
        margin-left: -43px !important
    }
}

@media (max-width:660px) {

    .footer-text,
    .footer-text__wrapper {
        width: 100%
    }

    .footer__item_type_last {
        display: none
    }
}

@media all and (max-width:520px) {
    .rating-line__row {
        flex-wrap: wrap
    }

    .rating-line__visual {
        width: 100%;
        width: calc(100% - 25px)
    }
}

@media (max-width:496px) {
    .monster-block__monster {
        height: 120px
    }

    .monster-block__main-block {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 75px;
        padding: 15px;
        color: #fff
    }

    .main-block-hook {
        transform: rotateZ(265deg);
        width: 70px;
        left: 125px;
        top: 55px
    }

    .monster-item {
        height: 250px;
        transform: rotateZ(15deg);
        position: relative;
        bottom: 28px;
        left: 110px
    }

    .main-block-titel {
        margin: 0;
        line-height: normal
    }
}

@media (max-width:440px) {
    .wargaming {
        width: 100%
    }
}

@media (color-index:48) {

    .content-wrapper,
    .custom-select select {
        background-color: #1d1d1d
    }

    body {
        background-color: #0a0a0a;
        color: #bababa
    }

    .text {
        color: #919191
    }

    .color-light-gray {
        color: #5b5b5b
    }

    input,
    textarea {
        border: 1px solid #1d1d1d;
		color:#FFF !important;
    }

    textarea {
        border: 1px solid #393939
    }

    .custom-select {
        border: 1px solid #141414
    }

    .custom-select,
    .custom-select::before,
    input,
    textarea {
        background-color: #141414
    }

    .custom-select select {
        color: #bababa
    }

    .button_gray_bordered {
        border: 1px solid #141414;
        color: #bbbaba
    }

    .button-arrow {
        color: #bdbdbd
    }

    .button-more__counter,
    .button-more__text svg {
        fill: #fff
    }

    .button_hover_black svg {
        fill: #606060
    }

    .ban_history-button {
        color: #d5d4d4
    }

    .notifications-header__dropdown,
    .notifications-header__dropdown-bottom {
        background-color: #232323
    }

    .notifications-header__dropdown::before {
        border-color: transparent transparent #1f1f1f
    }

    .notifications-header__item {
        border-bottom: 1px solid #393939;
        background-color: #141414
    }

    .accordion-item:hover .accordion-title,
    .notifications-header__item_type_unread {
        background-color: #1f1f1f
    }

    .notifications-header__top-sender {
        color: #bdbdbd
    }

    .notifications-header__top-time {
        color: #606060
    }

    .header,
    .header-user {
        background-color: #141414
    }

    .header-user__item_type_user::after {
        background: linear-gradient(to right, rgba(20, 20, 20, .45) 0, #141414 100%)
    }

    .theme-toggle {
        background-color: #242424
    }

    .theme-toggle::after {
        background-color: #141414
    }

    .theme-toggle__button svg {
        fill: #f1f1f1
    }

    .mobile-navigation {
        background-color: #1d1d1d;
        box-shadow: inset -1px -1px 50px rgba(0, 0, 0, .84)
    }

    .mobile-navigation__os {
        background-color: #141414;
        border-bottom: 1px solid #000
    }

    .navigation__item {
        border-left: 1px solid #000
    }

    .navigation__item:last-child {
        border-right: 1px solid #000
    }

    .autocomplete-suggestions {
        border: 1px solid #141414;
        background-color: #1f1f1f
    }

    .autocomplete-suggestion {
        border-bottom: 1px solid #141414
    }

    .search,
    .search .inner {
        background-color: #0a0a0a
    }

    .search-form,
    ul.redactor-statusbar {
        background: #0a0a0a
    }

    .search-form__input,
    .sidebar {
        background-color: #0a0a0a
    }

    .sidebar {
        border-left: 1px solid #0a0a0a
    }

    .sidebar-title__icon {
        fill: #fff
    }

    .side-menu__link {
        border-bottom: 1px solid #393939;
        color: #606060
    }

    .side-menu__link:hover::before,
    .side-menu__link_state_active::before {
        background-color: #191919
    }

    .side-menu__title {
        color: #fff
    }

    .side-menu__title-icon {
        fill: #fff
    }

    .side-top__link {
        background-color: #141414
    }

    .side-top__load-more {
        border: 3px solid #06a40b
    }

    .side-top__load-more,
    .sidebar-article__info {
        background-color: #141414
    }

    .sidebar-article__title {
        color: #919191
    }

    .footer {
        background-color: #141414
    }

    .accordion-inner {
        color: #919191
    }

    .accordion-item,
    .accordion-item_state_active,
    .accordion-item_state_active:hover {
        border: solid 1px #393939
    }

    .accordion-item_state_active .accordion-title_android,
    .accordion-item_state_active:hover .accordion-title_android {
        background-color: #0ba40b;
        box-shadow: 0 0 0 1px #0ba40b;
        color: #fff
    }

    .accordion-item_state_active .accordion-title_ios,
    .accordion-item_state_active:hover .accordion-title_ios {
        background-color: #8d4fc2;
        box-shadow: 0 0 0 1px #8d4fc2;
        color: #fff
    }

    .accordion-item_state_active .accordion-title_ps,
    .accordion-item_state_active:hover .accordion-title_ps {
        background-color: #0a90d5;
        box-shadow: 0 0 0 1px #0a90d5;
        color: #fff
    }

    .accordion-item_state_active .accordion-title_psp,
    .accordion-item_state_active:hover .accordion-title_psp {
        background-color: #f98305;
        box-shadow: 0 0 0 1px #f98305;
        color: #fff
    }

    .accordion-title {
        color: #919191
    }

    .accordion-text__selection {
        background-color: #1f1f1f
    }

    .accordion-text__selection_dark {
        background-color: #141414
    }

    .attention::before {
        border-color: transparent transparent #141414
    }

    .attention::after {
        border-color: transparent transparent transparent #141414
    }

    .attention__monster {
        background-color: #1f1f1f
    }

    .breadcrumbs-wrapper {
        border-bottom: 1px solid #393939
    }

    .b-poll__inner {
        background-color: #141414
    }

    .b-poll__row {
        color: #919191
    }

    .b-poll__question,
    .grade-block__other span {
        color: #fff
    }

    .premium-about__heading {
        color: #e5b342
    }

    .premium-plans__item {
        background-color: #1f1f1f
    }

    .premium-plans__latency {
        border-bottom: 1px solid #393939;
        color: #606060
    }

    .rating-circle_rating_0 {
        background: #141414
    }

    .rating-line__label {
        color: #606060
    }

    .rating-line__visual {
        background-color: #606060
    }

    .rating-line__points,
    details[open] {
        color: #919191
    }

    .vote-form__colored-scale input[type=radio]+label:before {
        background-color: #2f2f2f
    }

    .comments-switch {
        background: #1d1d1d;
        box-shadow: 1px 1px #141414
    }

    .comments__form_type_main {
        border-bottom: 1px solid #393939
    }

    .ban_history-block,
    .ban_modal_comment {
        border-bottom: 1px solid #bbbaba
    }

    .ban_time-reason_item,
    details>summary {
        background-color: #1f1f1f;
        color: #bababa
    }

    .other_reason_item {
        color: #fff;
        background-color: #141414
    }

    .ban-modal-close {
        border: 1px solid #474747;
        background-color: #474747;
        color: color #fff;
        transition: all .3s
    }

    .ban-modal-ban:hover,
    .ban-modal-close:hover {
        text-decoration: underline
    }

    .ban-modal-ban {
        border: 1px solid #d33d4c;
        transition: all .3s
    }

    .ban-modal-ban background-color #D33D4C {
        color: #fafafa
    }

    .fieldset-ban-modal {
        border: 1px solid #414141
    }

    .comment-item_type_pinned {
        background-color: #1d1d1d
    }

    ul.redactor-statusbar li {
        color: #525252
    }

    .redactor-air a,
    .redactor-toolbar a {
        background: #6b6b6b
    }

    details>summary {
        color: #919191
    }

    .grade-block,
    .likes-block__user-block {
        background: #212121
    }

    .grade-block__other svg {
        fill: #535353
    }

    .close-block,
    .user-block__item {
        border: 2px solid #383838
    }

    .close-block__item,
    .user-block__item svg {
        fill: #6a6a6a
    }

    .item-text {
        color: #5b5b5b
    }

    .comment-tag-forum__num {
        color: #6f6f6f
    }
}

@media (hover:hover) {
    .button_gray_bordered:hover {
        background-color: #d5d4d4;
        text-decoration: none;
        color: #333
    }

    .button_gray_bordered:hover svg {
        fill: #333
    }

    .button_white_bordered:hover {
        color: #1f1f1f
    }

    .button_white_bordered:hover svg {
        fill: #fff
    }

    .button_black_bordered:hover,
    .button_white_bordered:hover {
        background-color: #fff;
        text-decoration: none
    }

    .button_black_bordered:hover color #lf,
    .button_black_bordered:hover svg {
        fill: #000
    }

    .button_green_bordered:hover {
        border-color: #0ba40b;
        background-color: #0ba40b;
        text-decoration: none
    }

    .button-arrow:hover {
        text-decoration: none
    }

    .button-arrow:hover,
    .button-arrow:hover .button-arrow__chevron {
        background-color: #c4c4c4
    }

    .button-more:hover {
        border-color: #1f1f1f;
        background-color: #1f1f1f;
        color: #fff
    }

    .button-more:hover .button-more__counter {
        color: #fff
    }

    .button-more:hover .button-more__text svg {
        transform: rotate(-360deg);
        fill: #fff
    }

    .button_hover_blue:hover {
        background-color: #0a90d5;
        border-color: #0a90d5;
        color: #fff
    }

    .button_hover_blue:hover svg,
    .button_hover_green:hover svg,
    .button_hover_green_android:hover svg,
    .button_hover_green_ios:hover svg,
    .button_hover_green_ps:hover svg,
    .button_hover_green_psp:hover svg,
    .button_hover_orange:hover svg {
        fill: #fff
    }

    .button_hover_green:hover,
    .button_hover_green_android:hover {
        background-color: #0ba40b;
        border-color: #0ba40b;
        color: #fff
    }

    .button_hover_green_ios:hover {
        background-color: #8d4fc2;
        border-color: #8d4fc2;
        color: #fff
    }

    .button_hover_green_psp:hover {
        background-color: #f98305;
        border-color: #f98305;
        color: #fff
    }

    .button_hover_green_ps:hover {
        background-color: #0a90d5;
        border-color: #0a90d5;
        color: #fff
    }

    .button_hover_orange:hover {
        background-color: #fe8401;
        border-color: #fe8401;
        color: #fff
    }

    .button_hover_orange_state_active:hover {
        background-color: #fff;
        border-color: #fe8401
    }

    .button_hover_orange_state_active:hover svg {
        fill: #fe8401
    }

    .page-message__close:hover {
        cursor: pointer
    }

    .page-message__close:hover svg {
        fill: #fc0505
    }

    .pagination__link:hover {
        background-color: #c4c4c4;
        text-decoration: none;
        color: #fff
    }
}

@media (hover:hover) and (color-index:48) {
    .button_gray_bordered:hover {
        background-color: #141414
    }
}

.fotorama__nav-wrap .slick-slide {
    width: 121px;
    font-size: 0px;
}

.fotorama__nav-wrap {
    padding: 30px 50px !important;
}

.slick-track {
    display: flex !important;
}

.game-tags a {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 50px;
    background-color: #f1f1f1;
    color: #1f1f1f;
    transition: all 250ms ease-out;
    margin: 0 0 6px 3px;
}

.game-tags a:hover {
    background-color: #807e7e;
    text-decoration: none;
    color: #fff;
}

.ui-dialog {
    z-index: 999999 !important;
    background: #fff;
	font-size:14px;
}

.mass_comments_action {
    display: none;
}

.login--not-logged {
    position: absolute;
    top: 100%;
    right: 0px;
    z-index: 3;
    background-color: #272727;
    padding: 20px;
}

.openlk {
    cursor: pointer;
}

.popup-block {
    display: none;
}

.popup-block .popup-bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999999999999;
    overflow: auto;
    width: 100%;
    height: 100%;
}

.popup-block .block {
    background: #fff;
    border: 1px solid #F5F4F6;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    max-width: 500px;
    padding: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999999999;
    transform: translate(-50%, -50%);
    max-height: 100vh;
    overflow-y: auto;
}

.popup-block .title {
    font-size: 24px;
    line-height: 150%;
    text-align: center;
    color: #40302C;
    margin: 0 0 20px 0;
}

.popup-block .desc {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    color: #40302C;
    margin: 0 0 15px 0;
}

.popup-block form {
    display: block;
}

.popup-block .item {
    margin: 0 0 10px 0;
}

.popup-block .item label {
    font-size: 12px;
    line-height: 24px;
    color: #40302C;
    display: block;
    margin: 0 0 4px 0;
}

.popup-block .item input {
    background: #fff;
    border: 1px solid #E0E4EA;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    line-height: 24px;
    color: #40302C;
    padding: 8px 15px;
    width: 100%;
    height: auto;
}

.popup-block .item textarea {
    background: #fff;
    border: 1px solid #E0E4EA;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    line-height: 24px;
    color: #40302C;
    padding: 8px 15px;
    width: 100%;
    height: 110px;
    resize: none;
}

.popup-block button {
    background: #272727;
    border-radius: 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    height: 40px;
    width: 100%;
    cursor: pointer;
    transition: .5s;
    border: 0px;
}

.popup-block button:hover {
    background: #111;
}

#login-popup button {
    margin: 10px 0 0 0;
}

#login-popup .bottom {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 20px 0 0 0;
    justify-content: space-between;
}

#login-popup .bottom a {
    text-decoration: none;
    color: #8A8786;
    font-size: 15px;
}

#login-popup .bottom a:hover {
    color: #f30015;
}

.popup-block .close {
    width: 17px;
    height: 17px;
    background: url(../images/close-filter.svg) no-repeat;
    position: absolute;
    top: 23px;
    right: 23px;
    cursor: pointer;
    background-size: 100% 100%;
    transition: .5s;
}

.popup-block .close:hover {
    transform: rotate(180deg);
}

.popup-block .checkbox {
    margin: 20px 0 0 0;
    position: relative;
}

.popup-block .checkbox .label {
    position: relative;
    display: flex;
}

.popup-block .checkbox input[type="checkbox"] {
    display: none;
    position: relative;
}

.popup-block .checkbox input[type="checkbox"]+label {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    font-size: 12px;
    line-height: 24px;
    color: #40302C;
    justify-content: center;
    position: relative;
}

.popup-block .checkbox input[type="checkbox"]+label:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border: 1px #ccc solid;
    margin: 0 15px 0 0;
    flex-shrink: 0;
}

.popup-block .checkbox input[type="checkbox"]:checked+label:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/check.svg) no-repeat;
    border: 0px;
    flex-shrink: 0;
}

.form__content input {
    height: 35px;
    margin: 0 0 10px 0;
}

.form__content * {
    box-sizing: border-box;

}

.my-message__wrapper {
    padding: 0 40px !important;
}

.form__btn {
    background: #272727;
    color: #fff;
    padding: 10px 30px;
    cursor: pointer;
}

.pagination {
    display: flex;
    gap: 5px;
    justify-content: center;

    padding: 0 20px;
	flex-wrap:wrap;
}

.pagination a {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #272727;
    box-sizing: border-box;
    color: #fff;
    background: #272727;
}

.pagination span {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #dcdbdb;
    box-sizing: border-box;
    color: #fff;
    background: #272727;
}

.pagination a:hover {
background: #111;	
}

.mobile-navigation__list ul {
    padding: 20px;
}

.navigation__item {
    position: relative;
}

.navigation__item ul {
    position: absolute;
    top: 100%;
    left:0;
    z-index: 1;
    background: #1d1d1d;
    width: 200px;
    display: flex;
    flex-direction: column;
	transition: .5s;
	overflow:hidden;
	transform: scale(1,0); 

}

.navigation__item ul a {
color: #fff;
display:block;
text-decoration:none;
border-bottom:1px #111 solid;
padding:10px 20px;
transition: .5s;
}

.navigation__item.green ul a:hover {
background:#0ba40b;
}

.navigation__item.violet ul a:hover {
background:#7d34bc;
}

.navigation__item.orange ul a:hover {
background:#e05f01;
}

.navigation__item.blue ul a:hover {
background:#0074b0;
}

.navigation__item.red ul a:hover {
background:#ff0000;
}

.navigation__item.white ul a:hover {
background:#fff;
color:#111;
}

.navigation__item.yellow ul a:hover {
background:#fff000;
color:#111;
}

.navigation__item.tan ul a:hover {
background:#1523b3;
}

.navigation__item:hover>ul {
transform: scale(1,1);
}


.breadcrumbs-wrapper {
    border-bottom-color: rgb(62, 68, 70);
}

.publication-wrapper {
    box-shadow: rgb(2 2 3 / 6%) 0px 0px 7px;
    background-color: rgb(24, 26, 27);
}



.side-menu__link {
    border-bottom-color: rgb(58, 63, 65);
    color: rgb(186, 180, 171);
}

.side-menu__link {
    border-bottom-color: rgb(58, 63, 65);
    color: rgb(186, 180, 171);
}

.side-menu__link:hover::before, .side-menu__link_state_active::before {
    background-color: rgb(24, 26, 27);
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 5px -3px;
}

.game-download {
    border-top-color: rgb(55, 59, 62);
    background-image: linear-gradient(rgb(29, 32, 33) 0px, rgb(24, 26, 27) 100%);
    background-color: initial;
    box-shadow: rgb(0 0 0 / 25%) 0px 4px 5px -3px inset;
}

.game-footer {
    border-top-color: rgb(55, 59, 62);
    background-image: linear-gradient(rgb(29, 32, 33) 0px, rgb(24, 26, 27) 100%);
    background-color: initial;
    box-shadow: rgb(0 0 0 / 25%) 0px 4px 5px -3px inset;
}

.app-rating__points-list {
    background-color: rgb(59, 32, 0);
}

.game-versions__downloads-button {
    background-color: rgb(27, 30, 31);
}

.button_gray_bordered {
    border-color: rgb(119, 110, 98);
    color: rgb(202, 197, 190);
}

.button_hover_black svg {
    fill: rgb(212, 209, 203);
}

.slim-app__link_type_psp {
    color: rgb(254, 135, 47);
}

.slim-app__link {
    background-color: rgb(24, 26, 27);
}

.slim-app__title::before {
    background-image: linear-gradient(rgba(24, 26, 27, 0.45) 0px, rgb(24, 26, 27) 100%);
    background-color: initial;
}

textarea {
    border-color: rgb(212 211 211);
    outline-color: initial;
    color: #fff;
}

input, select, textarea {
    background-color: rgb(24, 26, 27);
}

.comments__form_type_main {
    border-bottom-color: rgb(62, 68, 70);
}

.game-gallery {
    border-top-color: rgb(53, 58, 60);
    border-bottom-color: rgb(56, 61, 64);
    background-color: rgb(29, 31, 32);
}

.game-short__item {
    color: rgb(186, 180, 171);
}

.text {
    color: rgb(186, 180, 171);
}

.popup-block .block {
    background-image: initial;
    background-color: rgb(24, 26, 27);
    border-color: rgb(51, 55, 57);
}

.popup-block .title {
    color: rgb(198, 193, 185);
}

.popup-block .item label {
    color: rgb(198, 193, 185);
}

.popup-block .item input {
    background-image: initial;
    background-color: rgb(24, 26, 27);
    border-color: rgb(55, 60, 62);
    color: rgb(198, 193, 185);
}

.popup-block button {
    background-image: initial;
    background-color: rgb(29, 32, 33);
    color: rgb(232, 230, 227);
    border-color: initial;
}

#login-popup .bottom a {
    text-decoration-color: initial;
    color: rgb(157, 148, 136);
}

.comments__form-textarea textarea {
    border-color: initial;
}

.news_content input {height:40px; padding:0 20px; color:#fff;}
.news_content select {height:40px; padding:0 20px; color:#fff;}
.bbcodes_poll {cursor:pointer;}
.bbcodes_poll:hover  {background:#FFF;color:#111;}
.news_content > div {margin:0 0 10px 0;}
.news_content > div b {display:block; margin:0 0 -10px 0;}

.checkedname {cursor:pointer;}
.checkedname:hover {background:#fff;color:#111;}

.catalog-item__poster a {position:relative;}

.catalog-item__poster span {
position:absolute;
top:10px;
left:10px;
display:table;
background:#f98305;
padding:1px 5px;
border-radius:5px;
color:#fff;
font-size:14px;
}

.catalog-item__bottom a {
    height: 32px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    line-height: 30px;
border: 1px solid rgb(20, 20, 20);
    color: rgb(187, 186, 186);
	transition: .5s;
}

.catalog-item__bottom a:hover {
    background-color: rgb(20, 20, 20);
text-decoration: none;
    color: rgb(51, 51, 51);
}

.navigation__icon-short {
width: 50px;
    height: 50px;
border-radius: 50%;
    text-align: center;
	display:block;
}

.navigation__icon-short svg {width:30px; fill:rgb(197, 192, 184); height:45px;}

.catalog-item__date svg {margin:0 0 0 10px; fill:#b0aeae;}

.catalog-item__date {
    display: flex;
    align-items: center;
    gap: 5px;
}

.my-message__heading-buttons {display:flex;flex-wrap:wrap;gap:10px;}

.berrors a {color:#fff;}

#pmlist_doaction {color:#FFF; padding:5px 10px; font-size:16px;}

.h4 {color:#fff;border-bottom:1px #fff solid; margin:0 0 10px 0; padding:0 0 10px 0; font-size:20px; }

.section-slider img {max-width:100%; min-width:100%; min-height:100%;}

.section-slider .slick-slide {margin:0 15px;}

.section-slider .images {
	display:block;
	font-size:0px;
	line-height:0px;
	position:relative;
	margin:0 0 15px 0;
	text-decoration:none;
	height:200px;
	border-radius:10px;
	overflow:hidden;
}

.section-slider .name {
display:table;
text-decoration:none;
color:#fff;
font-weight:500;
font-size:18px;
}

.section-slider .images span {
position:absolute;
bottom:15px;
left:15px;
z-index:3;
border-radius:5px;
padding:5px 10px;
font-size:14px;
color:#fff;	
max-width:90%;
background:#0ba40b;
line-height:normal;
}

.header {
transition: .5s;
position:fixed;
top:0px;
left:0px;
right:0px;
z-index:999999;
}

body {padding:70px 0 0 0;}

.header-fixed {
height:50px;
}

.header-fixed .header__logo {
height:50px;
line-height:40px;
}

.header-fixed .navigation__link {
height:50px;
line-height:50px;
}

.header-fixed .header-user {
height:50px;
}

.header__logo, .navigation__link, .header-user {
transition: .5s;
}

.ui-dialog, .ui-dialog * {
box-sizing: border-box;
}

.mass_comments_action {
display:none;
}

.userinfo ul {
list-style:none;
margin:0px 0 20px 0;
padding:0px;
display:flex;
flex-direction:column;
gap:10px;
}

.heading {font-size:30px; line-height:normal; margin:0 0 20px 0;}

.tableform td {
padding:10px;
}

#userinfo h2.title {
background: #111;
border-radius: 10px;
padding:20px;
color:#fff;
margin:0 0 20px 0;
}

.ui-dialog input {background: #fff; padding:10px !important; height:auto !important; display:inline-block !important;}
.ui-dialog textarea {background: #fff; padding:10px !important; }

#userinfo .userinfo {
display:flex;
gap:30px;
}

#options input {
padding:10px !important;
height:auto !important;
}

.fbutton {cursor:pointer; background: #ff781d; color:#FFF; margin:10px 0 0 0; border:0px !important;}

.header-user__avatar {cursor:pointer;}

.catalog-item__info {display:flex; flex-direction:column; position:relative;}

.catalog-item__description {flex:1;}

.catalog-item__rating {position:absolute; top:0px; right:0px; }

.catalog-item__title {padding:0 50px 0 0;}

.navigation__item.red a:hover {
    background-color: #ff0000;
}

.navigation__item.red  svg {
fill: #a40b0b;
}

.navigation__item.white .navigation__link:hover {background:#fff;} 
.navigation__item.green .navigation__link:hover {background:#008200;} 
.navigation__item.red .navigation__link:hover {background:#ff0000;} 
.navigation__item.violet .navigation__link:hover {background:#7d34bc;} 
.navigation__item.orange .navigation__link:hover {background:#e05f01;} 
.navigation__item.blue .navigation__link:hover {background:#0074b0;} 
.navigation__item.yellow .navigation__link:hover {background:#fff000;} 
.navigation__item.tan .navigation__link:hover {background:#1523b3;} 








@media all and (max-width:900px) {
	

	
.navigation__link {font-size:16px !important; line-height:normal !important; }
	
.navigation__icon {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: initial !important;
}

.navigation__link {
    position: relative;
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    line-height: normal !important;
    text-align: left !important;
    transition: all 300ms ease !important;
    align-items: center !important;
	gap:10px !important;
	padding:10px 20px !important;
	justify-content: flex-start;
}
	
.navigation {
position:fixed;
top:51px;
left:0px;
bottom:0px;
z-index:3;
overflow-y:auto;
max-height:100vh;
width:250px;
    background-color: #272727;
}

.navigation__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    box-sizing: border-box;
    background-color: #1d1d1d;
    border-bottom: 1px solid #272727;
}

.header {z-index:999999;}

.navigation__list {
    display: flex;
    flex-direction: column !important;
}
	
.navigation__item.green .navigation__link  {color: #0ba40b; text-decoration:none !important;}
.navigation__item.violet .navigation__link  {color: #7d34bc; text-decoration:none !important;}
.navigation__item.orange .navigation__link  {color: #e05f01; text-decoration:none !important;}
.navigation__item.blue .navigation__link  {color: #0074b0; text-decoration:none !important;}
.navigation__item.red .navigation__link  {color: #ff0000; text-decoration:none !important;}
.navigation__item.white .navigation__link  {color: #fff; text-decoration:none !important;}

.navigation__item.yellow .navigation__link  {color: #fff000; text-decoration:none !important;}
.navigation__item.tan .navigation__link  {color: #fff; text-decoration:none !important;}
	
.navigation__link:hover {
background-color: #111 !important;
}


.navigation__item>ul {
transform: scale(1,1);
}

.navigation__item ul {
    position: relative;
    top: auto;
    left: 0;
    z-index: 1;
    background: #1d1d1d;
    width: 100%;
    display: none;
    flex-direction: column;
    transition:0s;
    overflow: hidden;
    transform: initial !important;
}


	
}



@media all and (max-width:700px) {
	


.catalog-item__poster span {
    position: absolute;
    top: 5px;
    left: 5px;
    display: table;
    background: #f98305;
    padding: 0px 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 8px;
}
.catalog-item__info {padding:0 10px !important;}

.section-slider .slick-slide {width:100%; max-width:250px;}

.header-fixed .header__logo {line-height:50px;}

.feed__list {padding:0 10px !important;}

.catalog-item__description {display:none;}

.catalog-item__title {margin:0 0 10px 0 !important; display:block; flex:1;}

.catalog-item__bottom a {
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 9px;
    line-height: 30px;
    border: 1px solid rgb(20, 20, 20);
    color: rgb(187, 186, 186);
    transition: .5s;
}

.content {
    width: calc(100% - 20px);
    padding: 0 10px;
}

.catalog-item__rating img {
    max-width: 20px;
}

}