@charset "UTF-8";
[data-simplebar] {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative
}

.simplebar-wrapper {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    overflow: hidden;
    width: inherit
}

.simplebar-mask {
    direction: inherit;
    height: auto !important;
    overflow: hidden;
    width: auto !important;
    z-index: 0
}

.simplebar-mask, .simplebar-offset {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.simplebar-offset {
    -webkit-overflow-scrolling: touch;
    box-sizing: inherit !important;
    direction: inherit !important;
    resize: none !important
}

.simplebar-content-wrapper {
    -ms-overflow-style: none;
    box-sizing: border-box !important;
    direction: inherit;
    display: block;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    scrollbar-width: none;
    width: auto
}

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
    height: 0;
    width: 0
}

.simplebar-content:after, .simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
    width: 100%
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    flex-basis: 0;
    flex-grow: inherit;
    flex-shrink: 0;
    float: left;
    height: 100%;
    margin: 0;
    max-height: 1px;
    max-width: 1px;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: -1
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    height: 1000%;
    left: 0;
    min-height: 1px;
    min-width: 1px;
    opacity: 0;
    top: 0;
    width: 1000%;
    z-index: -1
}

.simplebar-height-auto-observer, .simplebar-track {
    overflow: hidden;
    pointer-events: none;
    position: absolute
}

.simplebar-track {
    bottom: 0;
    right: 0;
    z-index: 1
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    background-color: #e3e3e3;
    left: 0;
    min-height: 7px;
    position: absolute;
    right: 0
}

.simplebar-scrollbar:before {
    background: #e3e3e3;
    border-radius: 0;
    content: "";
    left: 2px;
    opacity: 1;
    position: absolute;
    right: 2px;
    transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    bottom: 2px;
    top: 2px
}

.simplebar-track.simplebar-horizontal {
    height: 11px;
    left: 0
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    height: 7px;
    left: 0;
    min-height: 0;
    min-width: 10px;
    right: auto;
    top: 2px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    left: 0;
    right: auto
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    height: 500px;
    opacity: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    position: fixed;
    visibility: hidden;
    width: 500px
}

.simplebar-hide-scrollbar {
    -ms-overflow-style: none;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    scrollbar-width: none;
    visibility: hidden
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

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

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

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

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

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

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

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

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

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

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

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

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

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

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

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

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

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

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

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

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

.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

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

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

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

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

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

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

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

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

.swiper-button-lock {
    display: none
}

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
    display: inline-block;
    height: var(
            --swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)
    );
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(
            --swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)
    )
}

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

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

.swiper-pagination-bullet:only-child {
    display: none !important
}

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

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

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

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

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

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

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

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

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

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

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

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

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

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

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
}

.swiper-horizontal > .swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

.swiper-vertical > .swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}

.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

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

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

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

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

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

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

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

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

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

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

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

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

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
}@charset "UTF-8";

* {
    padding: 0px;
    margin: 0px;
    border: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -o-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    scroll-behavior: smooth;
}

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

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}

button:focus,
input:focus {
    outline: none;
}

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

html,
body {
    height: 100%;
}

body {
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input::-ms-clear {
    display: none;
}

button,
input[type=submit] {
    cursor: pointer;
}

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

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
    -o-object-fit: cover;
    object-fit: cover;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}
.p-1em {
    padding: 1em;
}
.p-2em {
    padding: 2em;
}
.p-3em {
    padding: 3em;
}
.p-4em {
    padding: 4em;
}
.p-5em {
    padding: 5em;
}


.gravex-css-sidebar {
    grid-area: sidebar;
    background-color: #2196F3;
}

.content {
    
    
}



.gravex-css-sidebar-wrapper-left {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas:
        'sidebar content content content content';
    min-height: 80%;
}
.gravex-css-sidebar-wrapper-left.gravex-css-sidebar-10 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-areas:
        'sidebar content content content content content content content content content';
}
.gravex-css-sidebar-wrapper-left.gravex-css-sidebar-25 {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas:
        'sidebar content content content';
}
.gravex-css-sidebar-wrapper-left.gravex-css-sidebar-33 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas:
        'sidebar content content';
}


.gravex-css-sidebar-wrapper-right {
    display: grid;
    grid-template-areas:
        'content content content content sidebar';
    min-height: 80%;
}
.gravex-css-sidebar-wrapper-right.gravex-css-sidebar-10 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-areas:
        'content content content content content content content content content sidebar';
}
.gravex-css-sidebar-wrapper-right.gravex-css-sidebar-25 {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas:
        'content content content sidebar';
}
.gravex-css-sidebar-wrapper-right.gravex-css-sidebar-33 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas:
        'content content sidebar';
}

@media screen and (max-width: 996px) {
    .gravex-css-sidebar-wrapper-left,
    .gravex-css-sidebar-wrapper-right {
        display: block;
        position: relative;
    }

    
    .gravex-css-sidebar-wrapper-left .gravex-css-sidebar {
        position: absolute;
        max-width: 300px;
        width: 30%;
        left: -30%;
        overflow: hidden;
        z-index: -10;
        transition: .5s;
    }
    .gravex-css-sidebar-wrapper-left .gravex-css-sidebar._active {
        left: 0%;
        overflow: visible;
        z-index: 10;
    }
    
    .gravex-css-sidebar-wrapper-right .gravex-css-sidebar {
        position: absolute;
        max-width: 300px;
        width: 30%;
        right: -30%;
        overflow: hidden;
        z-index: -10;
        transition: .5s;
    }
    .gravex-css-sidebar-wrapper-right .gravex-css-sidebar._active {
        right: 0%;
        overflow: visible;
        z-index: 10;
    }
}

@charset "UTF-8";

[class*=__container] {
  max-width: 1432px;
  margin: 0 auto;
  padding: 0 11px;
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

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

:focus,
:active {
  outline: none;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  color: #4b4b4b;
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

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

button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -o-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-tap-highlight-color: rgba(0, 0, 0, 0);
  -tap-highlight-color: rgba(0, 0, 0, 0);
}

button:focus,
button:active {
  outline: 0px solid transparent;
}

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

input:focus {
  outline: 0px solid transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input::-ms-clear {
  display: none;
}

button,
input,
textarea {
  font-family: "Inter", sans-serif;
  font-size: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: inherit;
}

a {
  color: inherit;
}

input.error,
textarea.error {
  border-color: red;
}

a:link,
a:visited {
  text-decoration: none;
}

img {
  border: none;
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
  -o-object-fit: cover;
  object-fit: cover;
}

:root {
  --line-width: 100%;
}

body {
  background-color: #f3f3f3;
  background-image: url(/themes/foto/css/../images/main-bg.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
}

body.lock {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.workemail {
  display: none;
}

.wrapper {
  width: 100%;
  min-height: 100vh;
  overflow: clip;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wrapper > main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.wrapper > * {
  min-width: 0;
}

.header {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.container {
  max-width: 1432px;
  margin: 0 auto;
  padding: 0 11px;
}

.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  font-size: 16px;
}

.choices:focus {
  outline: 0;
}

.choices:last-child {
  margin-bottom: 0;
}

.choices.is-open {
  overflow: visible;
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

.choices [hidden] {
  display: none !important;
}

.choices[data-type*=select-one] {
  cursor: pointer;
}

.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 5px;
}

.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}

.choices[data-type*=select-one] .choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.25;
}

.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
  opacity: 1;
}

.choices[data-type*=select-one] .choices__button:focus {
  -webkit-box-shadow: 0 0 0 2px #00bcd4;
  box-shadow: 0 0 0 2px #00bcd4;
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
  display: none;
}

.choices[data-type*=select-one]::after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #a4a4a4;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/arrow-down.svg);
  mask-image: url(/themes/foto/css/../images/icons/arrow-down.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 14px 14px;
  mask-size: 14px 14px;
  position: absolute;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}

.choices[data-type*=select-one].is-open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}

.choices[data-type*=select-one][dir=rtl]::after {
  left: 11.5px;
  right: auto;
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  padding-left: 16px;
  border-left: 1px solid #ffffff;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
  opacity: 1;
}

.choices__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  width: 100%;
  background-color: #ffffff;
  padding: 5px 25px 5px 15px;
  border-radius: 10px;
  border: 1px solid #dedede;
  font-size: 14px;
  min-height: 54px;
  overflow: hidden;
  color: #757c8d;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  line-height: 110%;
}

.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: #4b4b4b;
}

.is-open .choices__inner {
  border-radius: 10px 10px 0 0;
}

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 10px 10px;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.choices__list--single {
  display: inline-block;
  padding: 0 4px;
  width: 100%;
}

[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}

.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}

.choices__list--multiple .choices__item {
  background-color: black;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  margin-right: 4px;
  padding: 3px 15px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}

[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: #00a5bb;
  border: 1px solid #008fa1;
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaa;
  border: 1px solid #919191;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #dedede;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility;
}

.choices__list--dropdown .choices__placeholder {
  display: none;
}

.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
  visibility: visible;
}

.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
  border-color: #4b4b4b;
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 10px 10px 0 0;
}

.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 200px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px 19px;
  font-size: 14px;
  color: #757c8d;
  font-family: "Rubik", sans-serif;
}

[dir=rtl] .choices__list--dropdown .choices__item,
[dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: rgba(222, 222, 222, 0.5);
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item.is-selected {
  background-color: rgba(222, 222, 222, 0.5);
}

.choices__item.is-selected:hover {
  background-color: rgba(222, 222, 222, 0.5);
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.choices__button:focus,
.choices__input:focus {
  outline: 0;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  font-size: 14px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  width: 100%;
}

.choices__input::-webkit-input-placeholder {
  font-size: 14px;
  color: inherit;
}

.choices__input::-moz-placeholder {
  font-size: 14px;
  color: inherit;
}

.choices__input:-ms-input-placeholder {
  font-size: 14px;
  color: inherit;
}

.choices__input::-ms-input-placeholder {
  font-size: 14px;
  color: inherit;
}

.choices__input::placeholder {
  font-size: 14px;
  color: inherit;
}

.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
  display: none;
}

.choices__input::-ms-clear,
.choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.5;
}

.choices__item--disabled {
  display: none;
}

.icon-wrap {
  width: 24px;
  height: 24px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ibg {
  position: relative;
}

.ibg img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  min-height: 54px;
  font-family: "Rubik", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 110%;
  padding: 10px;
  border-radius: 16px;
  border: 2px solid #307ff5;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
  -webkit-transition: color 0.2s ease 0s, background-color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s, background-color 0.2s ease 0s;
  transition: color 0.2s ease 0s, background-color 0.2s ease 0s;
}

.btn::before {
  -webkit-transition: background-color 0.2s ease 0s;
  -o-transition: background-color 0.2s ease 0s;
  transition: background-color 0.2s ease 0s;
}

.btn:active {
  background-color: #307ff5;
  color: #ffffff;
}

.btn:active::before {
  background-color: #ffffff;
}

.btn:active svg path {
  stroke: #ffffff;
}

.btn-add {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.btn-add::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: rgb(101, 157, 92);
  -webkit-mask-image: url(/themes/foto/css/../images/icons/add.svg);
  mask-image: url(/themes/foto/css/../images/icons/add.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.gallery__link {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

.btn-show {
  color: #307ff5;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 110%;
  border-bottom: 1px solid #307ff5;
  -webkit-transition: border-bottom 0.2s ease 0s;
  -o-transition: border-bottom 0.2s ease 0s;
  transition: border-bottom 0.2s ease 0s;
}

.btn-show:active {
  border-bottom: 1px solid transparent;
}

.gallery-list-best.gallery__body {
  max-width: 660px;
}

.gallery-recent {
  max-width: 690px;
}

.gallery-list.gallery__body {
  max-width: 690px;
}

.gallery-list .item-gallery__name {
  font-size: 12px;
}

.gallery-list .item-gallery__author {
  font-size: 12px;
}

.gallery-list-best .item-gallery__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 210px;
  flex: 1 0 210px;
  padding-bottom: 100%;
}

.gallery {
  margin: -15px;
  padding: 15px;
  overflow: hidden;
}

.gallery__body {
  overflow: visible;
}

.gallery__item {
  border-radius: 5px;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.gallery__item.hidden {
  opacity: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.gallery__bottom {
  margin-top: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding: 0 26px;
}

.item-gallery {
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.item-gallery__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 100%;
}

.item-gallery__body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 10px 10px 15px;
  text-align: center;
}

.item-gallery__body > *:not(:last-child) {
  margin-bottom: 4px;
}

.item-gallery__date {
  display: block;
  color: #a4a4a4;
  font-size: 12px;
}

.item-gallery__name {
  color: #4b4b4b;
}

.item-gallery__author {
  color: #307ff5;
}

.item-gallery__badge {
  z-index: 10;
  position: absolute;
  top: 10px;
  left: 0;
  padding: 2px 6px;
  color: #fff;
  font-family: "Rubik", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 120%;
  border-radius: 0px 3px 3px 0px;
  pointer-events: none;
  background: #e78c4b;
}

.item-gallery__badge--green {
  background: #73b155;
}

.item-gallery__badge--red {
  background: #f88888;
}

.item-gallery__descr {
  color: #a4a4a4;
}

.slider-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  width: auto;
}

.slider-button {
  width: 24px;
  height: 24px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider-button::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: #307ff5;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.slider-button-prev::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/arrow-left.svg);
  mask-image: url(/themes/foto/css/../images/icons/arrow-left.svg);
}

.slider-button-next::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/arrow-right.svg);
  mask-image: url(/themes/foto/css/../images/icons/arrow-right.svg);
}

.slider-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: rgba(53, 52, 52, 0.9);
}

.slider-pagination .swiper-pagination-bullet-active {
  background-color: #a4a4a4;
  border-radius: 16px;
  width: 19px;
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.color-blue {
  color: #307ff5;
}

.page-title {
  font-family: "Rubik", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 15px;
}

.banner-small .banner__image {
  min-height: 250px;
  padding-bottom: 75.7575757576%;
}

.banner-big .banner__image {
  min-height: 650px;
  padding-bottom: 196.9696969697%;
}

.form__input {
  border-radius: 10px;
  border: 1px solid #dedede;
  width: 100%;
  min-height: 36px;
  padding: 10px;
  font-family: "Rubik", sans-serif;
  line-height: 110%;
  font-size: 12px;
}

.form__input::-webkit-input-placeholder {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 110%;
  -webkit-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.form__input::-moz-placeholder {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 110%;
  -moz-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.form__input:-ms-input-placeholder {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 110%;
  -ms-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.form__input::-ms-input-placeholder {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 110%;
  -ms-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.form__input::placeholder {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 110%;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.form__input:focus {
  border-color: #4b4b4b;
}

.form__input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.form__input:focus::-moz-placeholder {
  opacity: 0;
}

.form__input:focus:-ms-input-placeholder {
  opacity: 0;
}

.form__input:focus::-ms-input-placeholder {
  opacity: 0;
}

.form__input:focus::placeholder {
  opacity: 0;
}

.details__summary {
  padding: 0;
  margin: 0;
  list-style-type: none;
  color: #4b4b4b;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 120%;
  cursor: pointer;
  background-color: transparent;
  border: none;
  position: relative;
}

.details__summary::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/arrow-down.svg);
  mask-image: url(/themes/foto/css/../images/icons/arrow-down.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #a4a4a4;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

.details__content {
  padding-top: 11px;
}

.details__content p:not(:last-child) {
  margin-bottom: 10px;
}

.details[open] .details__summary {
  color: #307ff5;
}

.details[open] .details__summary::before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.color-red {
  color: #cf3c35;
}

.radiobutton-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 22px;
}

.radio {
  position: relative;
}

.radio__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.checkbox__label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
  cursor: pointer;
  color: #757c8d;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  line-height: 110%;
}

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

.custom-radio {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  border-radius: 50%;
  border: 1px solid #dedede;
  background: #fff;
  position: relative;
}

.custom-radio::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #307ff5;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
  transition: opacity 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;
  transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;
  transition: opacity 0.2s ease 0s, transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}

.real-radio:checked + .custom-radio::before {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.custom-checkbox {
  display: block;
  width: 30px;
  height: 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  border-radius: 5px;
  border: 1px solid #dedede;
  background: #fff;
  position: relative;
}

.custom-checkbox::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/check.svg);
  mask-image: url(/themes/foto/css/../images/icons/check.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #307ff5;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

.real-checkbox:checked + .custom-checkbox::before {
  opacity: 1;
}

.form-input {
  min-height: 54px;
  border-radius: 10px;
  border: 1px solid #dedede;
  background: #fff;
  font-family: "Rubik", sans-serif;
  padding: 15px 15px;
  color: #4b4b4b;
  font-size: 16px;
  line-height: 110%;
  width: 100%;
  -webkit-transition: border-color 0.2s ease 0s;
  -o-transition: border-color 0.2s ease 0s;
  transition: border-color 0.2s ease 0s;
}

.form-input::-webkit-input-placeholder {
  color: #757c8d;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  -webkit-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

.form-input::-moz-placeholder {
  color: #757c8d;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  -moz-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

.form-input:-ms-input-placeholder {
  color: #757c8d;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  -ms-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

.form-input::-ms-input-placeholder {
  color: #757c8d;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  -ms-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

.form-input::placeholder {
  color: #757c8d;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  -webkit-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

.form-input:focus {
  border-color: #4b4b4b;
}

.form-input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.form-input:focus::-moz-placeholder {
  opacity: 0;
}

.form-input:focus:-ms-input-placeholder {
  opacity: 0;
}

.form-input:focus::-ms-input-placeholder {
  opacity: 0;
}

.form-input:focus::placeholder {
  opacity: 0;
}

.radio__color {
  width: 34px;
  height: 34px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 34px;
  flex: 0 0 34px;
  border: 1px solid #dedede;
}

.radio__color--1 {
  background-color: #ffffff;
}

.radio__color--2 {
  background-color: #e5e5e5;
}

.radio__color--3 {
  background-color: #cccccc;
}

.radio__color--4 {
  background-color: #b3b3b3;
}

.radio__color--5 {
  background-color: #999999;
}

.radio__color--6 {
  background-color: #808080;
}

.radio__color--7 {
  background-color: #666666;
}

.radio__color--8 {
  background-color: #4d4d4d;
}

.radio__color--9 {
  background-color: #333333;
}

.radio__color--10 {
  background-color: #1a1a1a;
}

.radio__color--11 {
  background-color: #000000;
}

.reaction-button {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  -webkit-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  transition: color 0.2s ease 0s;
}

.reaction-button::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #307ff5;
}

.reaction-button--answer::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/answer.svg);
  mask-image: url(/themes/foto/css/../images/icons/answer.svg);
}

.reaction-button--quote::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/quote.svg);
  mask-image: url(/themes/foto/css/../images/icons/quote.svg);
}

.reaction-button--share::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/share.svg);
  mask-image: url(/themes/foto/css/../images/icons/share.svg);
}

.reaction-button--like::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/like.svg);
  mask-image: url(/themes/foto/css/../images/icons/like.svg);
}

.reaction-button--dislike::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/dislike.svg);
  mask-image: url(/themes/foto/css/../images/icons/dislike.svg);
}

.reaction-button--favorites::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/favorites.svg);
  mask-image: url(/themes/foto/css/../images/icons/favorites.svg);
}

.fancybox__container {
  max-width: 100%;
}

.banner-long {
  height: 650px;
}

.banner {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
}

.banner-yellow .banner__body {
  padding-top: 37px;
}

.banner-red {
  border-radius: 0px;
}

.banner-green {
  background-color: #309941;
}

.banner__image {
  height: 100%;
}

.banner__image img {
  height: 100%;
  width: 100%;
}

.banner__body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 25px 16px;
  text-align: center;
  font-family: "Rubik", sans-serif;
  color: #ffffff;
}

.banner__title {
  font-weight: 700;
  font-size: 35px;
  line-height: 120%;
  text-align: center;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.36);
}

.banner__title:not(:last-child) {
  margin-bottom: 13px;
}

.banner__sub-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.36);
}

.rating.rating-blue .rating__item {
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
}

.rating.rating-blue .rating__value {
  font-size: 16px;
  line-height: 120%;
}

.custom-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.custom-list__item {
  font-size: 16px;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: #a4a4a4;
}

.custom-list__item span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.custom-list__item span::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #307ff5;
}

.btn-favorite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px;
  font-size: 16px;
  line-height: 120%;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.btn-favorite svg {
  width: 24px;
  height: 24px;
}

.btn-favorite svg path {
  fill: transparent;
  stroke: #307ff5;
  -webkit-transition: stroke 0.25s;
  -o-transition: stroke 0.25s;
  transition: stroke 0.25s;
}

.btn-favorite.active svg path {
  fill: #307ff5;
}

.btn-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px;
  font-size: 16px;
  line-height: 120%;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.btn-share svg {
  width: 24px;
  height: 24px;
}

.btn-share svg path {
  -webkit-transition: stroke 0.25s;
  -o-transition: stroke 0.25s;
  transition: stroke 0.25s;
}

.btn-share.active svg path {
  stroke: #307ff5;
}

.btn-video,
.btn-reserve {
  min-height: 48px;
  padding: 10px 18px;
  gap: 8px;
  border-radius: 10px;
}

.btn-video svg,
.btn-reserve svg {
  width: 24px;
  height: 24px;
  display: -ms-grid;
  display: grid;
  place-items: center;
}

.btn-video svg path,
.btn-reserve svg path {
  -webkit-transition: stroke 0.25s;
  -o-transition: stroke 0.25s;
  transition: stroke 0.25s;
}

.btn-contacts {
  z-index: 2;
  gap: 8px;
  min-height: 48px;
  padding: 10px 18px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  border-radius: 10px;
}

.btn-contacts svg {
  pointer-events: none;
}

.btn-contacts svg path {
  -webkit-transition: stroke 0.25s;
  -o-transition: stroke 0.25s;
  transition: stroke 0.25s;
}

.btn-contacts.active + ul {
  -webkit-transform: translate(0) scale(1);
  -ms-transform: translate(0) scale(1);
  transform: translate(0) scale(1);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
}

.btn-opacity {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 5px 20px;
  width: 270px;
  min-height: 48px;
  -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  font-family: "Rubik", sans-serif;
  font-size: 18px;
  line-height: 110%;
  text-align: center;
  color: #a4a4a4;
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  -o-transition: box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
}

.btn-hall {
  padding: 10px 18px;
  border-radius: 10px;
  gap: 8px;
  min-height: 48px;
}

.btn-hall svg {
  pointer-events: none;
}

.btn-hall svg path {
  -webkit-transition: stroke 0.25s;
  -o-transition: stroke 0.25s;
  transition: stroke 0.25s;
}

.btn-add-review {
  min-height: 48px;
  padding: 10px 28px;
  gap: 8px;
  border-radius: 10px;
}

.btn-add-review svg {
  width: 24px;
  height: 24px;
  pointer-events: none;
}

.btn-add-review svg path {
  -webkit-transition: stroke 0.25s;
  -o-transition: stroke 0.25s;
  transition: stroke 0.25s;
}

.btn-studio-add {
  gap: 10px;
  padding: 10px 16px;
  min-height: 48px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
}

.btn-studio-add svg {
  width: 24px;
  height: 24px;
  pointer-events: none;
}

.btn-studio-add svg path {
  -webkit-transition: stroke 0.25s;
  -o-transition: stroke 0.25s;
  transition: stroke 0.25s;
}

.white-control.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 1;
  cursor: pointer;
}

.white-control.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ffffff;
}

.white-control.slider-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  z-index: 2;
  margin: 0;
  gap: 6px;
}

.white-control.slider-pagination.swiper-pagination-lock {
  display: none;
}

.white-control.slider-controls {
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  padding: 0 8px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  visibility: hidden;
}

.content-caption {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  margin-bottom: 12px;
}

.content ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.content ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  position: relative;
  padding-left: 24px;
}

.content ul li::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 10px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #4b4b4b;
}

.custom-choices .choices {
  margin-bottom: 14px;
}

.custom-choices .choices__inner {
  color: #4b4b4b;
  padding-right: 45px;
  padding-left: 11px;
  font-family: "Inter", sans-serif;
}

.custom-choices .choices[data-type*=select-one]:after {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/choice-arrow.svg);
  mask-image: url(/themes/foto/css/../images/icons/choice-arrow.svg);
  background-color: #a4a4a4;
  width: 24px;
  height: 24px;
  right: 16px;
}

.custom-choices .choices .choices__list--dropdown .choices__item {
  padding-left: 15px;
}

.custom-choices-hall .choices__list.choices__list--single {
  font-family: "Rubik", sans-serif;
  font-style: italic;
  color: #a4a4a4;
}

.header {
  position: relative;
}

.header__top {
  padding: 9px 0 6px;
  position: relative;
}

.header__top::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid rgba(207, 207, 207, 0.5);
  -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px #ffffff;
}

.header__categories {
  padding: 13px 0 13px;
  position: relative;
}

.header__categories::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid rgba(207, 207, 207, 0.5);
  -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px #ffffff;
}

.header__search {
  display: none;
  padding: 9px 0;
  position: relative;
}

.header__search::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid rgba(207, 207, 207, 0.5);
  -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px #ffffff;
}

.header__search .search-form {
  height: 42px;
}

.header__search .search-form__input {
  padding: 10px 60px 10px 19px;
}

.top-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px;
}

.top-header__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 84px;
  -moz-column-gap: 84px;
  column-gap: 84px;
}

.top-header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px 8px;
}

.header-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px 31px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.header-menu__item.active .header-menu__link {
  color: #307ff5;
}

.header-menu__link {
  line-height: 120%;
  -webkit-transition: color 0.15s ease 0s;
  -o-transition: color 0.15s ease 0s;
  transition: color 0.15s ease 0s;
}

.nav-header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.nav-header__item {
  position: relative;
}

.nav-header__item--bell .nav-header__icon {
  pointer-events: none;
}

.nav-header__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  color: #757b8d;
  text-align: center;
  font-family: "Rubik", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 110%;
  -webkit-transition: color 0.15s ease 0s;
  -o-transition: color 0.15s ease 0s;
  transition: color 0.15s ease 0s;
}

.nav-header__link--signin {
  padding: 0 10px;
  position: relative;
}

.nav-header__link--signin::before,
.nav-header__link--signin::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #e6e6e6;
  -webkit-box-shadow: 1px 0px 0px 0px #ffffff;
  box-shadow: 1px 0px 0px 0px #ffffff;
}

.nav-header__link--signin::before {
  left: 0;
}

.nav-header__link--signin::after {
  right: 0;
}

.nav-header__link--bell {
  width: 53px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 53px;
  display: -ms-grid;
  display: grid;
  place-items: center;
}

.nav-header__link--bell .nav-header__icon {
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 24px;
  height: 24px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
}

.nav-header__count {
  position: absolute;
  top: 4px;
  right: 0;
  width: 18px;
  padding: 1px;
  min-height: 14px;
  max-height: 17px;
  display: -ms-grid;
  display: grid;
  place-items: center;
  background-color: #cf3c35;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-size: 10px;
  color: #ffffff;
  border-radius: 2px;
}

.nav-header__circle {
  position: absolute;
  top: 0;
  right: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #cf3c35;
  border: 1px solid #ffffff;
}

.nav-header__icon {
  width: 53px;
  height: 53px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 53px;
  flex: 0 0 53px;
  display: -ms-grid;
  display: grid;
  place-items: center;
  border-radius: 12px;
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
  background: #f3f3f3;
  -webkit-transition: -webkit-box-shadow 0.15s ease 0s;
  transition: -webkit-box-shadow 0.15s ease 0s;
  -o-transition: box-shadow 0.15s ease 0s;
  transition: box-shadow 0.15s ease 0s;
  transition: box-shadow 0.15s ease 0s, -webkit-box-shadow 0.15s ease 0s;
  position: relative;
}

.nav-header__button {
  padding: 21px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3px;
  width: 67px;
  height: 67px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 67px;
  flex: 0 0 67px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  background: #f3f3f3;
  z-index: 20;
  pointer-events: none;
}

.nav-header__button span {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 6px;
  border-radius: 10px;
  background: #757b8d;
  pointer-events: none;
}

.categories-header__button {
  display: none;
  font-size: 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
  display: none;
}

.categories-header__button::after {
  content: "";
  display: block;
  background-color: #a4a4a4;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/arrow-down.svg);
  mask-image: url(/themes/foto/css/../images/icons/arrow-down.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 30px;
  height: 30px;
  -webkit-transition: -webkit-transform 0.2s ease 0s;
  transition: -webkit-transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}

.menu-categories__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px 64px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.menu-categories__item.active .menu-categories__link {
  color: #307ff5;
}

.menu-categories__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 13px;
  -webkit-transition: color 0.15s ease 0s;
  -o-transition: color 0.15s ease 0s;
  transition: color 0.15s ease 0s;
}

.menu-categories__caption {
  line-height: 120%;
}

.menu-mobile {
  position: absolute;
  top: 0;
  width: 50%;
  height: auto;
  background-color: #f3f3f3;
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
  padding: 80px 16px 17px;
  text-align: left;
  overflow-x: hidden;
  overflow-y: auto;
  right: 0%;
  z-index: 10;
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  border-bottom-left-radius: 12px;
  -webkit-transform: translateX(150%);
  -ms-transform: translateX(150%);
  transform: translateX(150%);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out 0s, -webkit-transform 0.5s cubic-bezier(1, 0.63, 0.5, 1) 0s;
  transition: opacity 0.2s ease-out 0s, -webkit-transform 0.5s cubic-bezier(1, 0.63, 0.5, 1) 0s;
  -o-transition: transform 0.5s cubic-bezier(1, 0.63, 0.5, 1) 0s, opacity 0.2s ease-out 0s;
  transition: transform 0.5s cubic-bezier(1, 0.63, 0.5, 1) 0s, opacity 0.2s ease-out 0s;
  transition: transform 0.5s cubic-bezier(1, 0.63, 0.5, 1) 0s, opacity 0.2s ease-out 0s, -webkit-transform 0.5s cubic-bezier(1, 0.63, 0.5, 1) 0s;
  display: none;
}

.menu-mobile__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 15px;
}

.footer__top {
  padding: 22px 0 22px;
  position: relative;
}

.footer__top::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid rgba(207, 207, 207, 0.5);
  -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px #ffffff;
}

.footer__top::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid rgba(207, 207, 207, 0.5);
  -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px #ffffff;
}

.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer__bottom {
  padding: 16px 0 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.footer__copy {
  color: #757c8d;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
}

.menu-footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.menu-footer__item.active .menu-footer__link {
  color: #307ff5;
}

.menu-footer__link {
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  line-height: 120%;
  -webkit-transition: color 0.15s ease 0s;
  -o-transition: color 0.15s ease 0s;
  transition: color 0.15s ease 0s;
}

a.menu-footer__link {
  text-decoration: underline;
}

.social-footer__list,
.social__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.social-footer__link,
.social-link,
.social__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 32px;
  height: 32px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  border-radius: 50%;
  background-color: rgba(155, 155, 155, 0.5);
  -webkit-transition: background-color 0.2s ease 0s;
  -o-transition: background-color 0.2s ease 0s;
  transition: background-color 0.2s ease 0s;
}

.social-footer__link::before,
.social-link::before,
.social__link::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
}

.social-footer__link--youtube::before,
.social__link--youtube::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/social/youtube.svg);
  mask-image: url(/themes/foto/css/../images/icons/social/youtube.svg);
}

.social-footer__link--mail::before,
.social__link--mail::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/social/email.svg);
  mask-image: url(/themes/foto/css/../images/icons/social/email.svg);
}

.social-footer__link--vk::before,
.social__link--vk::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/social/vk.svg);
  mask-image: url(/themes/foto/css/../images/icons/social/vk.svg);
}

.social-footer__link--twitter::before,
.social__link--twitter::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/social/twitter.svg);
  mask-image: url(/themes/foto/css/../images/icons/social/twitter.svg);
}

.social-footer__link--telegram::before,
.social__link--telegram::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/social/telegram.svg);
  mask-image: url(/themes/foto/css/../images/icons/social/telegram.svg);
}

.tabs {
  padding: 30px 0 23px;
}

.tabs__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  overflow: hidden;
}

.tabs__item {
  border-radius: 10px 10px 0px 0px;
  border: 1px solid #efefef;
  border-bottom: none;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60.42%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.07))), #fff;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 60.42%, rgba(0, 0, 0, 0.07) 100%), #fff;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60.42%, rgba(0, 0, 0, 0.07) 100%), #fff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  padding: 14px;
  color: #a4a4a4;
  text-align: center;
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.tabs__item.active {
  background: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #4b4b4b;
}

.tabs__wrapper {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  padding: 26px 26px;
  padding-left: 28px;
  border: 1px solid #efefef;
  border-top: none;
  border-radius: 0 0 10px 10px;
}

.content-tab {
  display: none;
}

.content-tab.show {
  display: block;
}

.content-tab__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px 50px;
}

.content-tab__description {
  font-size: 16px;
  line-height: 120%;
  font-family: "Rubik", sans-serif;
}

.content-tab .search-form {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.content-tab__header {
  display: none;
}

.breadcrumbs__navigation {
  padding: 15px 0 12px;
}

.breadcrumbs__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.breadcrumbs__item + .breadcrumbs__item {
  padding-left: 5px;
  border-left: 1px solid #a4a4a4;
}

.breadcrumbs__item.active {
  color: #307ff5;
}

.breadcrumbs__link {
  color: #a4a4a4;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  -webkit-transition: color 0.15s ease 0s;
  -o-transition: color 0.15s ease 0s;
  transition: color 0.15s ease 0s;
}

.main__top {
  margin-bottom: 13px;
}

.top-main__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 40px;
}

.top-main__info {
  max-width: 560px;
}

.top-main__info > *:not(:last-child) {
  margin-bottom: 11px;
}

.top-main__title {
  margin-bottom: 11px;
  -webkit-hyphens: auto;
  hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
}

.top-main__action {
  margin-left: 18px;
}

.top-main__banner {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 810px;
  flex: 0 1 810px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  min-height: 146px;
  position: relative;
  padding: 26px 33px;
}

.top-main__banner-text {
  color: #ffffff;
  text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.36);
  font-family: "Rubik", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  max-width: 470px;
  position: relative;
  z-index: 2;
}

.top-main__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.description-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (280px)[2];
  grid-template-columns: repeat(2, 280px);
  gap: 10px;
}

.description-block__label {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  line-height: 120%;
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.description-block__list {
  color: #a4a4a4;
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
  padding-left: 22px;
}

.description-block__text {
  color: #a4a4a4;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
}

.actions-main__body {
  padding: 13px 0 17px;
  position: relative;
}

.actions-main__body::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid rgba(207, 207, 207, 0.5);
  -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px #ffffff;
}

.actions-main__body::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid rgba(207, 207, 207, 0.5);
  -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px #ffffff;
}

.actions-main__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 240px minmax(200px, 300px) minmax(210px, 170px) minmax(210px, 170px) 1fr;
  grid-template-columns: 240px minmax(200px, 300px) minmax(210px, 170px) minmax(210px, 170px) 1fr;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 20px 30px;
}

.actions-main__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 7px;
}

.actions-main__label {
  margin-left: 10px;
  color: #a4a4a4;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
}

.galleries .actions-main__items {
  -ms-grid-columns: 240px (1fr)[5];
  grid-template-columns: 240px repeat(5, 1fr);
}

.main__badges {
  padding: 14px 0 20px;
}

.badges__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}

.badges__item {
  border-radius: 40px;
  border: 1px solid #a4a4a4;
  min-height: 29px;
  padding: 5px 13.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #a4a4a4;
  line-height: 100%;
  -webkit-transition: color 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s, border-color 0.2s ease 0s;
  transition: color 0.2s ease 0s, border-color 0.2s ease 0s;
  cursor: pointer;
}

.badges__item.active {
  color: #4b4b4b;
  border-color: #4b4b4b;
}

.badges__item-show {
  border: none;
}

.topic__badges {
  padding: 14px 0;
  position: relative;
}

.topic__badges::before {
  border-bottom: 1px solid hsla(0deg, 0%, 81%, 0.5);
  -webkit-box-shadow: 0 1px 0 0 #fff;
  box-shadow: 0 1px 0 0 #fff;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.pagination__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

.pagination__item.active {
  pointer-events: none;
}

.pagination__item.active .pagination__link {
  border: 1px solid #307ff5;
}

.pagination__link {
  width: 40px;
  height: 40px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  color: #4b4b4b;
  text-align: center;
  font-family: "Rubik", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  border: 1px solid transparent;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.pagination__link--prev,
.pagination__link--next {
  background-color: rgba(75, 75, 75, 0.2);
  -webkit-transition: background-color 0.2s ease 0s;
  -o-transition: background-color 0.2s ease 0s;
  transition: background-color 0.2s ease 0s;
}

.pagination__link--prev::before,
.pagination__link--next::before {
  content: "";
  display: block;
  background-color: #ffffff;
  width: 23px;
  height: 23px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 12px 21px;
  mask-size: 12px 21px;
}

.pagination__link--prev::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/chevron-left.svg);
  mask-image: url(/themes/foto/css/../images/icons/chevron-left.svg);
}

.pagination__link--next::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/chevron-right.svg);
  mask-image: url(/themes/foto/css/../images/icons/chevron-right.svg);
}

.pagination__item-first,
.pagination__item-last {
  color: #4b4b4b;
  font-family: "Rubik", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
}

.pagination__item-first {
  margin-right: 23px;
}

.pagination__item-last {
  margin-left: 23px;
}

.text-editor__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.494fr 1fr;
  grid-template-columns: 0.494fr 1fr;
  gap: 20px;
}

.text-editor__label {
  color: #4b4b4b;
  font-size: 20px;
  line-height: 120%;
}

.text-editor__label:not(:last-child) {
  margin-bottom: 7px;
}

.text-editor__description {
  color: #a4a4a4;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}

.text-editor__actions {
  padding: 16px 7px;
  border-radius: 8px;
  background: #fff;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  justify-items: flex-start;
  gap: 40px;
  margin-bottom: 15px;
}

.text-editor__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 18px;
}

.text-editor__arrow {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #4b4b4b transparent;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.text-editor__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-editor__button--mobile {
  display: none;
  width: 24px;
  height: 24px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-editor__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-bottom: 13px;
}

.text-editor__area textarea {
  border-radius: 10px;
  border: 1px solid #dedede;
  background: #fff;
  width: 100%;
  height: 100%;
  min-height: 274px;
  padding: 18px 15px;
  resize: none;
  color: #4b4b4b;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  -webkit-transition: border-color 0.2s ease 0s;
  -o-transition: border-color 0.2s ease 0s;
  transition: border-color 0.2s ease 0s;
}

.text-editor__area textarea:focus {
  border-color: #4b4b4b;
}

.text-editor__btn {
  color: #ffffff;
  background-color: #307ff5;
  margin-top: 30px;
  width: 240px;
  -webkit-transition: background-color 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background-color 0.2s ease 0s, border-color 0.2s ease 0s;
  transition: background-color 0.2s ease 0s, border-color 0.2s ease 0s;
}

.text-editor__image {
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  padding-bottom: 128%;
}

.emodji-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 21px;
}

.emodji-item {
  cursor: pointer;
}

.nav-header__link--bell.active + .notification {
  -webkit-transform: translate(-100%, 0px);
  -ms-transform: translate(-100%, 0px);
  transform: translate(-100%, 0px);
  opacity: 1;
  pointer-events: all;
}

.notification {
  position: absolute;
  top: 0;
  -webkit-transform: translate(-100%, 20px);
  -ms-transform: translate(-100%, 20px);
  transform: translate(-100%, 20px);
  background: #ffffff;
  overflow-x: hidden;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 5;
  width: 480px;
  height: 642px;
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
  -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
  transition: opacity 0.25s, -webkit-transform 0.25s;
  -o-transition: transform 0.25s, opacity 0.25s;
  transition: transform 0.25s, opacity 0.25s;
  transition: transform 0.25s, opacity 0.25s, -webkit-transform 0.25s;
  opacity: 0;
  pointer-events: none;
}

.notification::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.notification::-webkit-scrollbar-thumb {
  display: none;
  width: 0;
  height: 0;
}

.notification__header {
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  padding: 0 12px;
  font-size: 16px;
  line-height: 120%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  z-index: 2;
  position: sticky;
  top: 0;
}

.notification__button {
  width: 40px;
  height: 40px;
  display: -ms-grid;
  display: grid;
  place-items: center;
}

.notification__items {
  overflow-y: auto;
}

.item-notification {
  position: relative;
}

.item-notification__inner {
  padding: 16px;
  padding-left: 6px;
  -webkit-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  transition: background-color 0.25s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 6px;
  position: relative;
}

.item-notification__new {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #307ff5;
  margin-top: 22px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.item-notification__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  display: -ms-grid;
  display: grid;
  place-items: center;
  background-color: #a4a4a4;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px;
}

.item-notification__message {
  margin-bottom: 8px;
  overflow: hidden;
  display: block;
  max-height: 120px;
  -webkit-line-clamp: 6;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 14px;
  line-height: 120%;
  color: #0f0f0f;
}

.item-notification__image {
  margin: 0 10px;
  width: 86px;
  height: 48px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

.item-notification__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.item-notification__date {
  color: #606060;
  font-size: 14px;
  line-height: 120%;
}

.item-notification .notification-button {
  position: absolute;
  top: 0;
  left: 0;
}

.item-notification__actions {
  display: none;
}

.item-notification__option {
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  top: -8px;
}

.item-notification__option .notification-button {
  pointer-events: none;
}

.item-notification__option.active .actions-notification {
  display: block;
}

.notification-button {
  position: relative;
  width: 40px;
  height: 40px;
  display: -ms-grid;
  display: grid;
  place-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  transition: background-color 0.25s;
}

.notification-icon {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  pointer-events: none;
}

.actions-notification {
  padding: 8px 0;
  background: #ffffff;
  color: #0f0f0f;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 5;
  width: 400px;
  border-radius: 12px;
  display: none;
}

.actions-notification__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  padding: 0 12px 0 16px;
  line-height: 120%;
  font-size: 14px;
  min-height: 36px;
  -webkit-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  transition: background-color 0.25s;
}

.exposition-card {
  border: 1px solid #efefef;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.exposition-card__slider .slider-pagination {
  bottom: 10px;
}

.exposition-card__favorite {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 11px;
  right: 13px;
  z-index: 2;
  background: transparent;
}

.exposition-card__favorite svg {
  pointer-events: none;
}

.exposition-card__favorite svg path {
  fill: transparent;
}

.exposition-card__favorite.active svg path {
  fill: #307ff5;
}

.exposition-card__image {
  padding-bottom: 64.8484848485%;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

.exposition-card__image::before {
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  height: 19.4%;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.exposition-card__content {
  padding: 11px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  border-top: 1px solid #efefef;
}

.exposition-card__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -ms-grid;
  display: grid;
  gap: 8px;
}

.exposition-card__list-item {
  color: #a4a4a4;
  font-size: 16px;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.exposition-card__list-item span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.exposition-card__list-item span::before {
  content: "";
  display: block;
  width: 4px;
  height: 5px;
  background-color: #307ff5;
  border-radius: 50%;
}

.exposition-card__title {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.exposition-card__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
}

.exposition-card__price {
  font-size: 16px;
  line-height: 120%;
}

.studio-card {
  padding: 12px;
  border: 1px solid #efefef;
  border-radius: 10px;
  padding: 12px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  font-size: 16px;
  line-height: 120%;
}

.studio-card__slider {
  margin-bottom: 8px;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.hall .studio-card__slider {
  margin-bottom: 20px;
}

.studio-card__slider-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.48fr 1fr 0.48fr;
  grid-template-columns: 0.48fr 1fr 0.48fr;
  -ms-grid-rows: (auto)[2];
  grid-template-rows: repeat(2, auto);
  gap: 18px;
}

.studio-card__slider-item {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-grid;
  display: grid;
  place-items: center;
}

.studio-card__slider-item:nth-child(3) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}

.studio-card__image {
  padding-bottom: 60.6060606061%;
  height: 100%;
  width: 100%;
}

.studio-card__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  gap: 8px;
}

.studio-card__head {
  display: -ms-grid;
  display: grid;
  gap: 8px;
}

.studio-card__title {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
}

.studio-card__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}

.studio-card__reactions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 34px;
}

.studio-card__content p:not(:last-child) {
  margin-bottom: 16px;
}

.studio-card__content-caption {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  margin-bottom: 12px;
}

.studio-card__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 18px;
}

.studio-card__bottom .custom-list__item {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  color: #4b4b4b;
  gap: 10px;
}

.studio-card__bottom .custom-list__item span {
  gap: 10px;
}

.studio-card__bottom .custom-list__item span::before {
  width: 8px;
  height: 8px;
  background-color: #307ff5;
}

.studio-card__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.studio-card .rating {
  gap: 30px;
}

.studio-card__info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  gap: 30px;
}

.studio-card__info-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}

.studio-card__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 330px;
  grid-template-columns: 1fr 330px;
  gap: 30px 18px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  padding-left: 9px;
}

.studio-card__aside {
  display: -ms-grid;
  display: grid;
  gap: 16px;
}

.studio-card__advantages {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -ms-grid;
  display: grid;
  gap: 16px;
}

.studio-card__advantage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-family: "Rubik", sans-serif;
  font-size: 18px;
  line-height: 110%;
}

.studio-card__advantage svg {
  width: 24px;
  height: 24px;
}

.studio-card__halls {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  display: none;
}

.studio-card__halls.active {
  display: -ms-grid;
  display: grid;
}

.studio-card__footer {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.studio-card__map {
  height: 558px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  margin: 12px 0 27px;
}

.studio-card__map .map {
  height: 100%;
  width: 100%;
}

.studio-card__reviews {
  display: -ms-grid;
  display: grid;
  justify-items: start;
  gap: 40px;
  max-width: 1028px;
}

.studio-card__reviews-caption {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
}

.studio-card__similar {
  padding-left: 10px;
  margin-top: 37px;
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.studio-card .pagination {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.studio-card .aside-studio .choices {
  margin: 0;
}

.studio-card .aside-studio__form {
  display: -ms-grid;
  display: grid;
  gap: 12px;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 15px 10px 10px 10px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
}

.studio-card .aside-studio__items {
  display: -ms-grid;
  display: grid;
  gap: 14px;
}

.studio-card .aside-studio .custom-list {
  font-family: "Rubik", sans-serif;
}

.studio-card .aside-studio .custom-list__item {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  color: #4b4b4b;
  gap: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.studio-card .aside-studio .custom-list__item span {
  gap: 10px;
}

.studio-card .aside-studio .custom-list__item span::before {
  width: 8px;
  height: 8px;
}

.studio-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px 20px;
  overflow: hidden;
}

.studio-contacts__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  -webkit-transform: translate(-100%) scale(0);
  -ms-transform: translate(-100%) scale(0);
  transform: translate(-100%) scale(0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
}

.studio-contacts__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.studio-contacts__list-item:not(:last-child)::after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #a4a4a4;
}

.studio-contacts__list-item:last-child {
  color: #307ff5;
}

.reviews-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px 24px;
}

.reviews-item__name {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  width: 100%;
}

.reviews-item__date {
  color: #a4a4a4;
  font-size: 14px;
  line-height: 120%;
}

.main-search__box {
  margin: 16px 0 26px;
}

.search-form {
  width: 100%;
  height: 54px;
  position: relative;
  overflow: hidden;
}

.search-form__input {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #dedede;
  background: #ffffff;
  height: 100%;
  padding: 18px 60px 16px 19px;
  font-size: 16px;
  color: #4b4b4b;
  -webkit-transition: border-color 0.15s ease 0s;
  -o-transition: border-color 0.15s ease 0s;
  transition: border-color 0.15s ease 0s;
}

.search-form__input::-webkit-input-placeholder {
  font-style: italic;
  font-size: 16px;
  color: #a4a4a4;
  -webkit-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.search-form__input::-moz-placeholder {
  font-style: italic;
  font-size: 16px;
  color: #a4a4a4;
  -moz-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.search-form__input:-ms-input-placeholder {
  font-style: italic;
  font-size: 16px;
  color: #a4a4a4;
  -ms-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.search-form__input::-ms-input-placeholder {
  font-style: italic;
  font-size: 16px;
  color: #a4a4a4;
  -ms-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.search-form__input::placeholder {
  font-style: italic;
  font-size: 16px;
  color: #a4a4a4;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.search-form__button {
  position: absolute;
  height: 100%;
  width: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.search-form__button::before {
  content: "";
  display: block;
  background-color: #757b8d;
  width: 20px;
  height: 20px;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/search.svg);
  mask-image: url(/themes/foto/css/../images/icons/search.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.sections__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 330px 1fr;
  grid-template-columns: 330px 1fr;
  gap: 30px;
}

.sections__body-mobile {
  display: none;
}

.sections__main {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 30px 30px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.sections__aside {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 30px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -ms-flex-line-pack: start;
  align-content: start;
}

.main-sections__top,
.main-sections__middle,
.main-sections__bottom {
  display: -ms-grid;
  display: grid;
  gap: 30px 30px;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

.item-section {
  border-radius: 10px;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  padding: 16px 16px 14px;
  overflow: hidden;
  min-height: 221px;
  position: relative;
}

.item-section--recent,
.item-section--industry-news,
.item-section--banner {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.item-section__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 4px;
  margin-bottom: 16px;
}

.item-section__icon::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: #307ff5;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.item-section__title {
  font-family: "Rubik", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.item-section__title span {
  position: relative;
  padding-bottom: 4px;
}

.item-section__title span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: var(--line-width);
  border-bottom: 2px solid #307ff5;
}

.item-section__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.item-section__link {
  color: #4b4b4b;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
}

.item-section__link-text {
  -webkit-transition: border-bottom 0.2s ease 0s, color 0.2s ease 0s;
  -o-transition: border-bottom 0.2s ease 0s, color 0.2s ease 0s;
  transition: border-bottom 0.2s ease 0s, color 0.2s ease 0s;
  border-bottom: 1px solid transparent;
}

.item-section__date {
  color: #a4a4a4;
}

.item-section__banner {
  height: 224px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.item-section__banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.item-section__footer {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.news-list li,
.focus-list li,
.reviews-list li {
  padding-left: 16px;
  position: relative;
}

.news-list li::before,
.focus-list li::before,
.reviews-list li::before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background-color: #307ff5;
  top: 4px;
  left: 4px;
}

.news-list li:not(:last-child),
.focus-list li:not(:last-child),
.reviews-list li:not(:last-child) {
  margin-bottom: 13px;
}

.reviews-list li:not(:last-child) {
  margin-bottom: 17px;
}

.forum-list li {
  position: relative;
  padding-left: 16px;
}

.forum-list li::before {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  background-color: #789aff;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/icon-info-light.svg);
  mask-image: url(/themes/foto/css/../images/icons/icon-info-light.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 12px 12px;
  mask-size: 12px 12px;
}

.forum-list li:not(:last-child) {
  margin-bottom: 22px;
}

.small-news-list li:not(:last-child),
.classic-list li:not(:last-child) {
  margin-bottom: 16px;
}

.small-news-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
}

.small-news-image {
  width: 42px;
  height: 42px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 42px;
  flex: 0 0 42px;
  border-radius: 3px;
  overflow: hidden;
}

.small-news-date {
  display: inline-block;
  font-size: 10px;
  color: #a4a4a4;
}

.item-classic__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
}

.item-classic__image {
  width: 42px;
  height: 42px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 42px;
  flex: 0 0 42px;
  border-radius: 3px;
  overflow: hidden;
}

.item-classic__date {
  display: block;
  font-size: 10px;
  color: #a4a4a4;
}

.classic-links {
  margin-top: 23px;
}

.classic-links a {
  color: #307ff5;
  font-size: 10px;
  font-weight: 400;
  line-height: 120%;
  border-bottom: 1px solid #307ff5;
}

.big-news-list li:not(:last-child) {
  margin-bottom: 16px;
}

.big-news-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 14px;
}

.big-news-image {
  height: 109px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 146px;
  flex: 0 0 146px;
  border-radius: 3px;
  overflow: hidden;
}

.big-news-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.big-news-content > *:not(:last-child) {
  margin-bottom: 16px;
}

.big-news-title {
  color: #307ff5;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
}

.big-news-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
}

.big-news-date {
  color: #a4a4a4;
  font-size: 12px;
  line-height: 120%;
  display: block;
  margin-top: auto;
}

.item-section--news .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-news.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-news.svg);
}

.item-section--gallery .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-gallery.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-gallery.svg);
}

.item-section--focus .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-focus.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-focus.svg);
}

.item-section--flea-market .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-flea-market.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-flea-market.svg);
}

.item-section--forum .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-forum.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-forum.svg);
}

.item-section--reviews .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-reviews.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-reviews.svg);
}

.item-section--projects .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-projects.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-projects.svg);
}

.item-section--classic .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-classic_photo.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-classic_photo.svg);
}

.item-section--recent .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-time.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-time.svg);
}

.item-section--industry-news .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-industry.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-industry.svg);
}

.item-section--gallery,
.item-section--recent {
  padding-bottom: 9px;
}

.item-section--projects,
.item-section--classic,
.item-section--industry-news,
.item-section--reviews {
  padding-bottom: 20px;
}

.item-section--forum {
  padding-bottom: 26px;
}

.item-section--banner {
  padding: 0;
}

.item-section--forum .item-section__footer,
.item-section--reviews .item-section__footer {
  margin-top: 20px;
}

.item-section--flea-market .item-section__footer {
  margin-top: 8px;
}

.item-section--projects .item-section__footer {
  margin-top: 23px;
}

.item-section--classic .item-section__footer {
  margin-top: 12px;
}

.item-section--industry-news .item-section__footer {
  margin-top: 16px;
}

.flea-market-list li {
  padding: 12px 0 11px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  border-bottom: 1px solid rgba(164, 164, 164, 0.2);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flea-market-list__head {
  color: #a4a4a4;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
}

.flea-market-list__head + .flea-market-list__head {
  text-align: center;
}

.flea-market-list__number,
.flea-market-list__total {
  font-weight: 700;
  font-family: "Rubik", sans-serif;
  text-align: center;
}

.flea-market-list__text {
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}

.flea-market-list__text::before {
  content: "";
  display: block;
  background-color: #307ff5;
  width: 18px;
  height: 18px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
}

.flea-market-list__text--buy::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/cart.svg);
  mask-image: url(/themes/foto/css/../images/icons/cart.svg);
}

.flea-market-list__text--sell::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/cart-sell.svg);
  mask-image: url(/themes/foto/css/../images/icons/cart-sell.svg);
}

.forums__bottom {
  margin-top: 31px;
}

.forums__bottom .tabs {
  display: none;
}

.forums__labels {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  gap: 10px 63px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sections-forum {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 30px;
}

.sections-forum--all {
  margin-top: 10px;
}

.sections-forum__box--favorites .forum-table__date {
  color: #4b4b4b;
}

.forum-table {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 13px;
}

.forum-table__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr (200px)[var(--repeatColumns)];
  grid-template-columns: 1fr repeat(var(--repeatColumns), 200px);
}

.forum-table__row:not(.forum-table__row-header) {
  min-height: 105px;
  border-radius: 10px;
  border: 1px solid #efefef;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.forum-table__head {
  color: #a4a4a4;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  line-height: 120%;
}

.forum-table__head:not(:first-child) {
  text-align: center;
}

.forum-table__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
}

.forum-table__item:not(:first-child) {
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.forum-table__item:nth-child(even) {
  background-color: #f0f4f9;
}

.forum-table__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 14px;
}

.forum-table__title {
  color: #4b4b4b;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  display: block;
}

.forum-table__title:not(:last-child) {
  margin-bottom: 11px;
}

.forum-table__sub-title {
  color: #a4a4a4;
  font-family: "Rubik", sans-serif;
  line-height: 120%;
}

.forum-table__sub-title span {
  color: #307ff5;
}

.forum-table__date {
  display: block;
  color: #a4a4a4;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
}

.forum-table__date:not(:last-child) {
  margin-bottom: 4px;
}

.forum-table__author {
  font-size: 14px;
  color: #307ff5;
}

.forum-table__author:not(:last-child) {
  margin-bottom: 4px;
}

.forum-table__link {
  color: #4b4b4b;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
}

.forum-table__name {
  display: block;
  font-size: 16px;
  line-height: 120%;
  -webkit-transition: color 0.15s ease 0s;
  -o-transition: color 0.15s ease 0s;
  transition: color 0.15s ease 0s;
}

.forum-table__name:not(:last-child) {
  margin-bottom: 13px;
}

.forum-table__pages {
  color: #a4a4a4;
  font-family: "Rubik", sans-serif;
  line-height: 120%;
}

.forum-table__pages a {
  -webkit-transition: color 0.15s ease 0s;
  -o-transition: color 0.15s ease 0s;
  transition: color 0.15s ease 0s;
}

.forum-table__theme {
  padding-left: 40px;
  background-image: url(/themes/foto/css/../images/icons/icon-info.svg);
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: left center;
}

.forum-table__label {
  display: none;
  margin-bottom: 8px;
}

a.forum-table__link {
  text-decoration: underline;
  -webkit-transition: -webkit-text-decoration 0.2s ease 0s;
  transition: -webkit-text-decoration 0.2s ease 0s;
  -o-transition: text-decoration 0.2s ease 0s;
  transition: text-decoration 0.2s ease 0s;
  transition: text-decoration 0.2s ease 0s, -webkit-text-decoration 0.2s ease 0s;
}

a.forum-table__link:active {
  text-decoration: none;
}

.top-forum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  padding: 17px 0 6px;
}

.top-forum__title:not(:last-child) {
  margin-bottom: 11px;
}

.top-forum__data {
  color: #a4a4a4;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  line-height: 110%;
}

.forum-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.forum-label__icon::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
}

.icon-info-gradient::before {
  background-image: url(/themes/foto/css/../images/icons/labels/icon-info-gradient.svg);
}

.icon-new-message::before {
  background-image: url(/themes/foto/css/../images/icons/labels/icon-new-message.svg);
}

.icon-no-message::before {
  background-image: url(/themes/foto/css/../images/icons/labels/icon-no-message.svg);
}

.icon-close-message::before {
  background-image: url(/themes/foto/css/../images/icons/labels/icon-close-message.svg);
}

.icon-unopened-message::before {
  background-image: url(/themes/foto/css/../images/icons/labels/icon-unopened-message.svg);
}

.sections-galleries {
  padding-bottom: 30px;
}

.sections-galleries .item-section__header {
  margin-bottom: 20px;
}

.sections-galleries .item-section--banner {
  grid-column: unset;
}

.sections__center {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 30px 0px;
}

.sections__center .item-section {
  padding-bottom: 16px;
}

.sections__center .item-section__footer {
  margin-top: 16px;
}

.sections__center .gallery .item-section__header {
  margin-bottom: 24px;
}

.sections__center .gallery__bottom {
  margin-top: 16px;
}

.aside-right .gallery__bottom {
  margin-top: 20px;
}

.sections-galleries__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 330px 1fr 330px;
  grid-template-columns: 330px 1fr 330px;
  gap: 30px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.item-section--partion .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-partions.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-partions.svg);
}

.item-section--clan-gallery {
  padding-bottom: 9px;
}

.item-section--clan-gallery .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-clan-gallery.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-clan-gallery.svg);
}

.item-section--winners {
  padding-bottom: 18px;
}

.item-section--winners .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-winners.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-winners.svg);
}

.item-section--recent-arrivals .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-recent-arrivals.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-recent-arrivals.svg);
}

.item-section--best-photo .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-star.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-star.svg);
}

.item-section--best-week .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-best-photo.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-best-photo.svg);
}

.item-section--recomendation .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-recomendation.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-recomendation.svg);
}

.item-section--popular .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-popular.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-popular.svg);
}

.item-section--young .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-young.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-young.svg);
}

.item-section--best-series .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-best-series.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-best-series.svg);
}

.item-section--most-comment .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-most-comment.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-most-comment.svg);
}

.item-section--contests .item-section__header {
  margin-bottom: 16px;
}

.item-section--contests .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-contests.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-contests.svg);
}

.item-section--showing .item-section__header {
  margin-bottom: 16px;
}

.item-section--showing .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-projects.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-projects.svg);
}

.item-section--registration {
  padding: 16px 16px 20px;
}

.item-section--registration .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-registration.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-registration.svg);
}

.item-section--photo-model {
  padding: 16px 20px 16px;
}

.item-section--photo-model .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-photomodel.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-photomodel.svg);
}

.item-section--how-isdone {
  padding: 16px 16px 20px;
}

.item-section--how-isdone .item-section__footer {
  margin-top: 23px;
}

.item-section--how-isdone .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-howisdone.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-howisdone.svg);
}

.item-section--additional {
  padding: 16px;
}

.item-section--additional .item-section__header {
  margin-bottom: 28px;
}

.item-section--additional .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-gallery.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-gallery.svg);
}

.item-section--subscribe {
  padding: 16px 16px 24px;
}

.item-section--subscribe .item-section__header {
  margin-bottom: 31px;
  max-width: 180px;
}

.item-section--subscribe .item-section__icon::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sections/icon-subscribe.svg);
  mask-image: url(/themes/foto/css/../images/icons/sections/icon-subscribe.svg);
}

.banner-mobile {
  display: none;
}

.aside-right .banner-mobile {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.sections__center .item-section.banner-mobile {
  padding: 0;
}

.partions__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.item-partion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  line-height: 120%;
}

.item-partion.active .item-partion__link {
  color: #307ff5;
}

.item-partion:not(:last-child) {
  margin-bottom: 10px;
}

.item-partion__link {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  transition: color 0.2s ease 0s;
}

.item-partion__value {
  color: #a4a4a4;
  text-align: right;
}

.card-winner {
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
  font-size: 14px;
  line-height: 120%;
}

.card-winner__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-height: 294px;
  padding-bottom: 100%;
  border-radius: 5px;
  overflow: hidden;
}

.card-winner__icon {
  width: 56px;
  height: 56px;
  background-image: url(/themes/foto/css/../images/sections/winner/golden.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.card-winner__body {
  padding: 5px 12px 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-winner__content > *:not(:last-child) {
  margin-bottom: 2px;
}

.card-winner__date {
  font-size: 12px;
  color: #a4a4a4;
}

.card-winner__author span {
  color: #307ff5;
}

.registration-info .description-block {
  display: block;
  margin-bottom: 32px;
}

.registration-info .description-block > *:not(:last-child) {
  margin-bottom: 11px;
}

.registration-info__button {
  width: 100%;
}

.additional-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 15px 0px;
}

.details__input {
  padding: 10px 13px 10px;
}

.details__input::-webkit-input-placeholder {
  color: #757c8d;
}

.details__input::-moz-placeholder {
  color: #757c8d;
}

.details__input:-ms-input-placeholder {
  color: #757c8d;
}

.details__input::-ms-input-placeholder {
  color: #757c8d;
}

.details__input::placeholder {
  color: #757c8d;
}

.subscribe-form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 25px 0px;
}

.subscribe-form__input {
  min-height: 54px;
  padding: 15px 16px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.subscribe-form__input::-webkit-input-placeholder {
  font-size: 16px;
  color: #a4a4a4;
}

.subscribe-form__input::-moz-placeholder {
  font-size: 16px;
  color: #a4a4a4;
}

.subscribe-form__input:-ms-input-placeholder {
  font-size: 16px;
  color: #a4a4a4;
}

.subscribe-form__input::-ms-input-placeholder {
  font-size: 16px;
  color: #a4a4a4;
}

.subscribe-form__input::placeholder {
  font-size: 16px;
  color: #a4a4a4;
}

.topic {
  padding-bottom: 30px;
}

.topic .top-main__wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.topic__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.topic__pagination.pagination-top {
  padding: 30px 0 17px;
}

.topic__pagination.pagination-bottom {
  padding: 20px 0 20px;
}

.topic__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px 20px;
  position: relative;
  padding: 16px 0;
}

.topic__top::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid rgba(207, 207, 207, 0.5);
  -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px #ffffff;
}

.topic__top::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid rgba(207, 207, 207, 0.5);
  -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px #ffffff;
}

.topic__button {
  padding: 10px 26px;
}

.topic__result {
  color: #a4a4a4;
  text-align: right;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
}

.topic__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 15px;
}

.topic-card {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 156px 1fr;
  grid-template-columns: 156px 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  border-radius: 10px;
  border: 1px solid #efefef;
  background: #fff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  font-family: "Rubik", sans-serif;
  line-height: 120%;
  overflow: hidden;
}

.topic-card__content {
  border-left: 1px solid #dedede;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 0 9px 9px 0;
}

.topic-card__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  gap: 8px;
  padding: 15px 16px 15px 20px;
}

.topic-card__time {
  color: #a4a4a4;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  line-height: 110%;
}

.topic-card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
}

.topic-card__img {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
  width: 120px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  border-radius: 5px;
}

.topic-card__messages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.topic-card__message {
  color: #4b4b4b;
  position: relative;
  padding-left: 28px;
}

.topic-card__message::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #307ff5;
}

.topic-card__message--1::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/topic-msg-1.svg);
  mask-image: url(/themes/foto/css/../images/icons/topic-msg-1.svg);
}

.topic-card__message--2::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/topic-msg-2.svg);
  mask-image: url(/themes/foto/css/../images/icons/topic-msg-2.svg);
}

.topic-card__author-label {
  color: #a4a4a4;
}

.topic-card__author-name {
  color: #307ff5;
}

.topic-card__date,
.topic-card__date-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 17px;
  background: rgba(164, 164, 164, 0.2);
  padding: 10px 23px;
}

.topic-card__date-mobile {
  display: none;
}

.topic-card__user {
  color: #4b4b4b;
}

.main-topic {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 12px;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  padding: 11px 23px 13px;
}

.main-topic__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 7px;
}

.main-topic__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.main-topic__sub-title {
  font-size: 16px;
  font-family: "Inter", sans-serif;
}

.main-topic__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.main-topic__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px 8px;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.main-topic__image {
  position: relative;
  height: 231px;
  width: 330px;
  overflow: hidden;
}

.main-topic__description {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 120%;
}

.footer-topic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  position: relative;
  margin-top: auto;
  padding: 18px 23px;
  overflow: hidden;
  background-color: rgba(164, 164, 164, 0.2);
}

.footer-topic__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-topic__item:first-child {
  gap: 10px 47px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-topic__item:last-child {
  gap: 10px 11px;
}

.add-photo {
  padding-bottom: 80px;
}

.add-photo__title {
  margin-bottom: 44px;
}

.add-photo__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 25px 0px;
  font-size: 16px;
  line-height: 120%;
  margin-bottom: 50px;
}

.add-photo__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-family: "Rubik", sans-serif;
}

.add-photo__link {
  color: #307ff5;
}

.add-photo__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 30px;
}

.add-photo__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.483fr 1fr;
  grid-template-columns: 0.483fr 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px 30px;
}

.add-photo__item--equipment .add-photo__column:first-child,
.add-photo__item--text-editor .add-photo__column:first-child {
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

.add-photo__item--equipment .text-editor__column:first-child,
.add-photo__item--text-editor .text-editor__column:first-child {
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

.add-photo__label {
  color: #4b4b4b;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.add-photo__recomendation {
  max-width: 426px;
  border-radius: 10px;
  border: 1px dashed #a4a4a4;
  padding: 10px;
  color: #4b4b4b;
  font-size: 16px;
  line-height: 117%;
}

.add-photo__recomendation ul {
  padding-left: 25px;
}

.dropzone {
  border-radius: 10px;
  border: 1px dashed #307ff5;
  background: #fff;
  padding: 10px;
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 153px;
  color: #4b4b4b;
  text-align: center;
  font-size: 16px;
  line-height: 120%;
  cursor: pointer;
}

.select-group {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.select-group .choices {
  margin: 0;
}

.auth__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.auth__title {
  margin: 0;
}

.auth__form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 32px;
}

.auth-login {
  padding: 167px 0;
}

.auth-login .auth__body {
  max-width: 450px;
  margin: 0 auto;
}

.auth-register {
  padding: 153px 0 53px;
}

.auth-register .auth__body {
  max-width: 930px;
  margin: 0 auto;
}

.auth-register .auth__button {
  width: 240px;
}

.auth-register .auth__title {
  margin-bottom: 36px;
}

.auth-register .auth__bottom {
  margin-top: 9px;
}

.auth__button {
  width: 309px;
  margin: 0 auto;
}

.auth__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px 24px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.auth__link {
  color: #307ff5;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  line-height: 110%;
  -webkit-transition: -webkit-text-decoration 0.2s ease 0s;
  transition: -webkit-text-decoration 0.2s ease 0s;
  -o-transition: text-decoration 0.2s ease 0s;
  transition: text-decoration 0.2s ease 0s;
  transition: text-decoration 0.2s ease 0s, -webkit-text-decoration 0.2s ease 0s;
}

.auth__group {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 30px;
}

a.auth__link {
  text-decoration: underline;
}

.text-page {
  padding-bottom: 30px;
}

.text-page__title {
  margin-bottom: 20px;
}

.text-page__body {
  color: #4b4b4b;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.text-page__body ul {
  padding-left: 28px;
}

.text-page__links {
  margin-top: 19px;
}

.text-page__links ul {
  color: #307ff5;
}

.text-page__links a {
  color: #307ff5;
  border-bottom: 1px solid #307ff5;
  -webkit-transition: border-bottom 0.2s ease 0s;
  -o-transition: border-bottom 0.2s ease 0s;
  transition: border-bottom 0.2s ease 0s;
}

.text-page__links a:active {
  border-bottom: 1px solid transparent;
}

.main-photo {
  padding-bottom: 40px;
}

.main-photo__title {
  margin-bottom: 20px;
}

.main-photo__body {
  padding: 24px 24px 19px;
  border-radius: 10px;
  border: 1px solid #efefef;
  background: #fff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}

.main-photo__gallery .gallery {
  padding: 0;
  margin: 0;
}

.main-photo__gallery .gallery__bottom {
  margin-top: 20px;
}

.main-photo__gallery .item-gallery {
  border-radius: 0;
}

.main-photo__gallery .item-gallery__image {
  padding-bottom: 104.7314578005%;
}

.main-photo__actions {
  margin: 21px 5px;
  padding: 12px 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px 20px;
}

.main-photo__actions::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid rgba(207, 207, 207, 0.5);
  -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px #ffffff;
}

.main-photo__actions::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid rgba(207, 207, 207, 0.5);
  -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px #ffffff;
}

.main-photo__actions-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px 43px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.main-photo__actions-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px;
}

.main-photo__info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.main-photo__info-box--comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 9px;
}

.main-photo__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  max-width: 550px;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  line-height: 120%;
}

.main-photo__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 14px;
}

.main-photo__list-item a {
  color: #307ff5;
}

.main-photo__list-item .main-photo__label {
  font-family: "Inter", sans-serif;
}

.main-photo__label {
  color: #a4a4a4;
  font-size: 16px;
}

.main-photo__value {
  color: #4b4b4b;
  text-align: right;
  font-weight: 500;
}

.main-photo__comment {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 24px;
}

.main-photo__comment-text {
  color: #4b4b4b;
  font-size: 16px;
  line-height: 120%;
}

.main-photo__social {
  margin-top: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 13px;
}

.main-photo__text-editor {
  padding: 24px 0 0;
}

.gallery-big {
  max-width: 782px;
  margin: 0 auto;
  overflow: hidden;
}

.rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
}

.rating__value {
  color: #4b4b4b;
  line-height: 120%;
}

.rating__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.rating__list.r-1 li:nth-child(-n+1) {
  background-image: url(/themes/foto/css/../images/icons/star.svg);
  background-repeat: no-repeat;
}

.rating__list.r-2 li:nth-child(-n+2) {
  background-image: url(/themes/foto/css/../images/icons/star.svg);
  background-repeat: no-repeat;
}

.rating__list.r-3 li:nth-child(-n+3) {
  background-image: url(/themes/foto/css/../images/icons/star.svg);
  background-repeat: no-repeat;
}

.rating__list.r-4 li:nth-child(-n+4) {
  background-image: url(/themes/foto/css/../images/icons/star.svg);
  background-repeat: no-repeat;
}

.rating__list.r-5 li:nth-child(-n+5) {
  background-image: url(/themes/foto/css/../images/icons/star.svg);
  background-repeat: no-repeat;
}

.rating__item {
  display: block;
  background-image: url(/themes/foto/css/../images/icons/star-t.svg);
  background-size: 15px 15px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 15px;
  height: 15px;
}

.small-gallery {
  padding: 0 5px;
  margin-bottom: 21px;
}

.small-gallery__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
}

.small-gallery__image {
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: 100%;
}

.comments {
  padding-top: 25px;
  padding-bottom: 24px;
}

.comments__title {
  margin-bottom: 22px;
}

.comments__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 20px;
}

.item-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 7px;
  border-radius: 10px;
  border: 1px solid #efefef;
  background: #fff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  padding: 16px 19px 17px;
}

.item-comment__name {
  color: #307ff5;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
}

.item-comment__date {
  color: #a4a4a4;
  line-height: 120%;
}

.item-comment__text {
  color: #4b4b4b;
  font-size: 16px;
  line-height: 120%;
}

.text-editor__columns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 450px 30px 1fr;
  grid-template-columns: 450px 1fr;
  -ms-grid-rows: auto 18px auto;
  grid-template-rows: auto auto;
  grid-template-areas: "descr editor" "image editor";
  gap: 18px 30px;
}

.text-editor__columns .text-editor__column:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: descr;
}

.text-editor__columns .text-editor__column:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  grid-area: editor;
}

.text-editor__columns .text-editor__column:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: image;
}

.author {
  padding: 5px 0 20px;
}

.author__wrapper > *:not(:last-child) {
  margin-bottom: 20px;
}

.about-author {
  padding: 17px 25px 17px;
  border-radius: 10px;
  border: 1px solid #efefef;
  background: #fff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}

.about-author__title {
  margin-bottom: 18px;
}

.about-author__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 210px 29px 1fr;
  grid-template-columns: 210px 1fr;
  -ms-grid-rows: auto 20px auto;
  grid-template-areas: "image features" "actions actions";
  gap: 20px 29px;
}

.about-author__image {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  padding-bottom: 100%;
  grid-area: image;
  border-radius: 10px;
  overflow: hidden;
}

.about-author__body > .about-author__image {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.private-message__top-info > .about-author__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
}

.about-author__features {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: features;
}

.about-author__actions {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: actions;
}

.features-author {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.9fr 1fr;
  grid-template-columns: 0.9fr 1fr;
  gap: 16px 87px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.features-author__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px 0px;
  font-size: 16px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.features-author__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

.features-author__description {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 10px;
}

.features-author__description .features-author__label {
  font-size: 16px;
}

.features-author__label {
  font-size: 16px;
  color: #a4a4a4;
  line-height: 120%;
}

.features-author__value {
  color: #4b4b4b;
  text-align: right;
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  line-height: 120%;
}

.features-author__text {
  color: #4b4b4b;
  font-size: 16px;
  line-height: 120%;
}

.actions-author {
  padding: 20px 0 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.actions-author-mobile {
  display: none;
}

.actions-author::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid rgba(207, 207, 207, 0.5);
  -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px #ffffff;
}

.actions-author__text {
  position: relative;
  font-size: 14px;
  line-height: 120%;
}

.actions-author__text:first-child {
  padding-right: 60px;
}

.actions-author__text a {
  color: #307ff5;
}

.actions-author__icon {
  display: block;
  width: 55px;
  min-height: 32px;
  max-height: 32px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

.actions-author__button {
  color: #307ff5;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}

.actions-author__button::before {
  content: "";
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-color: #307ff5;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.actions-author__button--share::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/share.svg);
  mask-image: url(/themes/foto/css/../images/icons/share.svg);
}

.actions-author__button--letter::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/letter.svg);
  mask-image: url(/themes/foto/css/../images/icons/letter.svg);
}

.actions-author__button--message::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/add-message.svg);
  mask-image: url(/themes/foto/css/../images/icons/add-message.svg);
}

.author-box {
  padding: 17px 24px;
  border-radius: 10px;
  border: 1px solid #efefef;
  background: #fff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.author-box.open .author-box__arrow::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.author-box.open .author-box__body {
  display: block;
}

.author-box .gallery {
  padding: 15px;
  margin: -15px;
}

.author-box .gallery__body {
  overflow: hidden;
}

.author-box .gallery__bottom {
  margin-top: 15px;
}

.author-box__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 21px 20px;
}

.author-box__title {
  color: #4b4b4b;
  font-family: "Rubik" sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
  font-size: 20px;
}

.author-box__title::before {
  content: "";
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-color: #307ff5;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.author-box__body {
  padding-top: 18px;
  display: none;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.author-box__button {
  color: #a4a4a4;
  font-size: 16px;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
}

.author-box__arrow {
  width: 30px;
  height: 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #307ff5;
}

.author-box__arrow::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/arrow-down-light.svg);
  mask-image: url(/themes/foto/css/../images/icons/arrow-down-light.svg);
  -webkit-mask-size: 24px 20px;
  mask-size: 24px 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  -o-transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.author-box__result {
  color: #a4a4a4;
  font-size: 16px;
  line-height: 120%;
  margin-bottom: 16px;
}

.author-box__result strong {
  color: #4b4b4b;
}

.author-box .item-gallery {
  border-radius: 10px;
}

.author-box .item-gallery__image {
  overflow: hidden;
}

.author-box--awards .author-box__title::before {
  -webkit-mask-image: url(/themes/foto/css/../images/author/icons/icon-trophy.svg);
  mask-image: url(/themes/foto/css/../images/author/icons/icon-trophy.svg);
}

.author-box--photos .author-box__title::before {
  -webkit-mask-image: url(/themes/foto/css/../images/author/icons/icon-photos.svg);
  mask-image: url(/themes/foto/css/../images/author/icons/icon-photos.svg);
}

.author-box--series .author-box__title::before {
  -webkit-mask-image: url(/themes/foto/css/../images/author/icons/icon-series.svg);
  mask-image: url(/themes/foto/css/../images/author/icons/icon-series.svg);
}

.author-box--series .author-box__result {
  margin-bottom: 25px;
}

.author-box--personal .author-box__title::before {
  -webkit-mask-image: url(/themes/foto/css/../images/author/icons/icon-personal.svg);
  mask-image: url(/themes/foto/css/../images/author/icons/icon-personal.svg);
}

.author-box--personal .gallery__bottom {
  margin-top: 21px;
}

.author-box--stats .author-box__title::before {
  -webkit-mask-image: url(/themes/foto/css/../images/author/icons/icon-stats.svg);
  mask-image: url(/themes/foto/css/../images/author/icons/icon-stats.svg);
}

.author-box--blog .author-box__title::before {
  -webkit-mask-image: url(/themes/foto/css/../images/author/icons/icon-blog.svg);
  mask-image: url(/themes/foto/css/../images/author/icons/icon-blog.svg);
}

.author-box--blog .author-box__body {
  padding-top: 22px;
}

.item-gallery__trophy {
  position: absolute;
  bottom: 4px;
  left: 12px;
  background-repeat: no-repeat;
  background-position: center;
  width: 200px;
  min-height: 57px;
  z-index: 2;
}

.item-gallery__trophy--gold {
  background-image: url(/themes/foto/css/../images/author/sliders/awards/gold.svg);
}

.item-gallery__trophy--silver {
  background-image: url(/themes/foto/css/../images/author/sliders/awards/silver.svg);
}

.item-gallery__trophy--bronze {
  background-image: url(/themes/foto/css/../images/author/sliders/awards/bronze.svg);
}

.item-gallery__trophy-text {
  font-family: "Inter", sans-serif;
  color: #4b4b4b;
  font-size: 12px;
  font-weight: 500;
  line-height: 110%;
  padding-left: 57px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.author-series {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 80px;
}

.author-series__column:nth-child(2) {
  padding-right: 38px;
}

.author-series__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 25px;
}

.author-series__link {
  color: #307ff5;
  font-size: 16px;
  line-height: 120%;
}

.gallery-personal {
  padding: 15px;
  margin: -15px;
}

.gallery-personal .item-gallery {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: visible;
  position: relative;
  z-index: 2;
  margin-top: 15px;
  width: 170px;
}

.gallery-personal .item-gallery::before {
  content: "";
  position: absolute;
  width: 179px;
  height: 179px;
  left: 4px;
  top: -14px;
  background-image: url(/themes/foto/css/../images/author/sliders/personal/img-decor.svg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.gallery-personal .item-gallery__image {
  border-radius: 10px;
}

.gallery-personal .item-gallery__body {
  padding: 12px 0 0;
  text-align: left;
  color: #307ff5;
  font-size: 16px;
  line-height: 120%;
}

.author-stats {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 20px;
}

.author-stats__column {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 40px 0px;
}

.author-stats__item--names .author-stats__list-item:not(:last-child) {
  margin-bottom: 30px;
}

.author-stats__title {
  color: #a4a4a4;
  font-family: "Rubik", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 13px;
}

.author-stats__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}

.author-stats__list a {
  color: #307ff5;
}

.author-stats__list-item {
  color: #4b4b4b;
  font-size: 16px;
  line-height: 126%;
}

.author-stats__label {
  color: #a4a4a4;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 5px;
}

.author-blog__link {
  color: #307ff5;
  color: #307ff5;
  font-size: 20px;
  line-height: 120%;
}

.author-favorites__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 30px;
}

.author-favorites__card {
  border-radius: 10px;
  border: 1px solid #efefef;
  background: #fff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  padding: 26px 14px 22px 11px;
}

.author-favorites__card--message .author-favorites__item {
  padding: 8px 11px 8px 8px;
}

.author-favorites__title {
  font-family: "Rubik", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 13px;
  padding-left: 13px;
}

.author-favorites__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 10px;
}

.author-favorites__item {
  padding: 12px 11px 12px 16px;
  border-radius: 10px;
  border: 1px solid #efefef;
  background: #fff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 86px;
}

.author-favorites__info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0 10px;
  height: 100%;
}

.author-favorites__content {
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 78%;
}

.author-favorites__caption {
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  display: inline-block;
  margin-bottom: 9px;
}

.author-favorites__pages {
  color: #a4a4a4;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
}

.author-favorites__label,
.author-favorites__link {
  color: #307ff5;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  white-space: nowrap;
}

.author-favorites__bottom {
  text-align: center;
  margin-top: 15px;
}

.author-favorites__link--bottom {
  font-size: 14px;
}

.author-favorites__image {
  width: 70px;
  height: 70px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 7px;
  overflow: hidden;
  margin-right: 16px;
}

.author-favorites__name {
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 9px;
}

.author-favorites__descr {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
}

.static-page__title {
  display: none;
  margin-bottom: 16px;
}

.static-page .main__top {
  margin-bottom: 24px;
}

.static-page__body {
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
}

.static-page__top {
  color: #a4a4a4;
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
  line-height: 150%;
  padding: 10px 30px;
  border-radius: 10px 10px 0px 0px;
  background: rgba(164, 164, 164, 0.2);
  border: 1px solid rgba(164, 164, 164, 0.1);
  border-bottom: none;
}

.static-page__content {
  padding: 21px 30px 25px;
  border: 1px solid #efefef;
  border-top: none;
  font-size: 16px;
  line-height: 150%;
}

.static-page__content h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 25px;
  font-family: "Rubik", sans-serif;
}

.static-page__content h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  margin: 25px 0 25px;
}

.static-page__content ul {
  padding-left: 25px;
}

.static-page__content a {
  color: #307ff5;
}

.static-page__content a[href*=mail] {
  border-bottom: 1px solid #307ff5;
}

.advice__title {
  margin-bottom: 14px;
}

.advice__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 9px;
  margin-bottom: 14px;
}

.advice__link {
  min-height: 29px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 5px 13px;
  border-radius: 40px;
  border: 1px solid #a4a4a4;
  line-height: 120%;
  -webkit-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

.advice__link.active {
  border: 1px solid #307ff5;
}

.advice__list {
  border-radius: 10px;
  border: 1px solid #efefef;
  background: #fff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}

.advice__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 86px 242px 264px 1fr;
  grid-template-columns: 86px 242px 264px 1fr;
  font-size: 14px;
  line-height: 120%;
}

.advice__row:not(:last-child) {
  border-bottom: 1px solid rgba(207, 207, 207, 0.5);
}

.advice__row > *:not(:last-child) {
  border-right: 1px solid rgba(207, 207, 207, 0.5);
}

.advice__row.active {
  background-color: #f0f4f9;
}

.advice__number,
.advice__person,
.advice__count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px;
}

.advice__count {
  position: relative;
}

.advice__estimate {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}

.advice__estimate-mobile {
  display: none;
}

.advice__estimate-image {
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.advice__estimate-image:not(:last-child) {
  border-right: 1px solid rgba(207, 207, 207, 0.5);
}

.advice__picture {
  background-color: #e8e8e8;
  width: 100%;
  position: relative;
}

.advice__label {
  color: #a4a4a4;
  font-weight: 400;
  line-height: 120%;
  display: none;
}

.advice__pagination {
  margin: 24px 0;
}

.advice-head {
  min-height: 90px;
  text-align: center;
  color: #a4a4a4;
  font-size: 14px;
}

.estimate-advice > * {
  padding: 12px;
}

.estimate-advice__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border-top: 1px solid rgba(207, 207, 207, 0.5);
}

.estimate-advice__item:not(:last-child) {
  border-right: 1px solid rgba(207, 207, 207, 0.5);
}

.estimate-advice__first {
  -ms-grid-column-span: 4;
  grid-column: span 4;
  padding-top: 19px;
}

.advice-body {
  min-height: 130px;
  text-align: center;
  font-size: 16px;
  line-height: 120%;
}

.faq {
  padding-bottom: 20px;
}

.faq__title {
  margin-bottom: 14px;
}

.faq__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 330px 1fr;
  grid-template-columns: 330px 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 0 30px;
}

.faq__aside {
  padding: 19px 12px 15px 20px;
  border-radius: 10px;
  border: 1px solid #efefef;
  background: #fff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}

.faq__search {
  margin-bottom: 23px;
}

.faq__about {
  padding: 21px 25px 27px;
}

.about-faq {
  border-radius: 10px;
  border: 1px solid #efefef;
  background: #fff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}

.about-faq__title {
  margin-bottom: 22px;
}

.about-faq__item {
  overflow: hidden;
}

.about-faq__item.open .about-faq__content {
  margin: 7px 0;
}

.about-faq__item.open .about-faq__header::before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.about-faq__header {
  color: #307ff5;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
  gap: 6px;
}

.about-faq__header::before {
  content: "";
  display: block;
  width: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  height: 20px;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/arrow-faq.svg);
  mask-image: url(/themes/foto/css/../images/icons/arrow-faq.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #4b4b4b;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.about-faq__content {
  height: 0;
  padding: 0 27px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.about-faq__content p {
  line-height: 120%;
}

.about-faq__accordeon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.about-faq__button {
  background-color: #307ff5;
  color: #ffffff;
  width: 368px;
  margin-top: 32px;
}

.menu-faq {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 14px;
}

.menu-faq__group {
  overflow: hidden;
}

.menu-faq__group.open .menu-faq__content {
  margin-top: 15px;
}

.menu-faq__group.open .menu-faq__button::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.menu-faq__button {
  color: #4b4b4b;
  font-family: "Rubik", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-align: left;
}

.menu-faq__button::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/arrow-faq.svg);
  mask-image: url(/themes/foto/css/../images/icons/arrow-faq.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #4b4b4b;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.menu-faq__content {
  height: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu-faq__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.menu-faq__list li {
  color: #4b4b4b;
}

.menu-faq__list > li {
  position: relative;
  padding-left: 18px;
}

.menu-faq__list > li::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #307ff5;
}

.menu-faq__list li.active {
  color: #307ff5;
}

.menu-faq__list a {
  color: inherit;
  font-size: 16px;
  line-height: 30px;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.menu-faq__sub-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  padding-left: 19px;
}

.menu-faq__sub-list a {
  color: inherit;
  font-size: 14px;
  line-height: 30px;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.private-message {
  padding-bottom: 20px;
}

.private-message__title {
  margin-bottom: 15px;
}

.private-message__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 448px 1fr;
  grid-template-columns: 448px 1fr;
  border-radius: 10px;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  background: url(/themes/foto/css/../images/private/private-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 578px;
  overflow: hidden;
}

.private-message__aside {
  background-color: #ffffff;
}

.private-message__top {
  padding: 8px 15px 7px 13px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid #e3e3e3;
}

.private-message__top-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50px 15px 1fr;
  grid-template-columns: 50px 1fr;
  -ms-grid-rows: auto 0 auto;
  grid-template-areas: "image user" "image label";
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  gap: 0 15px;
}

.private-message__image-wrap {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: image;
  position: relative;
}

.about-author__body > .private-message__image-wrap {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.private-message__top-info > .private-message__image-wrap {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
}

.private-message__user {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: user;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}

.private-message__count {
  color: #659d5c;
  font-weight: 400;
  line-height: 120%;
}

.private-message__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 13px;
}

.private-message__button {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #757b8d;
}

.private-message__search {
  padding: 13px 12px 12px;
  border-bottom: 1px solid #e3e3e3;
}

.private-message__dialogs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 433px;
  overflow-y: auto;
}

.private-message__chat {
  border-left: 1px solid #e3e3e3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.button-dots {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/dots-burger.svg);
  mask-image: url(/themes/foto/css/../images/icons/dots-burger.svg);
}

.button-search {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/search.svg);
  mask-image: url(/themes/foto/css/../images/icons/search.svg);
}

.private-image {
  width: 50px;
  height: 50px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}

.dialogs-item {
  padding: 12px 18px 12px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
  border-bottom: 1px solid #e3e3e3;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
}

.dialogs-item.active {
  background-color: #f6f6f6;
}

.dialogs-item__image-wrap {
  width: 50px;
  height: 50px;
  position: relative;
}

.dialogs-item__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.dialogs-item__text {
  color: #a4a4a4;
  font-weight: 400;
  line-height: 120%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding-left: 26px;
  position: relative;
  background-position: left center;
  background-repeat: no-repeat;
}

.dialogs-item__text.read {
  background-image: url(/themes/foto/css/../images/icons/read.svg);
}

.dialogs-item__text.no-read {
  background-image: url(/themes/foto/css/../images/icons/no-read.svg);
}

.dialogs-item__text.no-read-repeat {
  background-image: url(/themes/foto/css/../images/icons/no-read-repeat.svg);
}

.private-user {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}

.private-label {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: label;
  color: #a4a4a4;
  line-height: 120%;
}

.private-status {
  position: absolute;
  top: 0;
  right: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #5acf47;
}

.private-chat__body {
  padding: 6px 65px 3px 20px;
  position: relative;
  overflow: auto;
  height: 439px;
}

.private-chat__label {
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #dedede;
  background: #fff;
  padding: 4px 10px;
  color: #a4a4a4;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  margin: 2px auto 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.private-chat__footer {
  margin-top: auto;
  padding: 9px 16px;
  background-color: #ffffff;
  border-top: 1px solid #dedede;
}

.private-chat__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}

.private-chat__button {
  width: 34px;
  height: 34px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #a4a4a4;
}

.private-chat__field {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.private-chat__textarea {
  border-radius: 10px;
  border: 1px solid #dedede;
  background: #f6f6f6;
  padding: 16px 50px 16px 20px;
  color: #4b4b4b;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 120%;
  width: 100%;
  height: 54px;
  resize: none;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.private-chat__textarea::-webkit-input-placeholder {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 120%;
}

.private-chat__textarea::-moz-placeholder {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 120%;
}

.private-chat__textarea:-ms-input-placeholder {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 120%;
}

.private-chat__textarea::-ms-input-placeholder {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 120%;
}

.private-chat__textarea::placeholder {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 120%;
}

.private-chat__textarea:focus {
  border-color: #4b4b4b;
}

.private-chat__textarea::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.private-chat__textarea::-webkit-scrollbar-track {
  width: 0;
  background: transparent;
}

.private-chat__textarea::-webkit-scrollbar-thumb {
  background-color: transparent;
  outline: none;
}

.arrow-up {
  position: absolute;
  bottom: 13px;
  right: 18px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #d9d9d9;
}

.arrow-up::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: #ffffff;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/arrow-down-light.svg);
  mask-image: url(/themes/foto/css/../images/icons/arrow-down-light.svg);
  -webkit-mask-position: center;
  mask-position: center;
}

.chat-message {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px 0;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  position: relative;
  padding: 11px 17px 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 7px;
}

.chat-message::before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 30px 20px 0 20px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 0;
  left: -9px;
  z-index: 0;
  pointer-events: none;
}

.chat-message.message-self {
  background-color: #ebf6d9;
}

.chat-message.message-self::before {
  border-color: #ebf6d9 transparent transparent transparent;
  left: auto;
  right: -9px;
}

.chat-message__body {
  position: relative;
  z-index: 2;
}

.chat-message__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 3px;
}

.chat-message__date {
  color: #a4a4a4;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.chat-message__image {
  position: relative;
  width: 309px;
  padding-bottom: 66.9902912621%;
}

.chat-message__read {
  background-image: url(/themes/foto/css/../images/icons/read.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 22px;
  height: 17px;
}

.message-pic .chat-message__date {
  position: absolute;
  bottom: 5px;
  right: 11px;
  color: #ffffff;
}

.message-self {
  margin-left: auto;
}

.button-add {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/btn-add.svg);
  mask-image: url(/themes/foto/css/../images/icons/btn-add.svg);
}

.button-emodji {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/btn-emodji.svg);
  mask-image: url(/themes/foto/css/../images/icons/btn-emodji.svg);
}

.button-send {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/btn-send.svg);
  mask-image: url(/themes/foto/css/../images/icons/btn-send.svg);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 58px;
  height: 100%;
}

.button-voice {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/btn-voice.svg);
  mask-image: url(/themes/foto/css/../images/icons/btn-voice.svg);
}

.discussion {
  padding-bottom: 32px;
}

.discussion__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 14px 10px;
}

.discussion__caption {
  font-weight: 700;
  font-size: 16px;
  font-family: "Rubik", sans-serif;
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.discussion__group {
  display: -ms-grid;
  display: grid;
  gap: 10px;
}

.discussion-card {
  border: 1px solid #efefef;
  border-radius: 10px;
  min-height: 74px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  padding: 6px 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.discussion-card__image {
  width: 60px;
  height: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.13);
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.13);
  background: #fff;
}

.discussion-card__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}

.discussion-card__title {
  font-weight: 700;
  font-size: 14px;
  color: #307ff5;
  font-family: "Rubik", sans-serif;
  line-height: 120%;
}

.discussion-card__subtitle {
  font-size: 12px;
  color: #a4a4a4;
  line-height: 120%;
}

.discussion-card__subtitle span {
  color: #4b4b4b;
}

.discussion-card__subtitle span.blue {
  color: #307ff5;
}

.discussion-card__reviews {
  line-height: 120%;
}

.discussion-card .reviews-block {
  font-size: 12px;
}

.discussion-card .reviews-block li {
  width: 10px;
  height: 10px;
  -webkit-mask-size: 10px 10px;
  mask-size: 10px 10px;
}

.reviews-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #a4a4a4;
  font-size: 14px;
}

.reviews-block__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
}

.reviews-block__list li {
  width: 14px;
  height: 14px;
  background-image: url(/themes/foto/css/../images/icons/star-yellow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-mask-size: 14px 14px;
  mask-size: 14px 14px;
}

.reviews-block__list li.star-t {
  background-image: url(/themes/foto/css/../images/icons/star-transparent.svg);
}

.discussion-category {
  padding-bottom: 24px;
}

.discussion-category__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.discussion-category .badges__list {
  gap: 8px;
}

.discussion-category .badges__item {
  min-height: 23px;
  padding: 3px 10px;
  font-size: 12px;
  line-height: 120%;
}

.discussion-category .badges__item.active {
  border-color: #307ff5;
  color: #307ff5;
}

.discussion-category__btn-add {
  font-size: 14px;
  line-height: 120%;
  color: #4b4b4b;
  min-height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 4.5px 10.5px;
  position: relative;
  gap: 10px;
  border: 1px solid #307ff5;
  border-radius: 7px;
  -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.discussion-category__btn-add::before {
  content: "";
  display: block;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/camera-plus.svg);
  mask-image: url(/themes/foto/css/../images/icons/camera-plus.svg);
  background-color: #307ff5;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.discussion-category__table {
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  border: 1px solid #efefef;
  border-radius: 10px;
}

.discussion-category__pagination {
  margin-top: 29px;
}

.discuss-table .thead {
  background-color: #ffffff;
  color: #a4a4a4;
  position: sticky;
  top: 0;
  z-index: 2;
}

.discuss-table .thead__name,
.discuss-table .thead__reviews,
.discuss-table .thead__photos,
.discuss-table .thead__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
}

.discuss-table .thead__name::after,
.discuss-table .thead__reviews::after,
.discuss-table .thead__photos::after,
.discuss-table .thead__rating::after {
  content: "";
  -webkit-mask-image: url(/themes/foto/css/../images/icons/blue-arrow-small.svg);
  mask-image: url(/themes/foto/css/../images/icons/blue-arrow-small.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 8px;
  height: 8px;
  background-color: #307ff5;
}

.discuss-table .thead__name {
  padding-left: 27px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.discuss-table__header {
  border-bottom: 1px solid #cfcfcf;
}

.discuss-table__body {
  font-size: 16px;
}

.discuss-table__item {
  min-height: 62px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 242px 275px 239px 304px;
  grid-template-columns: 1fr 242px 275px 239px 304px;
  background-color: #ffffff;
}

.discuss-table__item > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  text-align: center;
}

.discuss-table__item > *:not(:last-child) {
  border-right: 1px solid #cfcfcf;
}

.discuss-table__item:not(:last-child) {
  border-bottom: 1px solid #cfcfcf;
}

.discuss-table__item-name {
  font-weight: 700;
  font-family: "Rubik", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  padding-left: 27px;
  line-height: 24px;
}

.discuss-table__item-name::before {
  content: "";
  display: block;
  background-image: url(/themes/foto/css/../images/icons/camera-table.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  position: relative;
  top: -2px;
}

.discuss-table .discussion-category__btn-add {
  padding: 4.5px 16px;
}

.discuss-table .discussion-category__btn-add::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/add-review.svg);
  mask-image: url(/themes/foto/css/../images/icons/add-review.svg);
}

.discuss-table__item-text {
  color: #a4a4a4;
  font-size: 14px;
}

.discuss-table__item-text a {
  color: #307ff5;
}

.product-discuss {
  padding-bottom: 67px;
}

.product-discuss__title {
  margin-bottom: 24px;
}

.product-discuss__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 30px;
}

.product-card__main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.product-card__wrapper {
  border: 1px solid #efefef;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  padding: 35px 30px 25px;
}

.product-card__data {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 450px;
  flex: 0 0 450px;
  border: 1px solid #efefef;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  padding: 62px 34px 22px;
  position: sticky;
  top: 10px;
}

.product-card__title {
  margin-bottom: 24px;
}

.product-card__top-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin-bottom: 23px;
}

.product-card__top-buttons .btn {
  width: 280px;
}

.product-card__content {
  display: -ms-grid;
  display: grid;
  gap: 40px;
  margin-top: 35px;
}

.product-card__price {
  text-align: center;
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 48px;
  margin-bottom: 58px;
  line-height: 120%;
}

.product-card__inner {
  display: -ms-grid;
  display: grid;
  gap: 24px;
}

.product-card__buttons {
  display: -ms-grid;
  display: grid;
  gap: 20px;
}

.product-card__bottom {
  display: -ms-grid;
  display: grid;
  gap: 20px;
}

.product-card .reviews-block {
  gap: 12px;
}

.button-favorite,
.button-add-note,
.button-subscribe-user,
.button-add-review {
  gap: 10px;
}

.button-favorite::before,
.button-add-note::before,
.button-subscribe-user::before,
.button-add-review::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #307ff5;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.button-add-review {
  border-radius: 7px;
  width: 241px;
  -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05);
  margin: 0 auto;
}

.button-favorite::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/favorite-icon.svg);
  mask-image: url(/themes/foto/css/../images/icons/favorite-icon.svg);
}

.button-add-note::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/note-icon.svg);
  mask-image: url(/themes/foto/css/../images/icons/note-icon.svg);
}

.button-subscribe-user::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/subscribe-user.svg);
  mask-image: url(/themes/foto/css/../images/icons/subscribe-user.svg);
}

.button-add-review::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/add-review-big.svg);
  mask-image: url(/themes/foto/css/../images/icons/add-review-big.svg);
}

.product-slider {
  max-width: 870px;
  margin: 0 auto;
  gap: 19px;
}

.product-slider__body {
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
}

.product-slider__image {
  padding-bottom: 68.275862069%;
}

.product-slider__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0px !important;
  padding: 30px 2px 30px;
  border-radius: 0 0 10px 10px;
}

.product-slider__pagination::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.49)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.49) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.49) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
  border-radius: inherit;
}

.product-slider__pagination .swiper-pagination-bullet {
  border-radius: 10px;
  height: 9px;
  width: 100%;
  background-color: #ffffff;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  z-index: 2;
  opacity: 1;
}

.product-slider__pagination .swiper-pagination-bullet-active {
  background-color: #307ff5;
}

.product-slider-button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 66.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
  overflow: hidden;
}

.product-slider-button.swiper-button-disabled {
  cursor: default;
}

.product-slider-button.swiper-button-disabled::after {
  background: rgba(164, 164, 164, 0.49);
  background: rgba(164, 164, 164, 0.49);
  -webkit-backdrop-filter: blur(20%);
  backdrop-filter: blur(20%);
  border: 1px solid rgba(164, 164, 164, 0.2);
}

.product-slider-button::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/chevron-double-right.svg);
  mask-image: url(/themes/foto/css/../images/icons/chevron-double-right.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #ffffff;
  z-index: 2;
  position: relative;
}

.product-slider-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(40, 102, 193);
  background: -webkit-gradient(linear, left top, right top, from(rgb(40, 102, 193)), to(rgb(77, 148, 255)));
  background: -o-linear-gradient(left, rgb(40, 102, 193) 0%, rgb(77, 148, 255) 100%);
  background: linear-gradient(90deg, rgb(40, 102, 193) 0%, rgb(77, 148, 255) 100%);
}

.product-slider-button--prev {
  left: 0;
  border-radius: 0px 7px 7px 0px;
}

.product-slider-button--prev::before {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

.product-slider-button--next {
  border-radius: 7px 0 0 7px;
  right: 0;
}

.product-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
  width: 100%;
}

.product-slider .swiper-horizontal > .swiper-pagination-bullets,
.product-slider .swiper-pagination-bullets.swiper-pagination-horizontal,
.product-slider .swiper-pagination-custom,
.product-slider .swiper-pagination-fraction {
  width: 100%;
}

.thumbs-slider {
  margin: 0 auto;
  overflow: hidden;
  margin-top: 19px;
}

.thumbs-slider__item {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.thumbs-slider__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #307ff5;
  border-radius: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

.thumbs-slider__item.swiper-slide-thumb-active::before {
  opacity: 1;
}

.thumbs-slider__image {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.content-group ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.content-group__reviews .content-group__caption {
  margin-bottom: 37px;
}

.content-group__caption {
  font-size: 20px;
  font-weight: 700;
  font-family: "Rubik", sans-serif;
  margin-bottom: 16px;
}

.content-group__description {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}

.content-group__description p:not(:last-child) {
  margin-bottom: 10px;
}

.content-group__form {
  margin-bottom: 20px;
}

.content-group__info {
  color: #a4a4a4;
  font-size: 16px;
  line-height: 120%;
}

.feedback-form__item {
  position: relative;
}

.feedback-form__item::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/send-icon.svg);
  mask-image: url(/themes/foto/css/../images/icons/send-icon.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 12px;
  background-color: #307ff5;
}

.feedback-form .form-input {
  padding-right: 40px;
}

.feedback-form .form-input::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #4b4b4b;
}

.feedback-form .form-input::-moz-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #4b4b4b;
}

.feedback-form .form-input:-ms-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #4b4b4b;
}

.feedback-form .form-input::-ms-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #4b4b4b;
}

.feedback-form .form-input::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #4b4b4b;
}

.btn.btn-big {
  min-height: 80px;
  border-radius: 10px;
}

.btn-green {
  background-color: #659d5c;
  border-color: #659d5c;
  color: #ffffff;
}

.btn-blue {
  background-color: #307ff5;
  color: #ffffff;
}

.user-product {
  display: -ms-grid;
  display: grid;
  gap: 12px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  justify-items: start;
  line-height: 120%;
}

.user-product__name {
  color: #307ff5;
}

.user-product__status {
  color: #a4a4a4;
}

.user-product__trust {
  color: #a4a4a4;
  padding: 6px 14px;
  border: 1px solid #659d5c;
  border-radius: 40px;
  min-height: 29px;
  text-align: center;
}

.discuss-similar {
  padding: 0 30px;
  padding-top: 41px;
  max-width: 930px;
}

.discuss-similar__title {
  margin-bottom: 19px;
}

.slider-similar__item {
  border: 1px solid #efefef;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 14px 14px 26px;
  font-size: 16px;
  line-height: 120%;
}

.slider-similar__image {
  padding-bottom: 84.9372384937%;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  margin-bottom: 10px;
}

.slider-similar__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  line-height: 120%;
}

.slider-similar__title {
  font-weight: 700;
  color: #307ff5;
  margin-bottom: 5px;
  font-family: "Rubik", sans-serif;
}

.slider-similar__price {
  font-weight: 700;
  margin-bottom: 10px;
}

.slider-similar__text {
  font-size: 14px;
}

.slider-similar__text p:not(:last-child) {
  margin-bottom: 10px;
}

.slider-similar__date {
  font-size: 14px;
}

.product-detail {
  padding-bottom: 43px;
}

.product-detail__wrapper {
  border: 1px solid #efefef;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  padding: 30px 30px;
  margin-bottom: 35px;
}

.product-detail__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 30px;
}

.product-detail .product-card__slider {
  max-width: 780px;
}

.product-detail .content-group__caption {
  font-size: 32px;
}

.product-detail__pagination {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(164, 164, 164, 0.5);
}

.product-detail .thumbs-slider__item {
  height: 125px;
}

.product-card__heading {
  display: none;
}

.product-card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 20px;
  padding-top: 10px;
}

.product-card__title {
  margin-bottom: 0;
}

.product-card__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 33px;
}

.product-card__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
}

.product-card__list-item::before {
  content: "";
  display: block;
  left: 0;
  bottom: 2px;
  position: absolute;
  width: 100%;
  border-bottom: 1px dotted #a4a4a4;
  z-index: 0;
}

.product-card__list-item.result .product-card__list-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.product-card__list-item.result .product-card__list-caption span {
  font-size: 16px;
  color: #4b4b4b;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 4px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.product-card__list-item.result .product-card__list-caption span::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/themes/foto/css/../images/icons/fotogora-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.product-card__list-item.result .product-card__list-value {
  font-weight: 700;
  font-size: 32px;
  font-family: "Rubik", sans-serif;
}

.product-card__list-caption {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}

.product-card__list-caption span {
  color: #a4a4a4;
  background-color: #ffffff;
  padding-right: 5px;
  line-height: 120%;
  position: relative;
}

.product-card__list-value {
  color: #4b4b4b;
  text-align: right;
}

.product-card__list-value span {
  padding-left: 7px;
  background-color: #ffffff;
  position: relative;
}

.product-card__button-learn-more {
  width: 280px;
  margin-top: 35px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.product-card__button {
  font-size: 20px;
  font-weight: 700;
}

.content-group__testimonials {
  display: -ms-grid;
  display: grid;
  gap: 72px 0;
}

.testimonials-item {
  gap: 16px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px 1fr;
  grid-template-columns: 80px 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  align-items: flex-start;
}

.testimonials-item__header {
  margin-bottom: 16px;
}

.testimonials-item__avatar {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}

.testimonials-item__body {
  padding-top: 16px;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.testimonials-item__name {
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  font-family: "Rubik", sans-serif;
  margin-bottom: 6px;
}

.testimonials-item ul.testimonials-item__images-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
  margin: 16px 0 20px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.testimonials-item__content {
  display: -ms-grid;
  display: grid;
  gap: 20px;
}

.testimonials-item__reactions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px;
  padding-top: 12px;
  margin-top: 17px;
  position: relative;
}

.testimonials-item__reactions::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  border-top: 1px solid rgba(207, 207, 207, 0.5);
  -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px #ffffff;
}

.content-testimonials__group {
  font-size: 16px;
  line-height: 120%;
}

.content-testimonials__group strong {
  font-family: "Rubik", sans-serif;
}

.reactions-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 50px;
}

.reactions-group:nth-child(2) {
  gap: 10px;
}

.contest {
  padding-bottom: 34px;
}

.contest__title {
  margin-bottom: 14px;
}

.contest__wrapper {
  border: 1px solid #efefef;
  border-radius: 10px;
  padding: 28px 35px 26px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
}

.contest__pagination {
  margin-top: 29px;
}

.group-contest:not(:last-child) {
  margin-bottom: 42px;
}

.group-contest__title {
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  font-family: "Rubik", sans-serif;
  margin-bottom: 24px;
}

.winners .group-contest__title {
  margin-bottom: 17px;
}

.prizes .group-contest__title {
  margin-bottom: 58px;
}

.rules .group-contest__title {
  margin-bottom: 20px;
}

.works .group-contest__title {
  margin-bottom: 20px;
}

.group-contest__button {
  margin: 0 auto;
  width: 280px;
}

.contest-slider {
  padding: 0 66px;
}

.contest-slider__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
}

.contest-slider__image-wrap {
  position: relative;
  height: 77px;
  width: 77px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.contest-slider__image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.contest-slider__status {
  position: absolute;
  top: 0;
  right: 0;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #5acf47;
}

.contest-slider__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  line-height: 120%;
}

.contest-slider__name {
  font-weight: 700;
  font-size: 20px;
  font-family: "Rubik", sans-serif;
}

.contest-slider__post {
  color: #659d5c;
}

.contest-slider__button {
  width: 40px;
  height: 40px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: rgba(75, 75, 75, 0.2);
  -webkit-transition: background-color 0.2s ease 0s;
  -o-transition: background-color 0.2s ease 0s;
  transition: background-color 0.2s ease 0s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

.contest-slider__button::before {
  content: "";
  display: block;
  background-color: #ffffff;
  width: 23px;
  height: 23px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 12px 21px;
  mask-size: 12px 21px;
}

.contest-slider__button--prev {
  left: 0;
}

.contest-slider__button--prev::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/chevron-left.svg);
  mask-image: url(/themes/foto/css/../images/icons/chevron-left.svg);
}

.contest-slider__button--next {
  right: 0;
}

.contest-slider__button--next::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/chevron-right.svg);
  mask-image: url(/themes/foto/css/../images/icons/chevron-right.svg);
}

.contest-winner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.contest-winner__card {
  border: 1px solid #efefef;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  cursor: pointer;
  overflow: hidden;
}

.contest-winner__image-wrap {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contest-winner__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-bottom: 72.380952381%;
}

.contest-winner__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.contest-winner__badges {
  position: absolute;
  bottom: -8px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contest-winner__badge {
  width: 196px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 97%;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 24px 6px 6px 24px;
  overflow: hidden;
}

.contest-winner__badge.badge-gold {
  background-image: url(/themes/foto/css/../images/contest/winner-gold.png);
  color: #d09742;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
}

.contest-winner__badge.badge-silver {
  background-image: url(/themes/foto/css/../images/contest/winner-silver.png);
  color: #cdc9c2;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.contest-winner__badge.badge-bronze {
  background-image: url(/themes/foto/css/../images/contest/winner-bronze.png);
  color: #c1a875;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.contest-winner__content {
  padding: 27px 16px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contest-winner__title {
  line-height: 120%;
}

.contest-winner__author {
  color: #307ff5;
}

.contest-winner__place {
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  font-family: "Rubik", sans-serif;
}

.contest-prize {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.contest-prize__card {
  position: relative;
  border-radius: 40px;
  min-height: 418px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 49px 10px 23px;
  gap: 20px;
  cursor: pointer;
  border: 3px solid;
}

.contest-prize__card--1 {
  -o-border-image: url(/themes/foto/css/../images/contest/prize-gradient-1.svg);
  border-image: url(/themes/foto/css/../images/contest/prize-gradient-1.svg);
  border-image-slice: 11.961722488% 28.1690140845% fill;
  border-image-width: 50px 120px;
}

.contest-prize__card--2 {
  -o-border-image: url(/themes/foto/css/../images/contest/prize-gradient-2.svg);
  border-image: url(/themes/foto/css/../images/contest/prize-gradient-2.svg);
  border-image-slice: 11.961722488% 28.1690140845% fill;
  border-image-width: 50px 120px;
}

.contest-prize__card--3 {
  -o-border-image: url(/themes/foto/css/../images/contest/prize-gradient-3.svg);
  border-image: url(/themes/foto/css/../images/contest/prize-gradient-3.svg);
  border-image-slice: 11.961722488% 28.1690140845% fill;
  border-image-width: 50px 120px;
}

.contest-prize__badge {
  position: absolute;
  left: auto;
  right: auto;
  top: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 81px;
  height: 81px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 81px 81px;
  pointer-events: none;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
}

.contest-prize__badge.badge-gold {
  background-image: url(/themes/foto/css/../images/contest/prize-gold.svg);
}

.contest-prize__badge.badge-silver {
  background-image: url(/themes/foto/css/../images/contest/prize-silver.svg);
}

.contest-prize__badge.badge-bronze {
  background-image: url(/themes/foto/css/../images/contest/prize-bronze.svg);
}

.contest-prize__image {
  width: 255px;
  height: 255px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contest-prize__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  line-height: 120%;
  font-weight: 700;
  font-size: 20px;
  font-family: "Rubik", sans-serif;
  text-align: center;
  margin-top: auto;
}

.contest-prize__title {
  color: #307ff5;
}

.contest-rules {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.55s;
  -o-transition: height 0.55s;
  transition: height 0.55s;
}

.contest-rules__content {
  padding-bottom: 45px;
}

.contest-rules__content p,
.contest-rules__content li {
  font-size: 16px;
  line-height: 150%;
}

.contest-rules__content ul {
  margin: 0;
  padding-left: 25px;
}

.contest-rules__content h2,
.contest-rules__content h3,
.contest-rules__content h4,
.contest-rules__content h5 {
  font-size: 18px;
  margin: 25px 0;
}

.contest-rules__content a {
  color: #307ff5;
  display: inline-block;
}

.contest-rules__content a[href^=mail] {
  text-decoration: underline;
}

.rules .group-contest__title {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px;
  cursor: pointer;
}

.rules .group-contest__title::after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-image: url(/themes/foto/css/../images/icons/exclude-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.55s;
  transition: -webkit-transform 0.55s;
  -o-transition: transform 0.55s;
  transition: transform 0.55s;
  transition: transform 0.55s, -webkit-transform 0.55s;
}

.accordeon__item.open .group-contest__title::after {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.contest-works__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  gap: 28px;
}

.contest-works__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.contest-works__image {
  padding-bottom: 66.5887850467%;
  border-radius: 10px;
  overflow: hidden;
}

.junk {
  padding-bottom: 29px;
}

.junk__heading {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

.junk__title {
  margin-bottom: 0;
  line-height: 120%;
}

.junk__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 330px 1fr;
  grid-template-columns: 330px 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
  gap: 20px 30px;
}

.junk__aside {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}

.junk__aside-body {
  border: 1px solid #efefef;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  padding: 16px 20px 18px;
  position: relative;
}

.junk .sort-junk {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}

.junk__cards {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.junk__cards-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 30px;
}

.junk__pagination {
  margin-top: 26px;
}

.filter-btn-mobile {
  display: none;
  font-size: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
}

.filter-btn-mobile::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: #307ff5;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/filter-icon.svg);
  mask-image: url(/themes/foto/css/../images/icons/filter-icon.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.filter-btn-close {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 16px;
  right: 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  background-color: #ffffff;
  z-index: 2;
}

.filter-btn-close::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/close-icon.svg);
  mask-image: url(/themes/foto/css/../images/icons/close-icon.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #4b4b4b;
}

.filter__title {
  font-weight: 700;
  font-size: 20px;
  font-family: "Rubik", sans-serif;
  margin-bottom: 21px;
  line-height: 120%;
}

.filter-groups {
  display: -ms-grid;
  display: grid;
  gap: 24px;
}

.filter-group legend {
  display: block;
  font-weight: 700;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
  margin-bottom: 24px;
  line-height: 120%;
}

.filter-group--device legend {
  margin-bottom: 11px;
}

.filter-group--device .filter-switches {
  display: -ms-grid;
  display: grid;
  gap: 15px;
  padding-left: 6px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.filter-group--device .filter-switches label {
  line-height: 120%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.filter-group--device .filter-switches input ~ span {
  font-size: 14px;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.filter-group--device .filter-switches input:checked ~ span {
  color: #307ff5;
}

.filter-group--brand legend {
  margin-bottom: 9px;
}

.filter-group--brand .filter-switches {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 9px 10px;
}

.filter-group--brand .filter-switches input ~ span {
  border: 1px solid #a4a4a4;
  border-radius: 27px;
  padding: 3px 15px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: border-color 0.25s;
  -o-transition: border-color 0.25s;
  transition: border-color 0.25s;
}

.filter-group--brand .filter-switches input:checked ~ span {
  border-color: #307ff5;
}

.filter-group--novelty .filter-switches,
.filter-group--delivery .filter-switches,
.filter-group--rating .filter-switches,
.filter-group--names .filter-switches {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 28px;
}

.filter-group--novelty .filter-switches label,
.filter-group--delivery .filter-switches label,
.filter-group--rating .filter-switches label,
.filter-group--names .filter-switches label {
  font-weight: 400;
  font-size: 14px;
  color: #4b4b4b;
  gap: 6px;
  line-height: 120%;
  font-family: "Inter", sans-serif;
}

.filter-group--novelty .filter-switches input + span,
.filter-group--delivery .filter-switches input + span,
.filter-group--rating .filter-switches input + span,
.filter-group--names .filter-switches input + span {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #a4a4a4;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
}

.filter-group--novelty .filter-switches input + span::before,
.filter-group--delivery .filter-switches input + span::before,
.filter-group--rating .filter-switches input + span::before,
.filter-group--names .filter-switches input + span::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/check-white.svg);
  mask-image: url(/themes/foto/css/../images/icons/check-white.svg);
  background-color: #ffffff;
}

.filter-group--novelty .filter-switches input:checked + span,
.filter-group--delivery .filter-switches input:checked + span,
.filter-group--rating .filter-switches input:checked + span,
.filter-group--names .filter-switches input:checked + span {
  background-color: #307ff5;
  border-color: #307ff5;
}

.filter-group--novelty .filter-switches input ~ span.info-icon,
.filter-group--delivery .filter-switches input ~ span.info-icon,
.filter-group--rating .filter-switches input ~ span.info-icon,
.filter-group--names .filter-switches input ~ span.info-icon {
  width: 12px;
  height: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  -ms-flex-item-align: start;
  align-self: flex-start;
  position: relative;
  top: -2px;
  left: -2px;
  background-image: url(/themes/foto/css/../images/icons/help-circle.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.filter-group--price .filter-price {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.filter-group--price .form-item:first-child::before {
  border-radius: 4px 0 0 4px;
}

.filter-group--price .form-item:first-child input {
  border-radius: 4px 0 0 4px;
}

.filter-group--price .form-item:last-child {
  margin-left: -1px;
}

.filter-group--price .form-item:last-child::before {
  border-radius: 0px 4px 4px 0px;
}

.filter-group--price .form-item:last-child input {
  border-radius: 0px 4px 4px 0px;
}

.filter-switches label {
  -webkit-transition: color 0.15s;
  -o-transition: color 0.15s;
  transition: color 0.15s;
}

.form-item {
  position: relative;
}

.form-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 0px rgba(48, 127, 245, 0.4);
  box-shadow: 0 0 0 0px rgba(48, 127, 245, 0.4);
  pointer-events: none;
  border-radius: 4px;
  z-index: 2;
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  -o-transition: box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
}

.form-item:focus-within::before {
  -webkit-box-shadow: 0 0 0 3px rgba(48, 127, 245, 0.4);
  box-shadow: 0 0 0 3px rgba(48, 127, 245, 0.4);
}

.filter-input {
  width: 100%;
  border: 1px solid #a4a4a4;
  height: 38px;
  padding: 11px 13px;
  border-radius: 4px;
}

.filter-input::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #a4a4a4;
  font-family: "Inter", sans-serif;
}

.filter-input::-moz-placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #a4a4a4;
  font-family: "Inter", sans-serif;
}

.filter-input:-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #a4a4a4;
  font-family: "Inter", sans-serif;
}

.filter-input::-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #a4a4a4;
  font-family: "Inter", sans-serif;
}

.filter-input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #a4a4a4;
  font-family: "Inter", sans-serif;
}

.filter-group--delivery .filter-switches {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.filter-group--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 18px;
}

.filter-group--buttons .btn {
  min-height: 56px;
  border-radius: 10px;
  font-size: 14px;
}

.filter-reset {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-weight: 400;
  font-size: 14px;
  color: #cf3c35;
}

.filter-group--keywords legend {
  margin-bottom: 17px;
}

.filter-keywords {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}

.filter-keywords a {
  color: #307ff5;
  cursor: pointer;
  line-height: 120%;
  font-size: 14px;
}

.card-junk {
  border: 1px solid #efefef;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  overflow: hidden;
}

.card-junk__image {
  padding-bottom: 75.7575757576%;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  display: block;
}

.card-junk__content {
  padding: 11px 16px 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}

.card-junk__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

.card-junk__title {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #307ff5;
  display: block;
}

.card-junk__favorite {
  width: 19px;
  height: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-junk__favorite::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/favorite-gray.svg);
  mask-image: url(/themes/foto/css/../images/icons/favorite-gray.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #a4a4a4;
}

.card-junk__favorite.active::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/favorite-active.svg);
  mask-image: url(/themes/foto/css/../images/icons/favorite-active.svg);
  background-color: #307ff5;
}

.card-junk__price {
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  font-family: "Rubik", sans-serif;
}

.card-junk__description {
  font-size: 12px;
  line-height: 130%;
}

.sort-junk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  gap: 9px 24px;
}

.sort-junk__item:last-child {
  margin-left: auto;
}

.sort-junk__save {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.sort-junk__save::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/save-icon.svg);
  mask-image: url(/themes/foto/css/../images/icons/save-icon.svg);
  background-color: #307ff5;
}

.dropdown {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.dropdown-shown .dropdown__button span {
  color: #307ff5;
}

.dropdown-shown .dropdown__button::before {
  display: none;
}

.dropdown__button {
  font-weight: 400;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
}

.dropdown__button::before,
.dropdown__button::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  -o-transition: transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}

.dropdown__button::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/sort-arrow.svg);
  mask-image: url(/themes/foto/css/../images/icons/sort-arrow.svg);
  background-color: #307ff5;
}

.dropdown__button::after {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/arrow-down-small.svg);
  mask-image: url(/themes/foto/css/../images/icons/arrow-down-small.svg);
  background-color: #4b4b4b;
}

.dropdown__button.active + .dropdown__wrapper {
  display: block;
}

.dropdown__button.active::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dropdown__button span {
  pointer-events: none;
}

.dropdown__wrapper {
  display: none;
  border: 1px solid #efefef;
  border-radius: 10px;
  width: 100%;
  min-width: 128px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  padding: 9px 8px;
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  z-index: 2;
}

.dropdown__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}

.dropdown__list li {
  font-size: 12px;
  line-height: 120%;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
  cursor: pointer;
}

.dropdown__list li.active {
  color: #307ff5;
}

.switch label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.switch span {
  border: 1px solid #a4a4a4;
  border-radius: 27px;
  width: 32px;
  height: 16px;
  position: relative;
}

.switch span::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0px;
  background-color: #307ff5;
  -webkit-transition: left 0.25s, background-color 0.25s;
  -o-transition: left 0.25s, background-color 0.25s;
  transition: left 0.25s, background-color 0.25s;
}

.switch input:checked ~ span::before {
  left: 17px;
  background-color: rgba(75, 75, 75, 0.2);
}

.exhibition {
  padding-bottom: 21px;
}

.exhibition__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 74.5% 23.37%;
  grid-template-columns: 74.5% 23.37%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 30px;
}

.exhibition__aside,
.exhibition__added {
  display: -ms-grid;
  display: grid;
  gap: 24px;
}

.exhibition__events {
  border: 1px solid #efefef;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  padding: 10px 10px 11px;
}

.exhibition-groups {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  gap: 24px;
}

.exhibition-group__caption {
  font-weight: 700;
  font-size: 20px;
  font-family: "Rubik", sans-serif;
  margin-bottom: 14px;
}

.exhibition__events .exhibition-group__caption {
  margin-bottom: 7px;
}

.exhibition-group__content {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
}

.exhibition-cards:not(:last-child) {
  margin-bottom: 24px;
}

.exhibition-cards__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.small-cards .exhibition-cards__wrapper {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
}

.exhibition__events .exhibition-cards__wrapper {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 12px;
}

.swiper .exhibition-cards__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}

.exhibition-cards .slider-controls {
  margin-top: 16px;
}

.exhibition-card {
  border: 1px solid #efefef;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #ffffff;
}

.exhibition-card__image-wrap {
  position: relative;
  overflow: hidden;
}

.exhibition-card__image-wrap::after,
.exhibition-card__image-wrap::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 10px;
  z-index: 2;
  pointer-events: none;
}

.exhibition-card__image-wrap::before {
  content: "";
  top: 0;
  height: 19.4%;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.exhibition-card__image-wrap::after {
  height: 27.9%;
  bottom: 0;
}

.long-card .exhibition-card__image-wrap::after {
  content: none;
}

.exhibition-card__image {
  padding-bottom: 65.8461538462%;
}

.exhibition-card__views {
  position: absolute;
  right: 9px;
  top: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #ffffff;
  z-index: 3;
}

.exhibition-card__views::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/eye-icon.svg);
  mask-image: url(/themes/foto/css/../images/icons/eye-icon.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.exhibition-card__content {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 12px 8px;
  color: #ffffff;
  z-index: 3;
}

.long-card .exhibition-card__content {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 18px;
  padding: 7px 10px 12px;
  color: #4b4b4b;
}

.exhibition-card__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 120%;
  font-family: "Rubik", sans-serif;
}

.exhibition-card__title span {
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: #a4a4a4;
}

.exhibition-card__description {
  font-weight: 400;
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.exhibition-card__description p {
  display: inline;
}

.exhibition-card__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.exhibition-card__list-item {
  font-size: 12px;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}

.exhibition-card__list-item::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.exhibition-card__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.exhibition-card__button {
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  padding: 7px 10px;
  min-height: 33px;
  color: #fff;
  background-color: #307ff5;
  -webkit-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  transition: background-color 0.25s;
}

.exhibition-card__favorite {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.exhibition-card__favorite.active svg path {
  stroke: #307ff5;
}

.exhibition-card__badge {
  position: absolute;
  left: 0;
  top: 10px;
  border-radius: 0 6px 6px 0;
  padding: 4px 4px;
  width: 99px;
  min-height: 28px;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  text-align: center;
  background-color: #659d5c;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 3;
}

.exhibition-card__list-item:nth-child(1)::before {
  background-image: url(/themes/foto/css/../images/icons/exhibition-icon-1.svg);
}

.exhibition-card__list-item:nth-child(2)::before {
  background-image: url(/themes/foto/css/../images/icons/exhibition-icon-2.svg);
}

.exhibition-card__list-item:nth-child(3)::before {
  background-image: url(/themes/foto/css/../images/icons/exhibition-icon-3.svg);
}

.exhibition-sections {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  gap: 32px;
  margin: 28px 0 22px;
}

.exhibition-section__caption {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: #4b4b4b;
  margin-bottom: 24px;
}

.exhibition-section .exhibition-actions {
  margin-bottom: 15px;
}

.social-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.social-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.social-link--youtube::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/social/youtube.svg);
  mask-image: url(/themes/foto/css/../images/icons/social/youtube.svg);
}

.social-link--email::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/social/email.svg);
  mask-image: url(/themes/foto/css/../images/icons/social/email.svg);
}

.social-link--vk::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/social/vk.svg);
  mask-image: url(/themes/foto/css/../images/icons/social/vk.svg);
}

.social-link--twitter::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/social/twitter.svg);
  mask-image: url(/themes/foto/css/../images/icons/social/twitter.svg);
}

.social-link--telegram::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/social/telegram.svg);
  mask-image: url(/themes/foto/css/../images/icons/social/telegram.svg);
}

.exhibition-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 19px 12px;
  max-width: 742px;
}

.exhibition-form .form-input {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.exhibition-form__button {
  width: 280px;
}

.added-card {
  padding: 14px 15px 19px;
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: center;
  align-content: center;
  justify-items: center;
  text-align: center;
  gap: 35px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #efefef;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  min-height: 355px;
}

.added-card__title {
  font-weight: 700;
  font-size: 22px;
  font-family: "Rubik", sans-serif;
}

.added-card__icon {
  width: 120px;
  height: 120px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-grid;
  display: grid;
  place-items: center;
}

.added-card__button {
  -ms-grid-column-align: stretch;
  justify-self: stretch;
  margin-top: auto;
}

.exhibition-banner {
  height: 650px;
  text-align: center;
  padding: 25px 16px;
  color: #ffffff;
  font-family: "Rubik", sans-serif;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.exhibition-banner__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.exhibition-banner__image img {
  width: 100%;
  height: 100%;
}

.exhibition-banner__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 13px;
}

.exhibition-banner__caption {
  font-weight: 700;
  font-size: 35px;
  text-align: center;
  color: #ffffff;
  text-shadow: 1px 3px 0px rgba(0, 0, 0, 0.36);
  line-height: 120%;
  text-align: center;
  position: relative;
}

.exhibition-banner__descr {
  font-family: "Rubik", sans-serif;
  font-size: 20px;
  line-height: 120%;
  position: relative;
  font-weight: 400;
  color: #ffffff;
  text-shadow: 1px 3px 0px rgba(0, 0, 0, 0.36);
}

.exhibition-actions {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  margin-top: 16px;
}

.exhibition-actions__boxes {
  display: -ms-grid;
  display: grid;
  gap: 10px;
}

.exhibition-actions__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

.exhibition-actions__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.exhibition-actions__btn {
  border: 1px solid #a4a4a4;
  border-radius: 8px;
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 32px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-align: center;
  color: #a4a4a4;
  -webkit-transition: color 0.25s, border-color 0.25s;
  -o-transition: color 0.25s, border-color 0.25s;
  transition: color 0.25s, border-color 0.25s;
}

.exhibition-actions__btn.active {
  border-color: #307ff5;
  color: #307ff5;
}

.exhibition-actions__btn.btn-date {
  gap: 4px;
}

.exhibition-actions__btn.btn-date::after {
  content: "";
  width: 13px;
  height: 13px;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/calendar.svg);
  mask-image: url(/themes/foto/css/../images/icons/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #307ff5;
}

.exhibition-actions__label {
  color: #a4a4a4;
  line-height: 120%;
  width: 100%;
}

.exhibition-actions__result {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  color: #a4a4a4;
  font-family: "Rubik", sans-serif;
}

.exhibition-actions__filter {
  border-bottom: 1px dashed #a4a4a4;
  font-weight: 400;
  line-height: 120%;
  color: #a4a4a4;
  -webkit-transition: color 0.25s, border-color 0.25s;
  -o-transition: color 0.25s, border-color 0.25s;
  transition: color 0.25s, border-color 0.25s;
}

.exposition {
  padding-bottom: 16px;
}

.exposition__title {
  margin-bottom: 20px;
}

.exposition__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 330px;
  grid-template-columns: 1fr 330px;
  gap: 30px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.exposition__aside {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  gap: 18px 0;
}

.exposition__map {
  width: 330px;
  height: 418px;
}

.exposition__map .map {
  width: 100%;
  height: 100%;
}

.exposition__pagination {
  margin-top: 24px;
}

.exposition__similar {
  padding: 0 23px;
}

.exposition-slider {
  margin-bottom: 24px;
}

.exposition-slider__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 18px 1fr 18px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: auto 18px auto 18px auto;
  grid-template-areas: "one three three" "two three three" "four five six";
  width: 100%;
  gap: 18px;
  border-radius: 10px 0 10px 10px;
  overflow: hidden;
}

.exposition-slider__item {
  display: -ms-grid;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.exposition-slider__item:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: one;
}

.exposition-slider__item:nth-child(2) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: two;
}

.exposition-slider__item:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: three;
}

.exposition-slider__item:nth-child(4) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: four;
}

.exposition-slider__item:nth-child(5) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  grid-area: five;
}

.exposition-slider__item:nth-child(6) {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
  grid-area: six;
}

.exposition-slider__item:last-child::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(54, 80, 104, 0.5);
  z-index: 2;
}

.exposition-slider__image {
  overflow: hidden;
  border-radius: inherit;
  padding-bottom: 59.1715976331%;
  height: 100%;
  width: 100%;
  z-index: 1;
  isolation: isolate;
}

.exposition-slider__text {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 16px;
  position: absolute;
  margin: auto;
  color: #ffffff;
  pointer-events: none;
  z-index: 2;
}

.exposition-slider .slider-controls {
  display: none;
}

.exposition-slider .slider-pagination {
  bottom: 16px;
}

.video-icon {
  position: absolute;
  width: 90px;
  height: 90px;
  position: absolute;
  margin: auto;
  z-index: 2;
  pointer-events: none;
  background-image: url(/themes/foto/css/../images/icons/icon-video.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}

.info-exposition {
  margin-bottom: 41px;
}

.info-exposition__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(200px, 400px))[2];
  grid-template-columns: repeat(2, minmax(200px, 400px));
  gap: 20px;
}

.info-exposition__item {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #a4a4a4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 3px;
}

.info-exposition__value {
  color: #307ff5;
  font-size: 16px;
  line-height: 120%;
}

.info-exposition__value span,
.info-exposition__value a {
  -webkit-box-shadow: 0 1px 0px 0px #307ff5;
  box-shadow: 0 1px 0px 0px #307ff5;
}

.content-exposition {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 41px;
}

.content-exposition__group {
  display: -ms-grid;
  display: grid;
  gap: 41px;
}

.content-exposition__group:nth-child(2) {
  gap: 40px;
}

.content-exposition__caption {
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  font-family: "Rubik", sans-serif;
}

.content-exposition__caption.caption-sm {
  font-size: 20px;
}

.content-exposition__body p {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}

.content-exposition__body p:not(:last-child) {
  margin-bottom: 18px;
}

.reviews-exposition {
  display: -ms-grid;
  display: grid;
  gap: 40px;
  justify-items: start;
}

.reviews-exposition__items {
  display: -ms-grid;
  display: grid;
  gap: 40px;
}

.reviews-exposition__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px 24px;
}

.reviews-exposition__name {
  font-family: "Rubik", sans-serif;
  width: 100%;
  font-weight: 700;
  line-height: 120%;
  font-size: 16px;
}

.reviews-exposition__date {
  color: #a4a4a4;
  line-height: 120%;
}

.reviews-exposition__description {
  width: 100%;
  font-size: 16px;
  line-height: 120%;
}

.reviews-exposition .button-add-review {
  max-width: 231px;
  min-height: 48px;
  border-radius: 10px;
  margin: 0;
}

.reviews-exposition .button-add-review::before {
  -webkit-mask-image: url(/themes/foto/css/../images/icons/message-check-square.svg);
  mask-image: url(/themes/foto/css/../images/icons/message-check-square.svg);
  background-color: #ffffff;
}

.similar-exposition__title {
  margin-bottom: 24px;
}

.similar-exposition__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}

.similar-exposition__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.similar-exposition .exposition-card {
  display: block;
}

.slider-arrow {
  visibility: visible;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider-arrow::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/arrow-white.svg);
  mask-image: url(/themes/foto/css/../images/icons/arrow-white.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #ffffff;
}

.slider-arrow-prev {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

.contacts-exposition {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 15px 9px 10px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  display: -ms-grid;
  display: grid;
  gap: 12px;
  font-size: 16px;
  line-height: 120%;
}

.contacts-exposition__price {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
}

.contacts-exposition__location {
  display: -ms-grid;
  display: grid;
  gap: 19px;
}

.contacts-exposition__phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  line-height: 120%;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.contacts-exposition__phone::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/phone.svg);
  mask-image: url(/themes/foto/css/../images/icons/phone.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #307ff5;
}

.contacts-exposition__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  font-style: normal;
}

.contacts-exposition__address::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/location.svg);
  mask-image: url(/themes/foto/css/../images/icons/location.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #307ff5;
}

.exposition-form {
  margin-top: 2px;
}

.exposition-form .choices {
  margin-bottom: 14px;
}

.exposition-form__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  border-radius: 10px;
}

.exposition-form__button::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/themes/foto/css/../images/icons/shield-tick.svg);
  mask-image: url(/themes/foto/css/../images/icons/shield-tick.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #ffffff;
  -webkit-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  transition: background-color 0.25s;
}

.schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 7px;
}

.schedule__label {
  font-size: 14px;
  line-height: 120%;
  color: #a4a4a4;
}

.exhibition-banner {
  display: block;
}

.studio-catalog {
  padding-bottom: 31px;
}

.studio-catalog__map {
  height: 659px;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
  grid-column: 7/13;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  overflow: hidden;
}

.studio-catalog__map .map {
  width: 100%;
  height: 100%;
}

.studio-catalog .exposition-card {
  -ms-grid-column-span: 3;
  grid-column: span 3;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.studio-catalog .exposition-card__slider {
  width: 100%;
}

.studio-catalog .exposition-card__image {
  height: 100%;
}

.studio-catalog__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  -ms-grid-rows: (auto)[6];
  grid-template-rows: repeat(6, auto);
  grid-auto-flow: dense;
  gap: 30px;
}

.studio-catalog__banner {
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  grid-column: 10/13;
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  grid-row: 3/5;
}

.studio-catalog__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
}

.heading-studio {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px 20px;
}

.heading-studio__title {
  margin-bottom: 0;
}

.heading-studio__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 32px;
}

.heading-studio__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px;
  font-size: 16px;
  line-height: 120%;
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.heading-studio__link svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: -ms-grid;
  display: grid;
  place-items: center;
}

.actions-studio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px 10px;
  margin-bottom: 20px;
}

.actions-studio__choice {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 212px 1fr;
  grid-template-columns: 212px 1fr;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 810px;
  flex: 0 1 810px;
}

.actions-studio__choice .choices {
  margin-bottom: 0;
  z-index: 2;
}

.actions-studio__choice .choices.is-focused,
.actions-studio__choice .choices.is-open {
  z-index: 3;
}

.actions-studio__choice .choices__inner {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-right: 40px;
}

.actions-studio__choice .search-form {
  min-height: 54px;
  height: auto;
  margin-left: -1px;
  z-index: 2;
}

.actions-studio__choice .search-form__input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left-width: 0.5px;
  padding: 12px 52px 12px 16px;
}

.actions-studio__choice .search-form__button {
  width: 52px;
}

.actions-studio .dropdown__button {
  gap: 4px;
  font-size: 16px;
  line-height: 120%;
  color: #307ff5;
}

.actions-studio .dropdown__button::before {
  content: none;
}

.actions-studio .dropdown__button::after {
  background-color: currentColor;
  width: 24px;
  height: 24px;
  -webkit-mask-size: 14px 14px;
  mask-size: 14px 14px;
}

.actions-studio__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 18px;
}

.actions-studio__switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 18px;
}

.actions-studio__switch svg {
  width: 24px;
  height: 24px;
  display: -ms-grid;
  display: grid;
  place-items: center;
}

.actions-studio__switch label {
  font-size: 16px;
  line-height: 120%;
}

.actions-studio__switch span {
  width: 48px;
  height: 24px;
  background-color: #a4a4a4;
}

.actions-studio__switch span::before {
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  left: 2px;
}

.actions-studio__switch input:checked ~ span {
  background-color: #307ff5;
}

.actions-studio__switch input:checked ~ span::before {
  background-color: #ffffff;
  left: 25px;
}

.actions-studio .badges__item {
  border-radius: 10px;
  padding: 8px 16px;
  min-height: 32px;
}

.actions-studio .badges__item.active {
  background: #ffffff;
  border-color: #307ff5;
  color: #307ff5;
}

.reserv-button {
  border: 2px solid #a4a4a4;
  border-radius: 16px;
  padding: 0px 16px;
  width: 152px;
  height: 48px;
  -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  padding: 5px 14px;
  font-size: 16px;
  line-height: 120%;
}

.reserv-button svg {
  width: 24px;
  height: 24px;
}

.studio {
  padding-bottom: 16px;
}

.studio__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  gap: 28px;
}

.studio .banner {
  display: none;
}

.top-studio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 19px;
}

.top-studio__info {
  display: -ms-grid;
  display: grid;
  gap: 14px;
}

.top-studio__title {
  margin-bottom: 0;
}

.top-studio__reactions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 33px;
}

.top-studio__reactions .rating {
  gap: 33px;
}

.top-studio .top-main__banner {
  margin-top: -34px;
}

.hall {
  padding-bottom: 30px;
}

.hall__title {
  margin-bottom: 13px;
}

.hall-card {
  padding-bottom: 27px;
}

.hall-card .studio-card__inner .studio-card__slider {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  display: none;
}

.hall-card .studio-card__info-main .rating {
  gap: 16px;
  margin-top: 4px;
}

.hall-card .studio-card__body {
  display: block;
  gap: 0;
}

.hall-card .studio-contacts {
  width: 100%;
}

.hall-card .custom-list {
  width: 100%;
}

.hall-card__info .rating {
  margin-top: 4px;
}

.hall-card .content ul li {
  line-height: 154%;
}

.hall-card .pagination {
  margin-top: 24px;
}

.adaptive-banner-block,
.adaptive-form-block {
  display: none;
}





@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable::after,
  .choices__list[aria-expanded] .choices__item--selectable::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  [dir=rtl] .choices__list--dropdown .choices__item--selectable,
  [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }

  [dir=rtl] .choices__list--dropdown .choices__item--selectable::after,
  [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
    right: auto;
    left: 10px;
  }
}

@media screen and (min-width: 767.98px) {
  .menu-footer__item + .menu-footer__item {
    padding-left: 8px;
    border-left: 1px solid #4b4b4b;
  }

  .contest-works__item {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }

  .contest-works__item:nth-child(7n+5),
  .contest-works__item:nth-child(7n+6),
  .contest-works__item:nth-child(7n+7) {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }

  .studio .similar-exposition__wrapper {
    gap: 30px;
  }
}

@media screen and (min-width: 991.98px) {
  .forum-table__item + .forum-table__item {
    border-left: 1px solid rgba(207, 207, 207, 0.5);
  }
}

@media screen and (min-width: 1200px) {
  .item-section--projects {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    -ms-grid-column: 3;
    grid-column: 3/3;
  }

  .exhibition__main {
    padding: 18px 18px 23px;
    border: 1px solid #efefef;
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
  }
}

@media screen and (max-width: 1500px) {
  .product-card__data {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 355px;
    flex: 0 0 355px;
  }
}

@media screen and (max-width: 1400px) {
  .top-header__left {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .header-menu__list {
    gap: 10px 15px;
  }

  .menu-categories__list {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px 20px;
  }

  .actions-main__items {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .actions-main__item:last-child {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  .galleries .actions-main__items {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .galleries .actions-main__item:last-child {
    grid-column: unset;
  }

  .sections__body,
  .sections__aside,
  .sections__main {
    gap: 20px;
  }

  .main-sections__top,
  .main-sections__middle,
  .main-sections__bottom {
    gap: 20px;
  }

  .sections__center {
    gap: 20px 0px;
  }

  .sections-galleries__body {
    -ms-grid-columns: 250px 1fr 250px;
    grid-template-columns: 250px 1fr 250px;
    gap: 20px;
  }

  .discuss-table__item {
    -ms-grid-columns: 250px (1fr)[4];
    grid-template-columns: 250px repeat(4, 1fr);
  }

  .product-slider {
    max-width: 600px;
  }

  .thumbs-slider__item {
    height: 100px;
  }

  .product-detail .product-card__slider {
    max-width: 600px;
  }

  .product-detail .thumbs-slider__item {
    height: 100px;
  }
}

@media screen and (max-width: 1400px) and (max-width: 767.98px) {
  .actions-main__item:last-child {
    grid-column: unset;
    margin-top: 22px;
  }
}

@media screen and (max-width: 1200px) {
  .btn-contacts.active + ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .top-header__left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .menu-categories__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .description-block {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10px 0px;
  }

  .description-block__label {
    grid-column: unset;
  }

  .notification {
    height: 500px;
    width: 400px;
  }

  .actions-notification {
    width: 300px;
  }

  .studio-card__inner {
    -ms-grid-columns: 1fr 270px;
    grid-template-columns: 1fr 270px;
  }

  .studio-card__halls {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .studio-contacts {
    width: 100%;
  }

  .studio-contacts__list {
    -webkit-transform: translate(0%) scale(1);
    -ms-transform: translate(0%) scale(1);
    transform: translate(0%) scale(1);
    display: none;
  }

  .sections__body {
    -ms-grid-columns: 270px 1fr;
    grid-template-columns: 270px 1fr;
  }

  .main-sections__middle {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .main-sections__top {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .main-sections__bottom {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .item-section--projects {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  .item-section--flea-market {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  .item-section--industry-news {
    grid-column: unset;
  }

  .sections-forum--all .forum-table__row {
    -ms-grid-columns: 1fr (150px)[var(--repeatColumns)];
    grid-template-columns: 1fr repeat(var(--repeatColumns), 150px);
  }

  .advice__row {
    -ms-grid-columns: 60px 142px 164px 1fr;
    grid-template-columns: 60px 142px 164px 1fr;
  }

  .advice__number,
  .advice__person,
  .advice__count {
    padding: 6px;
  }

  .advice__estimate-image {
    padding: 6px;
  }

  .advice__picture {
    padding-bottom: 100%;
  }

  .advice__picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .estimate-advice > * {
    padding: 6px;
  }

  .estimate-advice__first {
    padding-top: 15px;
  }

  .faq__wrapper {
    -ms-grid-columns: 280px 1fr;
    grid-template-columns: 280px 1fr;
  }

  .private-message__body {
    -ms-grid-columns: 350px 1fr;
    grid-template-columns: 350px 1fr;
  }

  .product-discuss__body {
    display: block;
  }

  .product-card__data {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    display: block;
    position: static;
    background: transparent;
    border-radius: 0;
    margin-top: 24px;
  }

  .product-card__content {
    margin-top: 24px;
  }

  .product-card__price {
    margin-bottom: 24px;
  }

  .product-card__buttons {
    gap: 24px;
  }

  .product-card__bottom {
    gap: 24px;
  }

  .product-slider {
    max-width: 100%;
  }

  .product-detail .product-card__slider {
    max-width: 500px;
  }

  .contest-prize {
    gap: 10px;
  }

  .contest-prize__image {
    width: 100%;
  }

  .junk__cards-wrapper {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .junk__pagination .pagination__item-first {
    margin-right: 5px;
  }

  .junk__pagination .pagination__item-last {
    margin-left: 5px;
  }

  .junk__pagination .pagination__list {
    gap: 10px;
  }

  .exhibition__wrapper {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }

  .exhibition__aside,
  .exhibition__added {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .exhibition__added {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-column-span: 4;
    grid-column: span 4;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .exhibition__events {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }

  .exhibition__events .exhibition-cards__wrapper {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .added-card {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .exhibition-banner {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }

  .exposition__banner.exhibition-banner {
    grid-column: initial;
  }

  .exposition__similar {
    padding: 0;
  }

  .actions-studio__choice {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .top-studio .top-main__banner {
    margin-top: 0;
  }
}

@media screen and (max-width: 1023px) {
  .studio-catalog__map {
    grid-row: initial;
    grid-column: 1/-1;
  }

  .studio-catalog .exposition-card {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }

  .studio-catalog__cards {
    gap: 16px;
  }

  .studio-catalog__banner {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }

  .actions-studio .dropdown {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .actions-studio__right {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .actions-studio .badges {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

@media screen and (max-width: 991.98px) {
  .header-menu__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 15px;
  }

  .header-menu__link {
    font-size: 18px;
    line-height: 130%;
  }

  .menu-mobile {
    display: block;
  }

  .menu-mobile.active {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }

  .sections-forum--all .forum-table__row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .sections-forum__box + .sections-forum__box {
    margin-top: 27px;
  }

  .forum-table__row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    border-radius: 10px;
  }

  .forum-table__row:not(.forum-table__row-header) {
    border: none;
  }

  .forum-table__row-header {
    display: none;
  }

  .forum-table__item:not(:first-child) {
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 12px 19px 13px;
  }

  .forum-table__item:nth-child(even) {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
  }

  .forum-table__item:nth-child(odd) {
    border: 1px solid rgba(207, 207, 207, 0.5);
  }

  .forum-table__item {
    padding: 17px 19px 18px;
  }

  .forum-table__body {
    gap: 16px 0px;
  }

  .forum-table__title:not(:last-child) {
    margin-bottom: 8px;
  }

  .forum-table__name:not(:last-child) {
    margin-bottom: 6px;
  }

  .forum-table__theme {
    padding-left: 20px;
    background: none;
    position: relative;
  }

  .forum-table__theme::before {
    content: "";
    position: absolute;
    top: 0;
    left: -9px;
    width: 24px;
    height: 24px;
    background-color: #789aff;
    -webkit-mask-image: url(/themes/foto/css/../images/icons/icon-info.svg);
    mask-image: url(/themes/foto/css/../images/icons/icon-info.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }

  .forum-table__label {
    display: block;
  }

  .sections__center {
    grid-area: center;
  }

  .aside-left {
    grid-area: left;
  }

  .aside-right {
    grid-area: aside;
  }

  .sections-galleries__body {
    -ms-grid-columns: 1fr 300px;
    grid-template-columns: 1fr 300px;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-template-areas: "left aside" "center aside";
  }

  .banner-left {
    display: none;
  }

  .main-topic__images {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .main-topic__image {
    width: 100%;
  }

  .about-author__body {
    grid-template-areas: "image actions" "top top" "features features";
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }

  .features-author {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .features-author__list {
    padding: 13px 0;
    position: relative;
  }

  .features-author__list::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid rgba(207, 207, 207, 0.5);
    -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
    box-shadow: 0px 1px 0px 0px #ffffff;
  }

  .features-author__list::after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    border-bottom: 1px solid rgba(207, 207, 207, 0.5);
    -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
    box-shadow: 0px 1px 0px 0px #ffffff;
  }

  .actions-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 17px;
    padding: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .actions-author::after {
    content: none;
  }

  .actions-author-mobile {
    grid-area: top;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 4px 0;
  }

  .actions-author-mobile::after {
    content: none;
  }

  .actions-author__text:first-child {
    padding-right: 70px;
  }

  .actions-author__item:nth-child(1) {
    display: none;
  }

  .author-box .gallery {
    padding: 0;
    margin: 0;
    overflow: visible;
  }

  .author-box .gallery .swiper-pagination-horizontal.swiper-pagination-bullets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .author-box .gallery__body {
    margin: 0 -24px;
    overflow: visible;
  }

  .author-box .gallery__body.gallery-personal {
    padding: 0;
  }

  .author-box .gallery__body::before,
  .author-box .gallery__body::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    height: 100%;
    width: 21px;
    background-repeat: no-repeat;
    background-size: 21px 100%;
    pointer-events: none;
  }

  .author-box .gallery__body::before {
    background: url(/themes/foto/css/../images/author/sliders/decor-left.png);
    left: -2px;
  }

  .author-box .gallery__body::after {
    background: url(/themes/foto/css/../images/author/sliders/decor-right.png);
    right: -2px;
  }

  .author-series__column:nth-child(2) {
    padding: 0;
  }

  .author-favorites__cards {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .private-message .private-chat {
    display: none;
  }

  .private-message.detail-message .private-message__aside {
    display: none;
  }

  .private-message.detail-message .private-chat {
    display: block;
  }

  .private-message__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    height: auto;
  }

  .private-message__dialogs {
    height: 225px;
  }

  .private-chat__body {
    padding: 15px 20px 10px;
    height: 457px;
  }

  .private-chat__label {
    margin: 10px auto 10px;
  }

  .arrow-up {
    display: none;
  }

  .discussion {
    padding-bottom: 19px;
  }

  .discussion__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .discussion__group {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  .discussion-category {
    padding-bottom: 17px;
  }

  .discussion-category__title {
    font-size: 20px;
    margin-bottom: 9px;
  }

  .discussion-category__table {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: 0;
  }

  .discuss-table .thead {
    padding: 10px 0;
    background-color: #f3f3f3;
  }

  .discuss-table .thead__name {
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .discuss-table .thead__actions {
    display: none;
  }

  .discuss-table__header {
    border: 0;
  }

  .discuss-table__header .discuss-table__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 18px;
    background-color: transparent;
    padding: 0;
    min-height: auto;
  }

  .discuss-table__header .discuss-table__item > * {
    padding: 0;
  }

  .discuss-table__body {
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    background: #ffffff;
    border: 1px solid #efefef;
    border-radius: 10px;
    overflow: hidden;
  }

  .discuss-table__item {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 6px;
    padding: 14px 13px 22px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .discuss-table__item > *:not(:last-child) {
    border: none;
  }

  .discuss-table__item > * {
    padding: 0;
  }

  .discuss-table__item-name::before {
    top: 0;
  }

  .discuss-table__item-name {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }

  .discuss-table__item-reviews,
  .discuss-table__item-photos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
  }

  .discuss-table__item-reviews::after,
  .discuss-table__item-photos::after {
    content: attr(data-title);
    color: #a4a4a4;
    font-size: 14px;
  }

  .discuss-table__item-actions {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }

  .discuss-table__item-rating {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }

  .content-group__reviews .content-group__caption {
    margin-bottom: 16px;
  }

  .product-detail__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
  }

  .product-detail .product-card__slider {
    max-width: 100%;
  }

  .product-detail .product-card__content {
    margin-top: 32px;
  }

  .product-card__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9px;
  }

  .product-card__info {
    padding: 0;
    width: 100%;
    gap: 32px;
  }

  .product-card__info .product-card__title,
  .product-card__info .reviews-block {
    display: none;
  }

  .content-group__testimonials {
    gap: 30px 0;
  }

  .contest-winner {
    gap: 13px;
  }

  .contest-winner__badge {
    width: 157px;
    height: 38px;
    border-radius: 18px 6px 6px 18px;
  }

  .contest-works__wrapper {
    gap: 15px;
  }

  .junk__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 17px;
  }

  .junk__aside {
    position: fixed;
    width: 100%;
    height: 100dvh;
    top: 0;
    left: 0;
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
    overflow: hidden auto;
    grid-row: none;
    z-index: 25;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }

  .junk__aside.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .junk__aside::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: white;
  }

  .junk__aside::-webkit-scrollbar-thumb {
    background-color: #a4a4a4;
    border-radius: 5px;
  }

  .junk__aside-body {
    padding: 16px 15px 18px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
  }

  .junk .sort-junk {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }

  .junk__cards {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }

  .junk__cards-wrapper {
    gap: 17px;
  }

  .filter-btn-mobile {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .filter-btn-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .sort-junk__item:last-child {
    margin-left: 0;
  }

  .exposition__wrapper {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    margin-bottom: 24px;
    border: 1px solid #efefef;
    border-radius: 10px;
    padding: 12px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
  }

  .exposition__aside {
    margin-bottom: 24px;
  }

  .exposition__map {
    width: 100%;
  }

  .info-exposition__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .reviews-exposition .button-add-review {
    max-width: 100%;
    width: 100%;
  }

  .similar-exposition__wrapper {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .top-studio .top-main__banner {
    display: none;
  }

  .about-author__body > .text-editor__column:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }

  .about-author__body > .about-author__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }

  .about-author__features {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .about-author__actions {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }

  .about-author__body > .private-message__image-wrap {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
}

@media screen and (max-width: 991.98px){

  .sections__center {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .aside-left {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .aside-right {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
}

@media screen and (max-width: 991.98px){

  .actions-author-mobile {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}

@media screen and (max-width: 767.98px) {
  body {
    background-image: url(/themes/foto/css/../images/main-bg-mobile.svg);
  }

  body.lock {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
  }

  .gallery {
    padding: 10px;
    margin: -10px;
    overflow: hidden;
  }

  .page-title {
    margin-bottom: 13px;
  }

  .banner-small .banner__image {
    padding-bottom: 67.9347826087%;
  }

  .radiobutton-group {
    gap: 8px;
  }

  .radio__label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 6px;
  }

  .custom-radio {
    width: 16px;
    height: 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
  }

  .custom-radio::before {
    width: 10px;
    height: 10px;
  }

  .radio__color {
    width: 26px;
    height: 26px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 26px;
    flex: 0 0 26px;
  }

  .reaction-button {
    font-size: 0;
  }

  .btn-contacts {
    width: 100%;
  }

  .btn-opacity {
    width: 100%;
  }

  .btn-add-review {
    width: 100%;
  }

  .header__top {
    padding: 11px 0 9px;
  }

  .header__categories {
    padding: 0;
  }

  .header__categories::before {
    content: none;
  }

  .header__search {
    display: block;
  }

  .nav-header__list {
    gap: 4px;
  }

  .nav-header__item--bell {
    display: none;
  }

  .nav-header__text {
    display: none;
  }

  .nav-header__link--signin {
    padding: 0;
  }

  .nav-header__link--signin::before,
  .nav-header__link--signin::after {
    content: none;
  }

  .nav-header__link--bell {
    width: 30px;
    height: 30px;
  }

  .nav-header__count {
    top: 0;
  }

  .nav-header__icon {
    width: 30px;
    height: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    border-radius: 7px;
    background: #f3f3f3;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2.7px 6.8px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2.7px 6.8px 0px rgba(0, 0, 0, 0.05);
  }

  .nav-header__icon img {
    width: 20px;
    height: 20px;
  }

  .nav-header__button {
    pointer-events: all;
    width: 30px;
    height: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    padding: 9px;
    border-radius: 4.4px;
    background: #f3f3f3;
    -webkit-box-shadow: 0px 1.7px 4.98px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 1.7px 4.98px 0px rgba(0, 0, 0, 0.05);
    gap: 2px;
  }

  .nav-header__button span {
    height: 2px;
    border-radius: 4.4px;
  }

  .categories-header__menu {
    display: none;
  }

  .categories-header__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .categories-header__button.active::after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  .menu-categories {
    display: none;
    padding: 15px 0 0;
  }

  .menu-categories.active {
    display: block;
  }

  .menu-categories__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .menu-categories__link {
    font-size: 18px;
  }

  .menu-mobile {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    padding-top: 50px;
    border-radius: 0px;
  }

  .footer__top {
    padding: 20px 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 20px;
  }

  .footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    padding: 20px 0 18px;
  }

  .menu-footer__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 57px;
  }

  .tabs {
    padding: 20px 0;
  }

  .tabs__list {
    display: none;
  }

  .tabs__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 12px 0px;
    background-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    border: none;
    border-radius: 0;
  }

  .content-tab {
    border-radius: 10px;
    border: 1px solid #efefef;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60.42%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.07))), #fff;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 60.42%, rgba(0, 0, 0, 0.07) 100%), #fff;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60.42%, rgba(0, 0, 0, 0.07) 100%), #fff;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    display: block;
  }

  .content-tab.active {
    background: #ffffff;
    padding-top: 10px;
  }

  .content-tab.active .content-tab__body {
    display: block;
  }

  .content-tab__body {
    display: none;
    padding: 9px 16px 20px;
  }

  .content-tab__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 23px 0px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .content-tab .search-form {
    width: 100%;
  }

  .content-tab__header {
    display: block;
    padding: 15px 16px 14px;
    color: #a4a4a4;
    text-align: center;
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    line-height: 120%;
  }

  .breadcrumbs__navigation {
    padding: 20px 0 12px;
  }

  .main__top {
    margin-bottom: 16px;
  }

  .top-main__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px 0px;
  }

  .top-main__info {
    min-width: 100%;
  }

  .top-main__action {
    margin: 7px auto 0;
    text-align: center;
  }

  .top-main__banner {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    padding: 20px;
  }

  .top-main__banner-text {
    font-size: 24px;
  }

  .top-main__image {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 100%;
    min-height: auto;
  }

  .actions-main__body {
    padding: 17px 0 17px;
  }

  .actions-main__items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .galleries .actions-main__items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .galleries .actions-main__item:last-child {
    margin-top: 0;
  }

  .main__badges {
    padding: 17px 0 16px;
  }

  .galleries .badges__list {
    gap: 12px 12px;
  }

  .badges__list {
    gap: 12px 5px;
  }

  .pagination__item-first,
  .pagination__item-last {
    display: none;
  }

  .text-editor__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .text-editor__actions {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }

  .text-editor__group {
    gap: 10px 20px;
  }

  .text-editor__group + .text-editor__group {
    display: none;
  }

  .text-editor__button--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .text-editor__area {
    margin-bottom: 24px;
  }

  .text-editor__btn {
    width: 100%;
    margin-top: 22px;
  }

  .text-editor__image {
    padding-bottom: 127.9891304348%;
  }

  .notification {
    display: none;
  }

  .studio-card__slider {
    margin-bottom: 16px;
  }

  .studio-card__slider-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }

  .studio-card__image {
    border-radius: 10px;
    overflow: hidden;
  }

  .studio-card__body {
    gap: 16px;
  }

  .studio-card__reactions {
    gap: 10px 20px;
  }

  .studio-card__buttons {
    width: 100%;
  }

  .studio-card__buttons .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }

  .studio-card .rating {
    gap: 20px;
  }

  .studio-card__info {
    gap: 24px;
  }

  .studio-card__info-main {
    gap: 8px;
  }

  .studio-card__inner {
    border: 1px solid #efefef;
    border-radius: 10px;
    padding: 12px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    background: #ffffff;
    display: block;
  }

  .studio-card__aside {
    display: none;
  }

  .studio-card__halls {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .studio-card__map {
    margin: 12px 0 24px;
    height: 458px;
  }

  .studio-card__similar {
    margin-top: 24px;
  }

  .main-search {
    display: none;
  }

  .home-sections {
    padding-top: 16px;
  }

  .sections__body {
    display: none;
  }

  .sections__body-mobile {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px 0px;
  }

  .item-section {
    min-height: auto;
    padding: 18px 18px 16px;
  }

  .item-section--banner {
    padding: 0;
  }

  .item-section--banner .banner-home {
    display: block;
    max-height: 224px;
    padding-bottom: 60.8695652174%;
    position: relative;
  }

  .item-section--recent,
  .item-section--industry-news,
  .item-section--banner {
    grid-column: unset;
  }

  .item-section--projects {
    grid-column: unset;
  }

  .item-section--flea-market {
    grid-column: unset;
  }

  .item-section--gallery {
    padding-bottom: 10px;
  }

  .item-section__header {
    margin-bottom: 25px;
  }

  .item-section__footer {
    margin-top: 19px;
  }

  .news-list li:not(:last-child),
  .focus-list li:not(:last-child),
  .reviews-list li:not(:last-child) {
    margin-bottom: 19px;
  }

  .reviews-list li:not(:last-child) {
    margin-bottom: 16px;
  }

  .item-section--recent {
    padding-bottom: 18px;
  }

  .item-section--forum,
  .item-section--reviews {
    padding-bottom: 20px;
    padding-top: 16px;
  }

  .item-section--forum .item-section__header,
  .item-section--reviews .item-section__header {
    margin-bottom: 20px;
  }

  .item-section--projects {
    padding-bottom: 20px;
    padding-top: 16px;
  }

  .item-section--projects .item-section__header {
    margin-bottom: 20px;
  }

  .item-section--classic {
    padding-bottom: 20px;
    padding-top: 16px;
  }

  .item-section--classic .item-section__header {
    margin-bottom: 20px;
  }

  .item-section--industry-news {
    padding-bottom: 25px;
    padding-top: 16px;
  }

  .item-section--industry-news .item-section__header {
    margin-bottom: 20px;
  }

  .flea-market-list li {
    padding: 13px 0;
  }

  .forums__bottom {
    margin-top: 10px;
  }

  .forums__bottom .tabs {
    display: block;
  }

  .forums__bottom .tabs .container {
    padding: 0;
  }

  .forums__bottom .main__actions {
    display: none;
  }

  .forums__bottom .forums__labels {
    display: none;
  }

  .sections-forum--all {
    margin-top: 0;
  }

  .top-forum {
    display: none;
  }

  .sections-galleries {
    padding-bottom: 20px;
  }

  .sections__center .item-section {
    padding: 12px 10px 10px;
  }

  .sections-galleries__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: "left" "center" "aside";
  }

  .item-section--clan-gallery {
    padding-bottom: 10px;
  }

  .item-section--winners {
    padding: 18px 18px 20px;
  }

  .item-section--recent-arrivals {
    padding: 18px 18px 10px;
  }

  .item-section--contests {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .item-section--contests .item-section__footer {
    margin-top: 15px;
  }

  .item-section--showing {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .item-section--showing .item-section__footer {
    margin-top: 15px;
  }

  .banner-right {
    display: none;
  }

  .banner-mobile {
    display: block;
  }

  .topic__pagination.pagination-top {
    padding: 20px 0 22px;
  }

  .topic__pagination.pagination-bottom {
    padding: 26px 0 37px;
  }

  .topic__pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .topic__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 15px 0 7px;
  }

  .topic__button {
    width: 100%;
  }

  .topic__result {
    text-align: center;
  }

  .topic-card__content {
    border: none;
  }

  .topic-card {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .topic-card__data {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 120px 1fr;
    grid-template-columns: 120px 1fr;
    padding: 12px 15px 10px;
    gap: 19px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }

  .topic-card__time {
    display: block;
  }

  .topic-card__messages {
    margin-bottom: 2px;
  }

  .topic-card__date,
  .topic-card__date-mobile {
    display: none;
  }

  .topic-card__date-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 11px 24px;
  }

  .main-topic {
    padding: 10px 15px 26px;
  }

  .main-topic__body {
    margin-bottom: 4px;
  }

  .main-topic__image {
    height: auto;
    width: 100%;
    padding-bottom: 67.1511627907%;
  }

  .footer-topic {
    padding: 10px 10px;
  }

  .footer-topic .reaction-button {
    font-size: 12px;
    line-height: 120%;
  }

  .footer-topic {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
  }

  .footer-topic__item:first-child {
    gap: 10px 28px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .add-photo {
    padding-bottom: 22px;
  }

  .add-photo__title {
    margin-bottom: 20px;
  }

  .add-photo__info {
    gap: 20px 0px;
    margin-bottom: 30px;
  }

  .add-photo__body {
    gap: 20px;
  }

  .add-photo__item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .add-photo__item--dropzone,
  .add-photo__item--equipment {
    gap: 20px;
  }

  .add-photo__item--ready {
    gap: 0;
  }

  .add-photo__item--text-editor {
    gap: 16px;
  }

  .add-photo__recomendation {
    max-width: 100%;
  }

  .select-group {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .auth__title {
    margin: 0;
  }

  .auth-login .auth__body {
    max-width: 100%;
    padding: 0 29px;
  }

  .auth-login {
    padding: 44px 0 61px;
  }

  .auth-register {
    padding: 44px 0 42px;
  }

  .auth-register .auth__body {
    padding: 0 29px;
  }

  .auth-register .auth__button {
    width: 100%;
  }

  .auth-register .auth__title {
    margin: 0;
  }

  .auth-register .auth__bottom {
    margin: 0;
  }

  .auth__button {
    width: 100%;
  }

  .auth__group {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .text-page {
    padding-bottom: 20px;
  }

  .text-page__title {
    margin-bottom: 20px;
  }

  .text-page__links {
    margin-top: 14px;
  }

  .main-photo {
    padding-bottom: 30px;
  }

  .main-photo__title {
    margin-bottom: 27px;
  }

  .main-photo__body {
    padding: 12px 12px 20px;
  }

  .main-photo__gallery .gallery__bottom {
    margin-top: 12px;
  }

  .main-photo__gallery .item-gallery__image {
    padding-bottom: 127.0967741935%;
  }

  .main-photo__actions {
    margin: 12px 0 16px;
    padding: 12px 0 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .main-photo__actions-left {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .main-photo__actions-left .reaction-button {
    font-size: 14px;
  }

  .main-photo__info {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .main-photo__info-box--comment {
    gap: 27px 0px;
  }

  .main-photo__list {
    max-width: 100%;
    font-size: 12px;
  }

  .main-photo__list-item .main-photo__label {
    font-size: 12px;
  }

  .main-photo__social {
    gap: 10px;
  }

  .main-photo__text-editor {
    padding: 11px 0 0;
  }

  .gallery-big {
    max-width: 100%;
    padding: 0 17px;
  }

  .small-gallery {
    margin-bottom: 20px;
    padding: 0;
  }

  .small-gallery__wrapper {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
  }

  .small-gallery__item:nth-child(n+4) {
    display: none;
  }

  .comments {
    padding-top: 27px;
    padding-bottom: 11px;
  }

  .comments__title {
    margin-bottom: 22px;
  }

  .text-editor__columns {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 16px auto 16px auto;
    grid-template-areas: "descr" "editor" "image";
    gap: 16px;
  }

  .author {
    padding: 6px 0 30px;
  }

  .about-author {
    padding: 15px 12px;
  }

  .about-author__title {
    font-size: 20px;
    margin-bottom: 6px;
  }

  .about-author__body {
    -ms-grid-columns: 120px 1fr;
    grid-template-columns: 120px 1fr;
    gap: 16px 16px;
  }

  .features-author__list {
    font-size: 12px;
  }

  .features-author__label {
    font-size: 12px;
  }

  .actions-author__text {
    font-size: 12px;
  }

  .actions-author__button {
    font-size: 12px;
  }

  .actions-author__button--share {
    word-break: break-all;
  }

  .author-box .gallery__body.gallery-personal {
    overflow: visible;
  }

  .author-box__button {
    font-size: 0;
    gap: 0;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .author-series {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }

  .author-stats {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .author-stats__column {
    gap: 20px;
  }

  .author-stats__title {
    margin: 0 0 20px;
  }

  .author-favorites__title {
    padding: 0;
    font-size: 24px;
  }

  .author-favorites__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .author-favorites__content {
    width: 100%;
  }

  .static-page__title {
    display: block;
    font-size: 20px;
    line-height: 120%;
  }

  .static-page .main__top {
    display: none;
  }

  .static-page__body {
    margin-bottom: 20px;
  }

  .static-page__top {
    padding: 10px 16px;
  }

  .static-page__content {
    padding: 19px 16px;
  }

  .advice__title {
    font-size: 20px;
  }

  .advice__list {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    border-radius: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .advice__row:not(:last-child) {
    border: none;
  }

  .advice__row > *:not(:last-child) {
    border: none;
  }

  .advice__row {
    border: 1px solid #efefef;
    background: #fff;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    overflow: hidden;
    border-radius: 10px;
  }

  .advice__number {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .advice__person {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 7px;
    text-align: right;
  }

  .advice__count {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    gap: 12px;
  }

  .advice__number,
  .advice__person,
  .advice__count {
    padding: 15px 16px 10px;
  }

  .advice__count {
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 13px 16px 13px;
  }

  .advice__count::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid rgba(207, 207, 207, 0.5);
  }

  .advice__count::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid rgba(207, 207, 207, 0.5);
  }

  .advice__estimate {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    padding: 3px 10px 10px;
    gap: 8px;
  }

  .advice__estimate-mobile {
    padding: 10px 10px 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  .advice__estimate-image:not(:last-child) {
    border: none;
  }

  .advice__estimate-image {
    padding: 0px;
  }

  .advice__label {
    display: block;
  }

  .advice__pagination {
    margin: 20px 0;
  }

  .advice-head {
    display: none;
  }

  .estimate-advice__item {
    border: none;
    padding: 6px;
    color: #a4a4a4;
  }

  .estimate-advice__item:not(:last-child) {
    border: none;
  }

  .estimate-advice__first {
    padding-top: 0px;
    color: #a4a4a4;
  }

  .faq__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 23px;
  }

  .faq__aside {
    padding: 15px 16px 15px;
  }

  .faq__search {
    display: none;
  }

  .faq__about {
    padding: 14px 16px;
  }

  .about-faq__title {
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 32px;
  }

  .about-faq__button {
    width: 100%;
    margin-top: 20px;
    font-size: 16px;
  }

  .menu-faq__button {
    font-size: 16px;
  }

  .private-message__title {
    font-size: 20px;
    margin-bottom: 13px;
  }

  .private-message__top {
    padding: 7px 7px 7px 12px;
  }

  .private-chat__actions {
    gap: 7px;
  }

  .private-chat__button {
    width: 21px;
    height: 21px;
    -webkit-mask-size: 21px 21px;
    mask-size: 21px 21px;
  }

  .private-chat__textarea {
    height: 42px;
    padding: 11px 50px 11px 11px;
  }

  .private-chat__textarea::-webkit-input-placeholder {
    font-size: 0;
  }

  .private-chat__textarea::-moz-placeholder {
    font-size: 0;
  }

  .private-chat__textarea:-ms-input-placeholder {
    font-size: 0;
  }

  .private-chat__textarea::-ms-input-placeholder {
    font-size: 0;
  }

  .private-chat__textarea::placeholder {
    font-size: 0;
  }

  .button-send {
    width: 50px;
  }

  .discussion__title {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .discussion__caption {
    display: none;
  }

  .discussion-category__top {
    margin-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .discussion-category__top .discussion-category__btn-add {
    width: 100%;
  }

  .product-discuss {
    padding-bottom: 39px;
  }

  .product-discuss__title {
    margin-bottom: 19px;
    font-size: 20px;
  }

  .product-card__wrapper {
    padding: 8px 8px 14px;
  }

  .product-card__top-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
  }

  .product-card__top-buttons .btn {
    width: 100%;
  }

  .product-card__content {
    gap: 16px;
  }

  .button-add-review {
    width: 100%;
  }

  .product-slider__body {
    border-radius: 4px;
  }

  .product-slider__pagination {
    padding: 12px 5px;
  }

  .product-slider__pagination::before {
    opacity: 0.42;
    border-radius: 4px;
  }

  .product-slider__pagination .swiper-pagination-bullet {
    height: 4px;
    border-radius: 4px;
  }

  .product-slider-button {
    display: none;
  }

  .product-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
  }

  .thumbs-slider {
    margin-top: 9px;
  }

  .thumbs-slider__item {
    height: 75px;
  }

  .content-group__form {
    margin-bottom: 16px;
  }

  .discuss-similar {
    padding: 23px 5px 0;
    max-width: 100%;
  }

  .discuss-similar__title {
    margin-bottom: 16px;
  }

  .slider-similar__item {
    width: 32%;
  }

  .product-detail {
    padding-bottom: 28px;
  }

  .product-detail__wrapper {
    padding: 18px 8px 23px;
    margin-bottom: 19px;
  }

  .product-detail .product-card__content {
    gap: 30px;
  }

  .product-detail__pagination .pagination__list {
    gap: 7px;
  }

  .product-detail .thumbs-slider__item {
    height: 75px;
  }

  .product-card__heading .product-card__title {
    margin-bottom: 0;
  }

  .product-card__title {
    font-size: 20px;
  }

  .product-card__list-item.result .product-card__list-value {
    font-size: 20px;
  }

  .product-card__list-caption {
    width: 60%;
  }

  .product-card__list-value {
    width: 40%;
  }

  .product-card__button-learn-more {
    width: 100%;
    margin-top: 11px;
  }

  .testimonials-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px 16px;
  }

  .testimonials-item__header {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    margin: 0;
  }

  .testimonials-item__body {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }

  .testimonials-item ul.testimonials-item__images-list img {
    width: 100%;
  }

  .testimonials-item ul.testimonials-item__images-list {
    -ms-grid-column-span: 3;
    grid-column: span 3;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin: 0px 0 14px;
  }

  .testimonials-item__content {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }

  .testimonials-item__reactions {
    -ms-grid-column-span: 3;
    grid-column: span 3;
    padding-top: 10px;
    margin-top: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 41px;
  }

  .reactions-group {
    width: 30%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
  }

  .contest {
    padding-bottom: 19px;
  }

  .contest__title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .contest__wrapper {
    padding: 16px 16px 14px;
  }

  .contest__pagination {
    margin-top: 14px;
  }

  .group-contest:not(:last-child) {
    margin-bottom: 30px;
  }

  .group-contest__title {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .winners .group-contest__title {
    margin-bottom: 12px;
  }

  .prizes .group-contest__title {
    margin-bottom: 40px;
  }

  .rules .group-contest__title {
    margin-bottom: 18px;
  }

  .works .group-contest__title {
    display: none;
  }

  .group-contest__button {
    width: 100%;
  }

  .contest-slider {
    padding: 0 51px;
  }

  .contest-slider__item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: default;
  }

  .contest-slider__button {
    width: 30px;
    height: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
  }

  .contest-slider__button::before {
    width: 10px;
    height: 17px;
  }

  .contest-winner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .contest-winner__card {
    cursor: default;
  }

  .contest-prize {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .contest-prize__card {
    min-height: 336px;
    padding: 40px 10px 18px;
    gap: 10px;
    cursor: default;
  }

  .contest-prize__badge {
    width: 65px;
    height: 65px;
    background-size: 65px 65px;
  }

  .contest-prize__image {
    height: 205px;
  }

  .contest-prize__content {
    font-size: 16px;
  }

  .contest-rules__content p,
  .contest-rules__content li {
    font-size: 14px;
  }

  .contest-rules__content h2,
  .contest-rules__content h3,
  .contest-rules__content h4,
  .contest-rules__content h5 {
    font-size: 16px;
    margin: 20px 0;
  }

  .rules .group-contest__title {
    cursor: default;
  }

  .contest-works {
    margin: 0 -16px;
    padding: 0 16px;
  }

  .contest-works__wrapper {
    gap: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .junk {
    padding-bottom: 15px;
  }

  .junk__heading {
    margin-bottom: 8px;
  }

  .junk__title {
    margin: 0;
    font-size: 20px;
  }

  .junk__pagination {
    margin-top: 20px;
  }

  .filter-switches label {
    cursor: default;
  }

  .card-junk__content {
    padding: 12px 18px 13px;
  }

  .card-junk__title {
    font-size: 20px;
  }

  .card-junk__price {
    font-size: 32px;
  }

  .sort-junk__save {
    font-size: 12px;
  }

  .dropdown__button {
    font-size: 12px;
  }

  .switch label {
    font-size: 12px;
  }

  .exhibition {
    padding-bottom: 25px;
  }

  .exhibition__tilte {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 120%;
  }

  .exhibition__aside,
  .exhibition__added {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .exhibition__aside,
  .exhibition__added {
    gap: 16px;
  }

  .exhibition__added {
    grid-column: none;
  }

  .exhibition__events {
    display: none;
  }

  .exhibition-groups {
    gap: 20px;
  }

  .exhibition-group__caption {
    margin-bottom: 16px;
  }

  .exhibition-cards:not(:last-child) {
    margin-bottom: 20px;
  }

  .exhibition-sections {
    gap: 20px;
    margin: 20px 0 28px;
  }

  .exhibition-section__caption {
    margin-bottom: 16px;
  }

  .exhibition-form {
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .added-card:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .added-card:nth-child(2) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .exhibition-banner {
    grid-column: unset;
  }

  .exhibition-banner-one {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .exhibition-banner-two {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .exposition {
    padding-bottom: 22px;
  }

  .exposition__title {
    font-size: 20px;
    margin-bottom: 24px;
  }

  .exposition__aside {
    gap: 24px 0;
  }

  .exposition-slider__body {
    border-radius: 10px;
    overflow: hidden;
  }

  .exposition-slider__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0px;
    gap: 0;
    overflow: initial;
  }

  .exposition-slider__image {
    border-radius: 10px;
    min-height: 208px;
  }

  .exposition-slider .slider-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .video-icon {
    width: 54px;
    height: 54px;
    background-size: 100% 100%;
  }

  .info-exposition {
    margin-bottom: 24px;
  }

  .info-exposition__list {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }

  .content-exposition {
    gap: 24px;
  }

  .content-exposition__group {
    gap: 24px;
  }

  .content-exposition__caption {
    font-size: 20px;
  }

  .similar-exposition__title {
    text-align: center;
    margin-bottom: 24px;
  }

  .similar-exposition__body {
    display: block;
    overflow: visible;
  }

  .similar-exposition__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }

  .similar-exposition .exposition-card {
    width: 89.7%;
  }

  .studio-catalog .exposition-card {
    -ms-grid-column-span: 6;
    grid-column: span 6;
  }

  .studio-catalog__banner {
    -ms-grid-column-span: 6;
    grid-column: span 6;
  }

  .studio-catalog__bottom {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 16px;
  }

  .heading-studio {
    margin-bottom: 6px;
  }

  .heading-studio__title {
    margin: 0;
    font-size: 20px;
  }

  .heading-studio__links {
    gap: 10px 18px;
  }

  .heading-studio__link {
    font-size: 12px;
    gap: 6px;
  }

  .heading-studio__link svg {
    width: 16px;
    height: 16px;
  }

  .actions-studio__choice {
    -ms-grid-columns: 1.35fr 1fr;
    grid-template-columns: 1.35fr 1fr;
  }

  .actions-studio__switch label {
    font-size: 0;
    gap: 0;
  }

  .actions-studio .badges__list {
    gap: 12px;
  }

  .reserv-button {
    font-size: 14px;
  }

  .studio {
    padding-bottom: 22px;
  }

  .studio__wrapper {
    gap: 24px;
  }

  .studio__wrapper .studio-card {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .studio__wrapper .studio-card:nth-child(1) {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .studio .banner {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    display: block;
  }

  .top-studio__info {
    gap: 9px;
  }

  .top-studio__title {
    margin-bottom: 0;
    font-size: 20px;
  }

  .top-studio__reactions .rating {
    gap: 20px;
  }

  .top-studio__reactions {
    margin-top: 15px;
    gap: 10px 20px;
  }

  .hall {
    padding-bottom: 21px;
  }

  .hall__title {
    margin-bottom: 24px;
    font-size: 20px;
  }

  .hall-card {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0;
  }

  .hall-card .studio-card__slider {
    display: none;
  }

  .hall-card .studio-card__inner .studio-card__slider {
    display: block;
    margin-bottom: 24px;
  }

  .hall-card .studio-card__info-main .rating {
    margin-top: 0;
  }

  .hall-card .studio-contacts {
    margin: 16px 0;
  }

  .hall-card .custom-list {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .hall-card__info .rating {
    margin-top: 2px;
  }

  .hall-card .studio-card__title {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .hall-card .studio-card__reactions {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .hall-card .studio-card .studio-contacts {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .hall-card .studio-card .rating {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .hall-card .studio-card__buttons {
    gap: 24px;
  }

  .adaptive-banner-block,
  .adaptive-form-block {
    display: block;
  }

  .adaptive-form-block {
    margin-bottom: 24px;
  }

  .text-editor__columns .text-editor__column:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .text-editor__columns .text-editor__column:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }

  .text-editor__columns .text-editor__column:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }

  .about-author__image {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }

  .private-message__image-wrap {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }

  .sections__center {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .aside-left {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .aside-right {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
}

@media screen and (max-width: 576px) {
  .slider-similar__body {
    overflow: visible;
  }

  .slider-similar__item {
    width: 265px;
  }

  .junk__cards-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .sort-junk__item:nth-child(odd) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

@media screen and (max-width: 479.98px) {
  .author-favorites__title {
    font-size: 20px;
  }

  .chat-message__image {
    padding: 0;
    width: 100%;
    height: 207px;
  }

  .chat-message__image img {
    position: static;
  }

  .thumbs-slider__item {
    height: 56px;
  }

  .product-detail .thumbs-slider__item {
    height: 56px;
  }

  .reactions-group {
    width: 50%;
  }

  .contest__pagination .pagination__list {
    gap: 7px;
  }

  .exhibition-cards {
    overflow: visible;
  }

  .exhibition-card {
    width: 325px;
  }

  .studio-catalog .exposition-card {
    grid-column: 1/-1;
  }

  .studio-catalog__cards {
    -ms-grid-rows: none;
    grid-template-rows: none;
  }

  .studio-catalog__banner {
    height: 650px;
    grid-row: initial;
    grid-column: 1/-1;
  }
}

@media screen and (max-width: 389.98px) {
  .nav-header__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 5px;
  }

  .nav-header__text {
    display: block;
  }

  .nav-header__link--bell {
    width: 50px;
    height: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
  }

  .nav-header__link--bell img {
    width: auto;
    height: auto;
  }

  .nav-header__link {
    font-size: 16px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 10px;
  }

  .nav-header__icon {
    width: 50px;
    height: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
  }

  .nav-header__icon img {
    width: auto;
    height: auto;
  }

  .menu-footer__list {
    gap: 20px 30px;
  }

  .pagination__list {
    gap: 7px;
  }

  .pagination__link--prev::before,
  .pagination__link--next::before {
    width: 20px;
    height: 20px;
    -webkit-mask-size: 15px 18px;
    mask-size: 15px 18px;
  }

  .pagination__link {
    width: 30px;
    height: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    font-size: 16px;
  }

  .big-news-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .big-news-image {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
  }

  .footer-topic {
    gap: 10px 20px;
  }

  .footer-topic__item:first-child {
    gap: 10px 20px;
  }

  .auth-login .auth__body {
    padding: 0;
  }

  .auth-register .auth__body {
    padding: 0;
  }

  .advice__links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .advice__link {
    width: 100%;
  }

  .discuss-table__header .discuss-table__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .discuss-table__item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .discuss-table__item-rating {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }

  .exhibition-card {
    width: 290px;
  }
}

@media (any-hover: hover) {
  .btn:hover {
    background-color: #307ff5;
    color: #ffffff;
  }

  .btn:hover::before {
    background-color: #ffffff;
  }

  .btn-show:hover {
    border-bottom: 1px solid transparent;
  }

  .reaction-button:hover {
    color: #307ff5;
  }

  .btn-favorite:hover {
    color: #307ff5;
  }

  .btn-share:hover {
    color: #307ff5;
  }

  .btn-reserve.btn-blue:hover {
    background-color: #216bdb;
    color: #ffffff;
  }

  .btn-video:hover svg path {
    stroke: #ffffff;
  }

  .btn-contacts:hover svg path {
    stroke: #ffffff;
  }

  .btn-opacity:hover {
    -webkit-box-shadow: 0px 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px 0px transparent;
  }

  .btn-hall:hover svg path {
    stroke: #ffffff;
  }

  .btn-add-review:hover svg path {
    stroke: #307ff5;
  }

  .btn-studio-add:hover svg path {
    stroke: #ffffff;
  }

  .header-menu__link:hover {
    color: #307ff5;
  }

  .nav-header__link:hover {
    color: #307ff5;
  }

  .nav-header__link:hover .nav-header__icon {
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1);
  }

  .nav-header__link--bell:hover .nav-header__icon {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .menu-categories__link:hover {
    color: #307ff5;
  }

  .menu-footer__link:hover {
    color: #307ff5;
  }

  .social-footer__link:hover,
  .social-link:hover,
  .social__link:hover {
    background-color: #307ff5;
  }

  .breadcrumbs__link:hover {
    color: #307ff5;
  }

  .badges__item:hover {
    color: #4b4b4b;
    border-color: #4b4b4b;
  }

  .badges__item-show:hover {
    color: #a4a4a4;
    border-color: none;
  }

  .pagination__link:hover {
    color: #307ff5;
  }

  .pagination__link--prev:hover,
  .pagination__link--next:hover {
    background-color: rgba(75, 75, 75, 0.8);
  }

  .text-editor__btn:hover {
    background-color: #0142a3;
    border-color: #0142a3;
  }

  .item-notification__inner:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.05);
  }

  .notification-button:hover {
    cursor: pointer;
  }

  .actions-notification__item:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.05);
  }

  .item-section__link:hover .item-section__link-text {
    color: #307ff5;
    border-bottom: 1px solid #307ff5;
  }

  .forum-table__name:hover {
    color: #307ff5;
  }

  .forum-table__pages a:hover {
    color: #307ff5;
  }

  a.forum-table__link:hover {
    text-decoration: none;
  }

  .item-partion__link:hover {
    color: #307ff5;
  }

  a.auth__link:hover {
    text-decoration: none;
  }

  .text-page__links a:hover {
    border-bottom: 1px solid transparent;
  }

  .author-favorites__link:hover {
    text-decoration: underline;
  }

  .advice__link:hover {
    border-color: #307ff5;
  }

  .about-faq__button:hover {
    background-color: #0142a3;
    border-color: #0142a3;
  }

  .menu-faq__list a:hover {
    color: #307ff5;
  }

  .menu-faq__sub-list a:hover {
    color: #307ff5;
  }

  .dialogs-item:hover {
    background-color: #f6f6f6;
  }

  .discussion-category .badges__item:hover {
    color: #307ff5;
    border-color: #307ff5;
  }

  .discussion-category__btn-add:hover {
    background-color: #307ff5;
    color: #ffffff;
  }

  .discussion-category__btn-add:hover::before {
    background-color: #ffffff;
  }

  .button-favorite:hover::before,
  .button-add-note:hover::before,
  .button-subscribe-user:hover::before,
  .button-add-review:hover::before {
    background-color: #ffffff;
  }

  .btn-green:hover {
    background-color: transparent;
    color: #659d5c;
  }

  .btn-blue:hover {
    background-color: transparent;
    color: #307ff5;
  }

  .contest-slider__button:hover {
    background-color: rgba(75, 75, 75, 0.8);
  }

  .contest-rules__content a:hover {
    text-decoration: underline;
  }

  .filter-switches label:hover {
    color: #307ff5;
  }

  .filter-group--brand .filter-switches input ~ span:hover {
    border-color: #307ff5;
  }

  .filter-keywords a:hover {
    text-decoration: underline;
  }

  .sort-junk__save:hover {
    color: #307ff5;
  }

  .dropdown__button {
    cursor: pointer;
  }

  .dropdown__list li:hover {
    color: #307ff5;
  }

  .switch label:hover {
    cursor: pointer;
    color: #307ff5;
  }

  .exhibition-card__button:hover {
    background-color: #004ab9;
  }

  .exhibition-actions__btn:hover {
    border-color: #307ff5;
    color: #307ff5;
  }

  .exhibition-actions__filter:hover {
    color: #307ff5;
    border-color: #307ff5;
  }

  .reviews-exposition .button-add-review:hover::before {
    background-color: #307ff5;
  }

  .contacts-exposition__phone:hover {
    color: #307ff5;
  }

  .exposition-form__button:hover::before {
    background-color: #307ff5;
  }

  .heading-studio__link:hover {
    color: #307ff5;
  }
}
@font-face {
  font-family: 'lg';
  src: url(/common/lightGallery/css/../fonts/lg.eot?n1z373);
  src: url(/common/lightGallery/css/../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(/common/lightGallery/css/../fonts/lg.woff?n1z373) format("woff"), url(/common/lightGallery/css/../fonts/lg.ttf?n1z373) format("truetype"), url(/common/lightGallery/css/../fonts/lg.svg?n1z373#lg) format("svg");
  font-weight: normal;
  font-style: normal;
}
.lg-icon {
  font-family: 'lg';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: none;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}
.lg-actions .lg-next {
  right: 20px;
}
.lg-actions .lg-next:before {
  content: "\e095";
}
.lg-actions .lg-prev {
  left: 20px;
}
.lg-actions .lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url(/common/lightGallery/css/../img/vimeo-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url(/common/lightGallery/css/../img/vimeo-play.png) no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url(/common/lightGallery/css/../img/video-play.png) no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url(/common/lightGallery/css/../img/youtube-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url(/common/lightGallery/css/../img/youtube-play.png) no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}
#lg-actual-size:after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}
.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}
.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}
.lg-outer #lg-share {
  position: relative;
}
.lg-outer #lg-share:after {
  content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e903";
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url(/common/lightGallery/css/../img/loading.gif) no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}





.d-inline-block {display: inline-block;}
.d-block {display: block;}
.d-flex {display: flex!important;}
.d-none {display: none!important;}
.mt-0    {margin-top: 0!important;}
.mt-5    {margin-top: 5px!important;}
.mt-15   {margin-top:15px!important;}
.mt-20   {margin-top:20px!important;}
.mb-5    {margin-bottom: 5px!important;}
.mb-10   {margin-bottom: 10px!important;}
.mb-15   {margin-bottom: 15px!important;}
.mb-20   {margin-bottom: 20px!important;}

.p-5px   {padding: 5px!important;}

.m-l-0 {margin-left: 0px!important;}
.m-l-5 {margin-left: 5px!important;}
.m-r-5 {margin-right: 5px!important;}
.m-r-10 {margin-right: 10px!important;}
.m-l-10 {margin-left: 10px!important;}
.h-40px {height: 40px!important;}
.fs-20px {font-size: 20px!important;}

.flex-space-between {justify-content: space-between!important;}
.flex-column {flex-direction: column!important;}
.align-items-center {align-items: center;!important;}

.pos-relative {position: relative !important}
.w-100 {width: 100% !important}
.of-contain {object-fit: contain !important}
.of-cover {object-fit: cover !important}
.width-50px {
    width: 50px!important;
}
.width-100px {
    width: 100px!important;
 }



.gap-8px {
    gap: 8px;
}

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

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


header {
    
}

._is_hidden-css {
    opacity: .5;
}

.h-fit-content {
    height: fit-content;
}

.gsidebar-complaints {
    width: 100% !important;
}

.no-display {
    display: none;
}
.display {
    display: block
}

.mobile-flex {
    display: none!important;
}


@media screen and (max-width: 767px) {
    .mobile-flex {
        display: flex !important;
    }

    .mobile-hidden {
        display: none!important;
    }

    .mobile-flex-column {flex-direction: column!important;}


}

.fw-400 {
    font-weight: 400!important;
}

.danger-btn {
    border-color: #CF3C35;
    margin-right: 10px;
}

.danger-btn:hover {
    background-color: #CF3C35;
}

.item-section--gallery .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icons/sections/icon-gallery.svg);
    mask-image: url(/themes/foto/images/icons/sections/icon-gallery.svg);
}

.item-section--focus .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-focus.svg);
        mask-image: url(/themes/foto/images/icon-focus.svg)
}

.item-section--flea-market .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-flea-market.svg);
        mask-image: url(/themes/foto/images/icon-flea-market.svg)
}

.item-section--forum .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-forum_1.svg);
        mask-image: url(/themes/foto/images/icon-forum_1.svg)
}

.item-section--reviews .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-reviews.svg);
        mask-image: url(/themes/foto/images/icon-reviews.svg)
}

.item-section--projects .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-projects_1.svg);
        mask-image: url(/themes/foto/images/icon-projects_1.svg)
}

.item-section--classic .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-classic_photo_1.svg);
        mask-image: url(/themes/foto/images/icon-classic_photo_1.svg)
}

.item-section--recent .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-time.svg);
        mask-image: url(/themes/foto/images/icon-time.svg)
}

.item-section--industry-news .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-industry.svg);
    mask-image url(/themes/foto/images/icon-industry.svg)
}


.flea-market-list__text--buy:before {
    -webkit-mask-image: url(/themes/foto/images/cart.svg);
    mask-image: url(/themes/foto/images/cart.svg)
}

.flea-market-list__text--sell:before {
    -webkit-mask-image: url(/themes/foto/images/cart-sell.svg);
    mask-image: url(/themes/foto/images/cart-sell.svg)
}

.item-section--partion .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-partions.svg);
    mask-image: url(/themes/foto/images/icon-partions.svg)
}

.item-section--clan-gallery .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-clan-gallery.svg);
    mask-image: url(/themes/foto/images/icon-clan-gallery.svg)
}

.item-section--winners .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-winners.svg);
    mask-image: url(/themes/foto/images/icon-winners.svg)
}

.item-section--recent-arrivals .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-recent-arrivals.svg);
    mask-image: url(/themes/foto/images/icon-recent-arrivals.svg)
}

.item-section--best-photo .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-star.svg);
    mask-image: url(/themes/foto/images/icon-star.svg)
}

.item-section--best-week .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-best-photo.svg);
    mask-image: url(/themes/foto/images/icon-best-photo.svg)
}

.item-section--recomendation .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-recomendation.svg);
    mask-image: url(/themes/foto/images/icon-recomendation.svg)
}

.item-section--popular .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-popular.svg);
    mask-image: url(/themes/foto/images/icon-popular.svg)
}

.item-section--young .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-young.svg);
    mask-image: url(/themes/foto/images/icon-young.svg)
}

.item-section--best-series .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-best-series.svg);
    mask-image: url(/themes/foto/images/icon-best-series.svg)
}

.item-section--most-comment .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-most-comment.svg);
    mask-image: url(/themes/foto/images/icon-most-comment.svg)
}

.item-section--contests .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-contests.svg);
    mask-image: url(/themes/foto/images/icon-contests.svg)
}

.item-section--showing .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-projects_1.svg);
    mask-image: url(/themes/foto/images/icon-projects_1.svg)
}

.item-section--showing .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-projects_1.svg);
    mask-image: url(/themes/foto/images/icon-projects_1.svg)
}

.item-section--registration .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-registration.svg);
    mask-image: url(/themes/foto/images/icon-registration.svg)
}


.item-section--photo-model .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-photomodel.svg);
    mask-image: url(/themes/foto/images/icon-photomodel.svg)
}

.item-section--how-isdone .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-howisdone.svg);
    mask-image: url(/themes/foto/images/icon-howisdone.svg)
}

.item-section--additional .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-gallery_1.svg);
    mask-image: url(/themes/foto/images/icon-gallery_1.svg)
}


.item-section--subscribe .item-section__icon:before {
    -webkit-mask-image: url(/themes/foto/images/icon-subscribe.svg);
    mask-image: url(/themes/foto/images/icon-subscribe.svg)
}

.topic-card__message--1:before {
    -webkit-mask-image: url(/themes/foto/images/topic-msg-1.svg);
    mask-image: url(/themes/foto/images/topic-msg-1.svg)
}

.topic-card__message--2:before {
    -webkit-mask-image: url(/themes/foto/images/topic-msg-2.svg);
    mask-image: url(/themes/foto/images/topic-msg-2.svg)
}

.actions-author__button--share:before {
    -webkit-mask-image: url(/themes/foto/images/share.svg);
    mask-image: url(/themes/foto/images/share.svg)
}

.actions-author__button--letter:before {
    -webkit-mask-image: url(/themes/foto/images/letter.svg);
    mask-image: url(/themes/foto/images/letter.svg)
}

.actions-author__button--message:before {
    -webkit-mask-image: url(/themes/foto/images/add-message.svg);
    mask-image: url(/themes/foto/images/add-message.svg)
}

.actions-author__button--share:before {
    -webkit-mask-image: url(/themes/foto/images/share.svg);
    mask-image: url(/themes/foto/images/share.svg)
}

.actions-author__button--letter:before {
    -webkit-mask-image: url(/themes/foto/images/letter.svg);
    mask-image: url(/themes/foto/images/letter.svg)
}

.actions-author__button--message:before {
    -webkit-mask-image: url(/themes/foto/images/add-message.svg);
    mask-image: url(/themes/foto/images/add-message.svg)
}

.author-box--awards .author-box__title:before {
    -webkit-mask-image: url(/themes/foto/images/icon-trophy.svg);
    mask-image: url(/themes/foto/images/icon-trophy.svg)
}

.author-box--photos .author-box__title:before {
    -webkit-mask-image: url(/themes/foto/images/icon-photos.svg);
    mask-image: url(/themes/foto/images/icon-photos.svg)
}

.author-box--series .author-box__title:before {
    -webkit-mask-image: url(/themes/foto/images/icon-series.svg);
    mask-image: url(/themes/foto/images/icon-series.svg)
}

.author-box--personal .author-box__title:before {
    -webkit-mask-image: url(/themes/foto/images/icon-personal.svg);
    mask-image: url(/themes/foto/images/icon-personal.svg)
}

.filter-group--novelty .filter-switches input + span::before,
.filter-group--delivery .filter-switches input + span::before,
.filter-group--rating .filter-switches input + span::before,
.filter-group--names .filter-switches input + span::before {
    -webkit-mask-image: url(/themes/foto/images/check-white.svg);
    mask-image: url(/themes/foto/images/check-white.svg)
}

.card-junk__favorite::before {
    -webkit-mask-image: url(/themes/foto/images/icons/favorite-gray.svg);
    mask-image: url(/themes/foto/images/icons/favorite-gray.svg)
}

.card-junk__favorite.active::before {
    -webkit-mask-image: url(/themes/foto/images/icons/favorite-active.svg);
    mask-image: url(/themes/foto/images/icons/favorite-active.svg)
}

.sort-junk__save::after {
    -webkit-mask-image: url(/themes/foto/images/icons/save-icon.svg);
    mask-image: url(/themes/foto/images/icons/save-icon.svg)
}


.contrast-high-css .sections-forum__box a ,
.contrast-high-css .topic__cards a,
.contrast-high-css .sections-forum__box div,
.contrast-high-css .topic__cards div {
    color: #000;
}

.font_size-low-css .sections-forum__box a ,
.font_size-low-css .topic__cards a ,
.font_size-low-css .sections-forum__box div,
.font_size-low-css .topic__cards div {
    font-size: 12px;
}

.font_size-high-css .sections-forum__box a,
.font_size-high-css .topic__cards a,
.font_size-high-css .sections-forum__box div,
.font_size-high-css .topic__cards div  {
    font-size: 18px;
}


form[disabled] input,
form[disabled] select,
form[disabled] textarea,
.btn[disabled],
a[disabled],
div[disabled] {
    opacity: .5;
    pointer-events: none
}
.btn[disabled]:hover{
    pointer-events: none
}

.gravex-css-alert {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}
    

.breadcrumbs__navigation {
    padding: 5px 0 12px;
}

.form-md-css {
    max-width: 600px;
}

.has-error .help-block {
    top: -20px;
}

.form-footer-auth {
    display: flex;
    justify-content: space-between;
}

.coming-soon-css {
    overflow: hidden;
    pointer-events: none;
    position: relative;
}

.coming-soon-css:before {
    content: "Ждет открытия";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    color: #000000;
    z-index: 10;
    font-family: "Rubik", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
}

.text-editor__area {
    overflow: unset;
}

.text-editor__area.has-error .help-block {
    top: -20px;
}

.text-page__body ul li {
    position: relative;
}

.text-page__body ul li::before {
    content: '';
    display: flex;
    left: -15px;
    position: absolute;
    top: 11px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #4b4b4b;

}

.text-page__body ul li a {
    position: relative;
    border-bottom: 1px solid #307ff5;
    color: #307ff5;
    -webkit-transition: border-bottom .2s ease 0s;
    -o-transition: border-bottom .2s ease 0s;
    transition: border-bottom .2s ease 0s;
}


.text-page__body ul li a::before {
    content: '';
    display: flex;
    left: -15px;
    position: absolute;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #307ff5;
}

ul.dot-list li {
    position: relative;
}

ul.dot-list li::before {
    content: '';
    display: flex;
    left: -15px;
    position: absolute;
    
    top: 9px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
}

ul.blue-dot-list li::before {
    background-color: #307ff5;
}

ul.grey-dot-list li::before {
    background-color: #4b4b4b;
}


.notification-banner {
    background: #307ff5a3;
}

.error__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 32px;
    text-align: center;
}

#edit-post_modal {
    max-width: 80%;
}
blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}

blockquote img.lazy {
    height: 200px!important;
    width: 200px!important;
    object-fit: cover!important;
    display: block!important;
}

.quote-container-overlay {
    position: relative;
}
blockquote p {
    display: inline;
}

.toast-success {
    background-color: #307ff5!important;
}

.loading-js {
    opacity: 0.5;
}


.label-banned {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 10px;
    z-index: 10;
    border-radius: 5px;
}

.label-ban-till-date {
    position: absolute;
    bottom: 0;
    left: 10px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 10px;
    z-index: 10;
    border-radius: 5px;
}

.label-ban-reason {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    background-color: #f8d7da;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    z-index: 10;
    cursor: pointer;
    transition: .3s;
}

.label-banned__wrapper:hover .label-ban-reason {
    opacity: 1;
    overflow: visible;


}

.ban-user-form-css label  {
    margin-bottom: 5px;
    display: inline-block;
}

.ban-user-form-css .text-editor__btn {
    margin-top: 0;

}


.ban-user-form-css .has-error .help-block {
    top: 0px;
}

.hidden-post-css {
    position: relative;
    overflow: hidden;
    opacity: .5;
}

.hidden-post-css:before {
    content: "Пост удален";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    
    
    color: #000000;
    
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    line-height: 120%;
}

.is-topic-removed-css {
    position: relative;
    overflow: hidden;
    border: 2px solid #CF3C35;
}

.is-topic-removed-css:before {
    content: "Тема удалена";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0%;
    left: 50%;
    
    
    
    color: #000000;
    
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    line-height: 120%;
}

.restore-post-css {
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    z-index: 20;
    display: flex;
    justify-content: center;
    width: 100%;
    font-weight: 500;
    text-transform: uppercase;
    color: #000000;


}

#response-block-js .content-block-response {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #efefef;
    background: #fff;
    margin-bottom: 20px;
}

.intro-clear-message-css {
    color: #307ff5a3;
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    padding-bottom: 5px;
}

.author-clear-message-css {
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 5px;
}

.content-clear-message-css {
    display: flex;
    width: 100%;
    flex-direction: column;
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";

}

.clear-message-css {
    color: #4b4b4b;
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 110%;
}

.disabled .pagination__link {
    pointer-events: none;
}

.pagination__link {
    min-width: 40px;
    width: unset;
    padding: 0 3px;
}

.post-text-js img {
    padding: 5px 5px 5px 0;
}


.forum-table__theme {
    background-image: unset;
    padding-left: 0;
}
.forum-table__theme::before {
    content: none;
}

.item-section--banner img {
    width: 100%;
}

.top-main__info {
    
    
}

.top-main__image.banner-forums-page,
.top-main__image.banner-topics-page {
    flex: unset;
    width: 100%;
    max-width: 810px;
    min-height: unset;
}

.banner-forums-page img,
.banner-topics-page img {
    width: 100%;
}


.profile .features-author__label {
    flex: 1 0 85px;
}

.profile .reaction-button {
    font-size: 14px;
}

.profile .about-author__image {
    padding: 0;
    position: relative;
}

.profile .label-ban-till-date {
    bottom: unset;
    top: 10px;
    left: 10px;
    right: 10px;
    max-width: 150px;
}

.profile .label-ban-reason {
    max-width: 150px;
    left: 10px;
    right: 10px;
    top: 140px;
    bottom: unset;
    
    margin: 0;
    border-radius: 5px;
}

@media (max-width: 767.98px) {
    .profile  .about-author__body {
        grid-template-columns: 1fr;
    }

    .author .reaction-button {
        font-size: 14px;
        width: 100%;
        margin-bottom: 3px;
    }

}

.profile .form__input ,
.profile .form__input input,
.profile .form__input textarea {
    background: #f3f3f3;
}

.avatar-form-css {
    position: relative;
    min-height: 210px!important;
    max-width: 210px;
    border-radius: 20px;
    border: 1px dashed #307ff5!important;
}
.avatar-form-css input[type=file] {
    display: none;
}

.avatar-thumbnail {
    position: relative;
    width: 100%;
    pointer-events: none;
}
.but-upload-avatar {
    color: #307ff5;
    
    padding: 10px 0px 0;
    display: inline-block;
    pointer-events: none;
}

.avatar-form-css .dz-preview {
    position: absolute;
    top: 0;
    z-index: -10;
}

.but-remove-avatar {
    padding: 10px 0px 0;
    display: inline-block;
    color: #CF3C35;
    cursor: pointer;
}


.settings-visual {
    font-size: 16px;
    color: #a4a4a4;
    line-height: 120%;
}

.settings-visual__list {
    display: flex;
    margin-top: 10px;
}
.settings-visual__list li {
    margin-right:5px;
    display: flex;
}
.settings-visual__list li label {
    margin-right: 5px;
    margin-bottom: 0px;
    font-weight: 500;
}

.about-author__bottom {
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(207, 207, 207, 0.5);
    -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
    box-shadow: 0px 1px 0px 0px #ffffff;
}

.about-author__bottom-action {
    display: flex;
    flex-wrap: wrap;
}

.edit-profile-css:before {
    -webkit-mask-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/author/icons/icon-edit-profile.svg);
    mask-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/author/icons/icon-edit-profile.svg);
}

.new-messages-profile-css:before {
    -webkit-mask-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/author/icons/icon-messages-profile.svg);
    mask-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/author/icons/icon-messages-profile.svg);
}

.button-send {
    -webkit-mask-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/btn-send.svg);
    mask-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/btn-send.svg);
}

.forum-post-design-color-1,
.forum-post-design-color-2 {
    position: relative;
    width: 200px;
    height: 200px;
}
.forum-post-design-color-1:before,
.forum-post-design-color-2:before {
    content: '';
    background-image: url(/custom/foto/images/forum-post-design-color-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.forum-post-design-color-2:before  {
    background-image: url(/custom/foto/images/forum-post-design-color-2.png);
}


.should-birthday-settings-css .features-author__label {
    flex: 1 0 285px;
}

.settings-visual__wrapper {
    margin-bottom: 20px;

}

.settings-visual__list li {
    flex: 1 0 285px;
}
.settings-visual__list input[type="radio"] {
    margin: 0;
}

@media (max-width: 767.98px) {
    .settings-visual__list {
        display: flex;
        flex-wrap: wrap;
    }
    .should-birthday-settings-css .features-author__label {
        flex: 1 0 85px!important;
    }

    .settings-visual__list li {
        flex: 1 0 85px;
    }

}

.private-chat__body {
    scroll-behavior:unset!important;
}

.private-chat__footer .has-error .help-block {
    top: -25px;
}
.about-author__bottom-action a:not(:last-child) {
    margin-right: 25px;
}

.private-chat  .arrow-up {
    bottom: 140px;
    right: 25px;
}

.private-chat .simplebar-mask {
    overflow: unset;
}
.private-chat  .simplebar-track.simplebar-vertical {
    visibility: visible!important;
}

.chat-message {
    max-width: 90%;
}

.chat-message__read {
    flex: 1 0 22px;
}

.private-chat__body {
    overflow-x: hidden;
}

.private-message__body {
    min-height: 578px;
    height: auto;
}
.private-chat__textarea {
    height: 90px;
}

.actions-message-css {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
}

.actions-message-css span {
    content: '';
    display: block;
    background: #757B8D;
    top: 10px;
    right: 10px;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    position: absolute;
    transition-duration: .5s;
    cursor: pointer;
}

.actions-message-list {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 25px;
    left: 90%;
    background: #f3f3f3;
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    opacity: 0;
    overflow: hidden;
    z-index: -1;
    transition: .5s;
}

.actions-message-list._active {
    opacity: 1;
    overflow: visible;
    z-index: 15;
}

.actions-message-list li {
    padding: 10px;
}

.actions-message-css span::before {
    top: -5px;
}
.actions-message-css span::after {
    top: 5px;
}
.actions-message-css span::before,
.actions-message-css span::after {
    content: '';
    display: block;
    background: #757B8D;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}


.dialogs-item {
    position: relative;
}
.dialogs-item .user-online-status {
    top: 12px;
    left: 50px;
    right: unset;
}

#arrow-up-chat-dialog-js:hover {
    background-color: #307ff5;
}

@media screen and (min-width: 991.98px) {
    .back-to-chat-sidebar-css {
        display: none;
    }
}
@media screen and (max-width: 991.98px) {
    .private-message.detail-message .private-message__aside {
        display: block;
    }

    .hide-mobile {
        display: none!important;
    }
}

.back-to-chat-sidebar-css {
    width: 58px;
    height: 50px;
    -webkit-mask-image: url(/themes/foto/images/icons/arrow-left.svg);
    mask-image: url(/themes/foto/images/icons/arrow-left.svg);
}

.private-message__top-info {
    margin-right: auto;
}

.features-author__list-item .help-block {
    font-size: 10px;
    top: -10px;
}

.author-favorites__image {
    position: relative;
}



.post-text-js a {
    text-decoration: underline!important;
}

.post-text-js a:hover {
    color: #307ff5;
}
.reaction-button {
    cursor: pointer;
}

.__active.reaction-button--like:before {
    background-color: #30f533;
}

.__active.reaction-button--dislike:before {
    background-color: #CF3C35;
}


.send-reaction-js {
    position: relative;
}
.send-reaction-js:hover::after {
    content: attr(data-title); 
    position: absolute; 
    left: -50%;
    top: -100%; 
    z-index: 1; 
    background: #616161; 
    font-family: Arial, sans-serif; 
    font-size: 10px; 
    font-weight: 600; 
    padding: 5px; 
    border-radius: 4px;
    color: #fff;
    white-space: nowrap;
}
.buttons-reactions {
    display: flex;
    gap: 10px 11px;
}

@media (min-width: 767.98px) {
    .d-none-lg {
        display: none!important;
    }
}
@media (max-width: 767.98px) {
    .d-none-md {
        display: none!important;
    }

    .item-section--banner .banner-home {
        padding-bottom: 38.869565%;
    }

    .top-main__image.banner-forums-page,
    .top-main__image.banner-topics-page {
        padding-bottom: unset;
    }

    .profile .features-author__label {
        flex: 1 0 60px;
    }

    .send-reaction-js {
        font-size: 12px;
    }
}

@media (max-width: 991.98px) {

    .forum-table__item  {
        padding-right: 50px!important;
    }

    ._up.but-open-info-js::before{
        transform: rotate(-90deg);
    }

    .but-open-info-js::before {
        content: "";
        position: absolute;
        bottom: 10px;
        transform: rotate(90deg);
        right: 20px;
        width: 24px;
        height: 24px;
        background-color: #789aff;
        -webkit-mask-image: url(/themes/foto/images/icons/chevron-right.svg);
        mask-image: url(/themes/foto/images/icons/chevron-right.svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        cursor: pointer;
        transition: .5s;
    }

    .hidden-md-js {
        opacity: 0;
        z-index: -1;
        overflow: hidden;
        height: 0;
        padding-top: 0!important;
        padding-bottom: 0!important;
        border-width: 0!important;
        border: unset!important;
        transition: .5s;
    }
    .hidden-md-js._show {
        opacity: 1;
        z-index: unset;
        height: unset;
        overflow: visible;
        padding: 12px 19px 13px!important;
        border-width: 1px!important;
        border: 1px solid rgba(207, 207, 207, 0.5)
    }
}

@media (min-width: 992px) {
    .mobile-menu {
        display: none;
    }
}

@media (max-width: 400px) {
    .pagination__link {
        min-width: 20px;
        height: 20px;
        font-size: 12px;
    }
}

.forum-table__row:not(.forum-table__row-header) {
    min-height: 50px;
}

.forum-table__item {
    padding: 10px 20px;
}

.item-section--gallery {
    order: -1;
}

.item-section--forum {
    order: -1;
}
.item-section--additional {
    order: -1;
}

.galleries__sections .item-section--additional {
    order: unset;
}

.main-topic__description  {
    overflow-wrap: anywhere;
}

.item-section__banner {
    position: relative;
}
.item-section__banner img {
    position: relative;
    border-radius: 10px;
}
.item-section--banner {
    min-height: 100px;
    background: none;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.item-section--banner .banner-home {
    padding-bottom: 0;
}

#send-complaint-form-js label {
    display: inline-block;
    margin-bottom: 5px;
}

.scroll-to-top-css {
    position: fixed;
    bottom: 8%;
    right: 5%;
    webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer;
    opacity: 0;
    overflow: hidden;
    transition: .5s;
}

.scroll-to-top-css._active {
    opacity: 1;
    overflow: visible;
    z-index: 10;
}

.scroll-to-bottom-css {
    bottom: 3%;
    webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
    overflow: visible;
    z-index: 10;

}

.avatar-thumb-icon{
    width: 53px;
    height: 53px;
    border-radius: 12px;
}

.actions-post-css {
    width: 24px;
    height: 24px;
    position: relative;
}

.actions-post-css span {
    content: '';
    display: block;
    background: #757B8D;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .5s;
    cursor: pointer;
}

.actions-post-css  span::before, .actions-post-css  span::after {
    content: '';
    display: block;
    background: #757B8D;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}

.actions-post-css  span::before {
    top: -7px;
}

.actions-post-css  span::after {
    top: 7px;
}

.actions-post-list {
    position: absolute;
    display: flex;
    flex-direction: column;
    bottom: 50px;
    right: 135px;
    background: #f3f3f3;
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    opacity: 0;
    overflow: hidden;
    z-index: -1;
    transition: .5s;
}

.actions-post-list li {
    padding: 10px;
}

.actions-post-list._active {
    opacity: 1;
    overflow: visible;
    z-index: 15;
}

.close-topics__wrapper {
    text-align: end;
    margin-bottom: 10px;
}

.change-closed-topics-css,
.change-status-topics-css,
.remove-photo-css,
.restore-photo-css {
    padding: 10px 26px;
    display: inline-flex;
    margin-left: auto;
    margin-right: 0;
}

.change-status-topics-css,
.remove-photo-css {
    border-color: #CF3C35 ;
    margin-right: 10px;
}
.change-status-topics-css:hover,
.remove-photo-css:hover {
    background-color: #CF3C35 ;
}

input[disabled],
textarea[disabled] {
    opacity: .5;
}

.favourite-topic-css {
    line-height: 17px;
    
    
}

.favourite-topic-css._active {
    border-color: #CF3C35 ;
}


.favourite-topic-css::before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 16px;
    margin-right: 5px;
    mask-repeat: no-repeat;
    background: #307ff5;
    -webkit-mask-image: url(/themes/foto/images/icons/favorites.svg);
    mask-image: url(/themes/foto/images/icons/favorites.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.favourite-topic-css._active::before {
    background: #CF3C35;
}


.favourite-post-css._active:before {
    background-color: #CF3C35;
}

.topic-edit__form small {
    font-size: 12px;
    font-weight: 700;
}

[class*="icon-forum-post"]{
    position: relative;
    display: flex;
    align-items: center;
}

.icon-forum-post-complain:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #307ff5;
    -webkit-mask-image: url(/custom/foto/images/svg/icon-complain-post.svg);
    mask-image: url(/custom/foto/images/svg/icon-complain-post.svg);
}

.icon-forum-post-ban-user:before {
    -webkit-mask-image: url(/custom/foto/images/svg/icon-ban-user.svg);
    mask-image: url(/custom/foto/images/svg/icon-ban-user.svg);
}

.icon-forum-moderate:before {
    -webkit-mask-image: url(/custom/foto/images/svg/icon-moderate.svg);
    mask-image: url(/custom/foto/images/svg/icon-moderate.svg);
}

.icon-forum-post-edit-post:before {
    -webkit-mask-image: url(/custom/foto/images/svg/icon-edit-post.svg);
    mask-image: url(/custom/foto/images/svg/icon-edit-post.svg);
}


#response-block-js {
    display: none;
}

.smile-css {
    padding: 0!important;
}

.sceditor-fontsize-option {
    padding: 4px 13px;
}

.complaints__actions {
    display: flex;
}

.complaints__actions a {
    padding: 10px 20px;
    position: relative;
}

.complaints__actions a:not(:last-child) {
    margin-right: 10px;
}
.complaints__actions a._active {
    background-color: #307ff5;
    color: #ffffff;
}

.moderator-badge {
    position: absolute;
    top: -15px;
    right: 0;
    padding: 5px;
    border-radius: 100%;
    background-color: #CF3C35;
    min-width: 27px;
    color: #fff;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    line-height: 16px;
}

.processed-complaint-css{
    position: relative;
    overflow: hidden;
}

.processed-complaint-css:before {
    content: "ПРОСМОТРЕНО";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    color: #000000;
    z-index: 10;
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    line-height: 120%;
}


.complaint-content {
    display: flex;
}

.complaint-user {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
    margin-right: 10px;
}
.complaint-user a {
    position: relative;
}

.complaint-user img {
    width: 75px;
    height: 75px;
    border-radius: 12px;
}

.complaint-user .label-ban-till-date {
    left: 0;
    padding: 3px 5px;
    font-size: 12px;
}

.complaint-date {
    margin-bottom: 5px;
}

.complaints .hidden-post-css:before {
    height: 77%;
}

@media screen and (max-width: 1400px) and (min-width: 767.98px) {
    .actions-main__items {
        grid-template-columns: repeat(2, 1fr);
    }
    .actions-main__item:last-child {
        -ms-grid-column-span: 1;
        grid-column: span 1;
    }
}


.search-page .actions-main__items {
    display: flex;
    justify-content: end;
}

.select-search-type-css {
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 10px;
    border: 1px solid #dedede;
    background: #ffffff;
    height: 100%;
    padding: 18px 60px 16px 19px;
    font-size: 16px;
    color: #4b4b4b;
    vertical-align: baseline;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/arrow-down.svg);
    background-position: right 10px top 50%;
    background-repeat: no-repeat;
}

@media screen and (max-width: 814px) {
    .select-search-type-css {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

}

.search-form__tag-input {
    display: flex;
    white-space: nowrap;
    align-items: center;
    margin-right: 5px;
}

.search-form__tag-input div {
    padding: 15px 30px;
    border-radius: 20px;
    position: relative;
    background: #f0f4f9;
    border: 1px solid #dedede;
}

.search-form__tag-input span {
    position: absolute;
    right: 10px;
    top: 10px;
}

.search-page .actions-main__item {
    display: flex;
    flex-direction: row;
}

.main-page .search-form  {
    max-width: 100% !important;
}

.actions-main__items {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.actions-main__tags {
    flex:  1 1 auto;
}

.actions-main__tags  .main__badges {
    padding: 0;
}

@media screen and (max-width: 767.98px) {
    .actions-main__items {
        flex-wrap: wrap;
    }

    .actions-main__item {
        width: 100%;
    }
}

.topic  .search-form {
    max-width: 500px;
}


.search-term {
    background-color: yellow;
    padding-left: 3px;
    padding-right: 3px;
}



.badges__body.tags-page li {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 5px 0;
}

.badges__body.tags-page span {
    margin-right: 5px;
    padding: 5px 20px;
}

.badges__body.tags-page select {
    padding: 5px 30px 5px 15px;
}

.remove-tag-css {
    min-height: 18px;
}

.tags-page .badges__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 50px;
}

@media screen and (max-width: 1100px) {
    .tags-page .badges__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .tags-page .badges__list {
        grid-template-columns: repeat(1, 1fr);
    }
}

div.sceditor-dnd-cover{display:none!important;}


.container {
    width: 100%;
}

.topic-card  {
    position: relative;
    border: 1px solid hsla(0,0%,64%,.3);
    
}

.separator {
    position: relative;
    margin: 20px;
    height: 1px;

}
.separator::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    border-bottom: 1px solid rgba(207, 207, 207, 0.5);
    -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
    box-shadow: 0px 1px 0px 0px #ffffff;
}

.offline.private-status {
    background-color: #a4a4a4;
}

.message-count-stored-to-db {
    position: absolute;
    top: -5px;
    right: 4px;
    padding: 5px;
    border-radius: 100%;
    background-color: #307ff5;
    min-width: 22px;
    color: #fff;
    box-sizing: border-box;
    font-size: 10px;
    text-align: center;
    line-height: 10px;
}

.new-messages-profile-css {
    position: relative;
}


.new-messages-profile-css .message-count-stored-to-db {
    top: -10px;
    left: -5px;
    right: unset;
}

.message-count-stored-to-db._text {
    top: 0px;
    border-radius: 10px;
}

.topic-card__date, .topic-card__date-mobile, .footer-topic {
    background: unset;
    padding-top: 20px;
}

.main-topic__footer:after {
    content: '';
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    border-bottom: 1px solid rgba(207, 207, 207, 0.5);
}

.topic-card__content {
    border-left: unset;
}

.footer-topic {
    padding: 12px 23px;
    overflow: unset;
}



.add-messages-css:before {
    -webkit-mask-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/add-message.svg);
    mask-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/add-message.svg);
}

.author-favorites .author-favorites__title {
    font-size: 26px;
}

.type-complaint-badge-css {
    margin-left: auto;
    color: #31708f;
    text-transform: uppercase;
}


.dialogs .simplebar-content-wrapper {
    overflow-y: auto;
}

@media screen and (max-width: 991.98px) {
    .private-message__dialogs {
        height: 460px;
    }
}

.chat-message__no-read {
    background-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/no-read-repeat.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 17px;
}

.author-favorites__label {
    padding-left: 13px;
}

@media screen and (max-width: 767.98px) {
    .author-favorites__label {
        padding-left: 0px;
    }
}

.forum-post-design-grey-css  {}


.forum-post-design-white-css {}


.forum-post-design-grey-css .topic-card__date,
.forum-post-design-grey-css .topic-card__date-mobile,
.forum-post-design-grey-css .topic-card__date-mobile,
.forum-post-design-grey-css .footer-topic {
    background: rgba(164, 164, 164, 0.2);
    padding: 18px 23px;
}

.forum-post-design-grey-css .topic-card__content {
    border-left: 1px solid #dedede;
}



.yellow-cards-count-badge {
    width: 25px;
    height: 25px;
    background-color: yellow;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    font-size: 10px;
    color: #000;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    
    border: 1px solid hsla(0,0%,64%,.3);
}

.yellow-cards-count-badge.few-yellow-cards {
    z-index: 5;
    right: 15px;
    top: 5px;
}

.yellow-cards__row {
    border-radius: 10px;
    border: 1px solid #efefef;
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    min-height: 50px;
    display: grid;
    grid-template-columns: 1fr repeat(3, 200px);
}

.yellow-cards__row:not(:last-child) {
    margin-bottom: 10px;
}

.yellow-cards__row.__header {
    min-height: 5px;
    border: 0;
    box-shadow: unset;
    margin-bottom: 0px;
}

.yellow-cards__row.__header .yellow-cards__item {
    padding: 5px;
    background: unset;
}

.yellow-cards__item {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    word-break: break-all;
}

.yellow-cards__item:nth-child(even) {
    background-color: #f0f4f9;
}
.yellow-cards__item.__status {
    flex-direction: column;
}

.remove-yellow-card-css {
    margin-top: 10px;
    border-color: #CF3C35;
    padding: 5px 10px;
    min-height: 10px;
    border-radius: 10px;
    border-color: #CF3C35;
}

.remove-yellow-card-css:hover {
    background-color: #CF3C35;
}





.author-box {
    padding: 24px!important;
}

.small-gallery__image._active {
    border: 3px solid #307ff5;
}

.remove-photo-css {
    padding: 10px;
    font-size: 14px;
    min-height: 14px;
}

.restore-photo-css {
    margin-top: 10px;
}
.remove-photo-css,
.restore-photo-css {
    margin-bottom: 10px!important;
}

._hidden {
    overflow: hidden;
    pointer-events: none;
    position: relative;
}
._hidden::before {
    content: "Удалено";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    color: rgb(0, 0, 0);
    z-index: 10;
    font-family: Rubik, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
}
._hidden-photo-item {
    pointer-events: unset;
}

._hidden-photo-series::before  {
    content: "Серия удалена";
}


.rating-item-css {
    cursor: pointer;
}






.rating__list.cr-1 li:nth-child(-n+1) {
    background-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/star.svg);
    background-repeat: no-repeat;
}

.rating__list.cr-2 li:nth-child(-n+2) {
    background-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/star.svg);
    background-repeat: no-repeat;
}

.rating__list.cr-3 li:nth-child(-n+3) {
    background-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/star.svg);
    background-repeat: no-repeat;
}

.rating__list.cr-4 li:nth-child(-n+4) {
    background-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/star.svg);
    background-repeat: no-repeat;
}

.rating__list.cr-5 li:nth-child(-n+5) {
    background-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/star.svg);
    
    background-repeat: no-repeat;
}
    

.main-photo .gallery {
    position: relative;
}

.main-photo .product-slider-button {
    left: unset;
    right: unset;
    top: unset;
    transform: unset;
}

.main-photo .product-slider-button:hover {
    opacity: .7;
}

.main-photo .slider-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    
    z-index: 9999;
}


.main-photo .slider-button-prev {
    left: 0px;
}

.main-photo .slider-button-next {
    right: 0px;
}


.main-photo__gallery  img {
    width: auto;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
}
.main-photo__small-gallery img {
    object-fit: contain;
}

.author-box .gallery__body {
    overflow: unset;
}

.main-photo .gallery__item {
    box-shadow: unset;
}

.author-box__body .item-gallery__image img {
    object-fit: contain;
}

.item-gallery__image {

}
.main-photo__gallery .item-gallery__image {
    padding-bottom: 75%;
}

.menu-faq__content {
    height: auto;
}

.menu-faq__link.active {
    color: #307ff5;
}

.terms-first-char-css {
    padding: 10px;
    font-weight: 700;
    font-size: 18px;
    border-bottom: 1px solid hsla(0,0%,81%,.5);
}

.subscribe-form .help-block {
    font-size: 10px;
}

.search-symbols-css {
    background-color: yellow;
    display: inline-block;
}
.about-faq__item {
    margin-bottom: 5px;
}
.about-faq__header {
    display: inline-block;
}
.about-faq__header::before {
    display: inline-block;
    height: 12px;
    width: 26px;
    line-height: 120%;
}

.photos-index__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: dense;
    gap: 20px;
    border: 0;
}


.photos-index__item img {
    width: 100%;
    object-fit: contain;
    object-position: center;
    height: 100%;
    left: 50%;
    right: unset;
    top: 50%;
    bottom: unset;
    transform: translate(-50%, -50%);
}
@media (max-width: 767.98px) {
    .photos-index__items {
        grid-template-columns: repeat(3, 1fr);
    }
}


@media (max-width: 540px) {
    .photos-index__items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 420px) {
    .photos-index__items {
        grid-template-columns: repeat(1, 1fr);
    }
}


.add-photo__radiobuttons .radio {
    margin: 0 5px 0!important;
}
.add-photo__radiobuttons .radio label {
    padding-left: 0!important;
}

.main-photo .gallery {
    margin-left: -25px;
    margin-right: -25px;
    border-radius: 10px 10px 0 0;
}

.select2-container--krajee-bs3 .select2-selection--single,
.select2-container--krajee-bs3 .select2-selection--multiple {
    min-height: 54px;
    line-height: 54px;
    padding: 4px 24px 4px 12px;
    display: flex;
    align-items: center;
    font-size: 18px;

}

.select2-container--krajee-bs3 .select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 0;
    height: 21px;
}

.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice:nth-child(2) {
    margin-left: 0;
}

.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice {
    margin: 2px 7px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
    min-height: 54px;
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice__remove {
    margin: 0;
    margin-left: 5px;
}

.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear {
    top: 50%;
    transform: translateY(-50%);
}


element.style {
    width: 3.75em;
    height: 36px;
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-search--inline .select2-search__field {
    height: 36px;
}

.add-photo__column .form-group {
    margin-bottom: 0;
}

.add-photo__column .restore-photo-css{
    margin-bottom: 0!important;
}

.add-photo__column.has-error .help-block,
.add-photo__column .has-error .help-block {
    left: 0;
}

.required-attr-css:after {
    content: '*';
    color: #CF3C35;
}

.is-18-plus-content-css  {
    overflow: hidden;
    
    position: relative;
}

.is-18-plus-content-css:before {
    content: "18+";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    color: #000000;
    z-index: 10;
    font-family: "Rubik", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    backdrop-filter: blur(10px);
    border-radius: 5px;
    overflow: hidden;
}

.can-see-18-plus-content-modal-trigger {
    display: none;
}

.field-signupform-show_18_plus_content {
    position: relative;
}

.field-signupform-show_18_plus_content label {
    top: -15px;
    position: absolute;
}

.auth__item input::placeholder {
    color: #4b4b4b;
    opacity: .75;

}
#signupform-should_show_18_plus_content {
    color: #4b4b4b;
    opacity: .75;
}

.main-photo__actions-left {
    gap: 10px;
    justify-content: unset;
}

.show-18-plus-content-radio-buttons label:first-child {
    margin-bottom: 5px;
}

.show-18-plus-content-radio-buttons label {
    display: flex;
}

.show-18-plus-content-radio-buttons label span {
    padding-left: 10px;
}

.gallery-big {
    max-width: 80%;
}

@media screen and (max-width: 767.98px) {
    .small-gallery__wrapper {
        grid-template-columns: repeat(6, 1fr);
    }
    .small-gallery__item:nth-child(n+4) {
        display: block;
    }
    .small-gallery__item:nth-child(n+7) {
        display: none;
    }

    .gallery-big {
        max-width: 80%;
    }
}
.add-photo__is-disabled-comments {
    display: inline-flex;
    align-items: center;
}
.add-photo__is-disabled-comments p {
    margin: 0 0 0 5px;
}

.exif-table__wrapper tr td {
    padding: 5px;
    text-align: left;
}
.exif-table__wrapper tr td:first-child {
    color: #a4a4a4;
    font-size: 16px;
}

.exif-table__wrapper tr td:nth-child(2) {
    color: #4b4b4b;
    text-align: right;
    font-weight: 600;
}

.exif-table__wrapper tr:nth-child(odd) {
    background: #F6F6F6;
}

.missing-page-js {
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.missing-page-js:hover::after {
    
    position: absolute;
    top: -50%;
    left: 0;
    z-index: 100;
}

.main-photo__body {
}

.features-author__ips {
    display: flex;
    flex-direction: column;
}

.ip-address__header-row {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 200px 200px 1fr 1fr 1fr;
    grid-template-columns: 200px 200px 1fr 1fr 1fr;
}

.ip-address__header-row .forum-table__head {
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.ip-address__row {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 200px 200px 1fr 1fr 1fr;
    border-radius: 10px;
    border: 1px solid #efefef;
    background: #ffffff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    margin-bottom: 10px;
}
.ip-address__item {
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
}


.ip-address__row:nth-child(even) {
    background-color: #f0f4f9;
}

#edit-photo-comment_modal {
    max-width: 80%;
}

.favourite-photo-css._active:before {
    background-color: #CF3C35;
}

.photo-recommendation-users__items {
    display: flex;
    flex-wrap: wrap;
}

.photo-recommendation-users__item {
    color: #4b4b4b;
    font-size: 16px;
    padding: 5px;
    text-align: left;
    margin-right: 2px;
    margin-bottom: 2px;
    background: #e4e1e1;
}

.photo-recommendation-users__item:nth-child(even) {
    background: #F6F6F6;
}

.menu-categories__item {
    position: relative;
}


.menu-sub-categories__list {
    position: absolute;
    top: 40px;
    min-width: 200px;
    border-radius: 10px;
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    padding: 16px 16px 14px;

    opacity: 0;
    z-index: -1;
    overflow: hidden;
    transition: .5s;
}

.menu-sub-categories__list._active   {
    opacity: 1;
    z-index: 10;
    overflow: visible;
}

.menu-sub-categories__wrapper {
    display: flex;
    align-items: center;
}

.menu-sub-categories__item {
    padding: 6px 0 6px;
    line-height: 120%;
}
.menu-sub-categories__item.active {
    color: #307ff5;
}
.sub-categories-button {
    position: relative;
    display: flex;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    cursor: pointer;
}

.sub-categories-button::after {
    content: "";
    display: block;
    background-color: #a4a4a4;
    -webkit-mask-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/arrow-down.svg);
    mask-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/arrow-down.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 22px;
    height: 22px;
    -webkit-transition: -webkit-transform 0.2s ease 0s;
    transition: -webkit-transform 0.2s ease 0s;
    -o-transition: transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}

.top-authors .advice__estimate {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
}

.advice__estimate-image {
    flex-direction: column;
}

@media screen and (max-width: 767.98px) {
    .advice__estimate {
        grid-template-columns: repeat(2, 1fr);
    }
}

.item-gallery__trophy {
    display: flex;
    align-items: center;
}
.item-gallery__trophy:nth-child(2) {
    margin-left: 25px;
}
.item-gallery__trophy:nth-child(3) {
    margin-left: 50px;
}

.item-gallery__trophy:nth-child(4) {
    margin-left: 75px;
}

.item-gallery__trophy:nth-child(5) {
    margin-left: 100px;
}

.item-gallery__trophy-text {
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(0deg, #D09742, #fff);
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.item-gallery__trophy--bronze .item-gallery__trophy-text {
    background-image: linear-gradient(0deg, #C1A875, #fff);
}

.item-gallery__trophy--silver .item-gallery__trophy-text {
    background-image: linear-gradient(0deg, #CDC9C2, #fff);
}

.top-authors .advice__row {
    grid-template-columns: 86px 86px 264px 1fr;
}

@media screen and (max-width: 767.98px) {
    .top-authors .advice__row {
        grid-template-columns: repeat(2,1fr);
    }

    .top-authors .advice__person {
        gap: 12px;
        grid-column: span 2;
        align-items: center;
        text-align: center;
    }

    .top-authors .advice__count {
        grid-column: unset;
        gap: 7px;
    }

    .top-authors .advice__number {
        position: relative;
    }

    .top-authors .advice__number::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid rgba(207, 207, 207, 0.5);
    }

    .top-authors .advice__estimate {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }

    .advice__estimate-image p {
        font-size: 11px;
        line-height: 120%;
    }

    .estimate-advice__first {
        margin-bottom: 5px;
    }

    .product-slider-button {
        display: flex!important;
    }

    .main-photo .slider-button-prev {
        left: 13px;
    }
    .main-photo .slider-button-next {
        right: 13px;
    }

    .sections-galleries__body {
        gap: 0;
    }
}

.item-section .choices__inner {
    border: 0;
    min-height: unset;
    font-family: "Rubik", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    color: #4b4b4b;
    padding: 0!important;
    padding-right: 30px!important;
}

.item-section .is-active.choices__list--dropdown, .is-active.choices__list {
    z-index: 10;
}

.main-photo__comment-text,
.content-group__description {
    word-break: break-word;
}


.forum-list li {
    line-height: 120%;
}

.forum-list li:not(:last-child) {
    margin-bottom: 15px;
}

.item-section--additional .item-section__header {
    margin-bottom: 16px;
}
.additional-items a:hover,
.item-section__list-item a:hover {
    color: #307ff5;
}

.header-menu__link {
    display: flex;
    align-items: center;
}

.choice-community-title {
    color: #A4A4A4;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
}


.section-user-awards .author-box__header {
    justify-content: left;
}

.section-user-awards .author-box__button {
    margin-left: auto;
}

.top-100-authors-image {
    position: absolute;
    width: auto;
    height: auto;
}

.top-100-artistic-council-image{
    width: 140px!important;
    height: 45px!important;
    z-index: 10;
    bottom: 10px;
    right: 10px!important;
    left: unset!important;
    top: unset!important;
}

.top-100-authors-image {
    width: 140px!important;
    height: 45px!important;
    z-index: 10;
    bottom: 10px;
    left: 10px!important;
    top: unset!important;
}

._hover-link:hover {
    color: #307ff5;
}

.footer-topic__moderator-buttons {
    gap: 47px;
    margin-left: 27px;
    margin-right: auto;
}

@media (max-width: 767.98px) {
    .footer-topic__moderator-buttons {
        flex-direction: column;
        gap: 10px;
        align-items: start;
        margin: 0;
        order: 1;
    }


    .comments__body .topic-card__data {
        grid-template-columns: unset;
    }

    .comments__body .topic-card__date-mobile {
        padding: 0;
        background: #fff;
    }

    .comments__body .topic-card__main.main-topic,
    .comments__body .topic-card__author-name {
        display: flex;
    }

    .comments__body .footer-topic {
        flex-direction: row;
    }

    .comments__body .main-topic__footer.footer-topic {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
    }

    .comments__body .main-topic__footer.footer-topic .footer-topic__item:first-child {
        grid-column: 1 / 2;
        justify-content: flex-start;
    }

    .comments__body .main-topic__footer.footer-topic .footer-topic__item.footer-topic__moderator-buttons {
        margin-left: auto;
        grid-column: 3 / 6;
        grid-row: 1 / 4;
    }

    .comments__body .main-topic__footer.footer-topic .footer-topic__item.footer-topic__actions {
        grid-column: 1 / 2;
        flex-direction: row-reverse;
    }
}

.main-photo .slider-button:before {
    background-color: #fff;
}
.main-photo .slider-button {
    
    
    
}


#additional-photos-to-limit_modal .gravex-modal__body  {
    padding-bottom: 200px;
}

.product-slider-button:after {
    background:  rgba(164, 164, 164, 49%);
}

.product-slider-button:hover:after {
    background: linear-gradient(90deg, rgb(40, 102, 193) 0%, rgb(77, 148, 255) 100%);
}

.main-photo .product-slider-button.swiper-button-disabled:hover {
    opacity: unset;
}

.product-slider-button.swiper-button-disabled:after {
    opacity: .3;
    background: #2866c1!important;
}

@media (max-width: 767.98px) {

    .main-photo  .product-slider-button {
        display: none!important;
    }
}


#sceditor-emoticons-container > div > div {
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(15,1fr);
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
}




#select2-topiccreateform-tagidsortitles-results,
#select2-topiceditform-tagidsortitles-results {
    display: flex;
    flex-wrap: wrap;
}

#select2-topiccreateform-tagidsortitles-results li,
#select2-topiceditform-tagidsortitles-results li {
    margin: 5px;
}
.font-weight-bold {
    font-weight: 700;
}

.product-card .private-chat__button.button-send {
    background-color: unset;
}
.feedback-form__item::before {
    
}
.feedback-form__item.button-send {
    width: 48px;
    height: 48px;
    -webkit-mask-image: unset;
    mask-image: unset;
    right: 0;
    position: absolute;
}

.logout-link-css:before {
    -webkit-mask-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/logout-icon.svg);
    mask-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/logout-icon.svg);
}

.main-photo .slider-button {
    
}

.filter-group--categories .filter-switches {
    gap: 0!important;
}

.filter-switches ul {
    list-style-type: none;
    flex-direction: column;
    align-items: flex-start!important;
}

.filter-switches ul li {
    display: none;
}

.advert-children-category.__expanded,
.advert-sub-category.__expanded {
    display: block;
}

.advert-children-category.__active,
.advert-sub-category.__active,
.filter-switches a.__active{
    font-weight: 700;
}

.advert-children-category.__expanded {
    padding-left: 10px;
}

.advert-sub-category.__expanded {
    padding-left: 20px;
}

.gravex-items-sort-by,
.gravex-items-page-size {
    background: transparent;
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #4b4b4b;
}

.gravex-items-sort-by::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #D9D9D9;
}

.count-adverts-found-css {
    padding: 0 5px;
}

.filter-group--device .filter-switches {
    gap: 0!important;
}

.filter-switches a {
    display: inline-block;
    margin-bottom: 10px;
}

.product-card__price {
    font-size: 32px!important;
}
.btn-big {
    min-height: 54px!important;
    border-radius: 16px!important;
}

.hidden-advert-css {
    position: relative;
    overflow: hidden;
    opacity: .5;
}

.hidden-advert-css:before {
    content: "Объявление скрыто";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    
    
    color: #000000;
    
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    line-height: 120%;
    z-index: 10;
}

.product-discuss__title .button-favorite {
    padding-left: 5px;
}

.product-discuss__title .button-favorite::before {
    height: 18px;
}

.product-discuss__title .button-favorite:hover::before {
    background-color: #CF3C35;
}


.contest-winner__badge.badge-gold {
    background-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/author/sliders/awards/gold.svg);
}

.contest-winner__badge.badge-silver {
    background-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/author/sliders/awards/silver.svg);
}

.contest-winner__badge.badge-bronze {
    background-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/author/sliders/awards/bronze.svg);
}

.contest-winner__badge {
    display: flex;
    align-items: center;
}

.contest-winner__badge span {
    font-family: "Inter", sans-serif;
    background-clip: text;
    font-size: 12px;
    font-weight: 500;
    line-height: 110%;
    padding-left: 57px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.contest-winner__badge.badge-gold span {
    background-image: linear-gradient(0deg, #D09742, #fff);
}

.contest-winner__badge.badge-silver span {
    background-image: linear-gradient(0deg, #CDC9C2, #fff);
}

.contest-winner__badge.badge-bronze span {
    background-image: linear-gradient(0deg, #C1A875, #fff);
}

.contest-prize__badge.badge-prize-for-place-1 {
    background-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/contest/prize-gold.svg);
}

.contest-prize__badge.badge-prize-for-place-2 {
    background-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/contest/prize-silver.svg);
}

.contest-prize__badge.badge-prize-for-place-3 {
    background-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/contest/prize-bronze.svg);
}

.rules .group-contest__title::after {
    background-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/exclude-icon.svg);
}

.item-section {
    min-height: 185px;
}

.preview-contest-image {
    width: 38px;
    height: 38px;
    object-fit: cover;
    border-radius: 100%;
}

.contest-moderators img {
    border-radius: 100%;
}

.add-photo__is-rules-informed {
    display: inline-flex;
    align-items: center;
}

.add-photo__is-rules-informed .help-block {
    min-width: 300px;
}

.btn-advert-rules {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    font-family: "Rubik", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
}

.btn-advert-rules span::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: var(--line-width);
    border-bottom: 2px solid #307ff5;
}

.field-editprofileform-ignored_user_ids {
    width: 100%;
}


.form-poll__wrapper {
    padding: 11px 23px 13px;
}

.form-poll {
    margin-top: 20px;
    padding: 20px;
    background: #F4F4F4;
    border-radius: 5px;
}

.poll-items__wrapper li {
    padding: 10px 0 10px 30px;
}
.poll-items__item label {
    position: relative;
    padding-left: 5px;
}

.poll-items__item input[type="checkbox"] {
    display: none;
    position: absolute;
}
.poll-items__item input[type="checkbox"] ~ span:before{
    content: '';
    padding-left: 1px;
    position: absolute;
    top: 2px;
    left: -18px;
    width: 15px;
    height: 15px;
    background: #fff;
    color: #307ff5;
    font-weight: 800;
    border-radius: 2px;
}

.poll-items__item input[type="checkbox"]:checked ~ span:before{
    content: '\2713';
    position: absolute;
    top: 2px;
    left: -18px;
    width: 15px;
    height: 15px;
}

.form-poll__title {
    margin-bottom: 10px;
}

.form-poll__submit {
    display: block;
    margin-top: 15px;
    padding: 15px 25px;
    background: linear-gradient(180deg, #FF6760 0%, #CF3C35 100%);
    box-shadow: inset 0 -3px 0 rgb(0 0 0 / 20%);
    border-radius: 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    align-items: center;
    text-align: center;
    color: #FFFFFF!important;
    text-shadow: -1px -1px 1px rgb(166 49 43 / 50%);
}

.form-poll__submit:hover {
    opacity: .7;
}



.invisible-urls a {
    cursor: text;
}
.current-contests__items .gallery__item {
    overflow: unset;
}
.current-contests__item {
    position: relative;
    border-radius: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.current-contests__title {
    position: absolute;
    top: 0;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    
    
}

.current-contests__prize:before {
    content: '';
    background:  url(/themes/foto/images/trophy-01.svg);
    width: 14px;
    height: 14px;
    display: block;
    left: 5px;
    background-repeat: no-repeat;
    position: absolute;
    background-size: contain;
}

.current-contests__prize {
    position: absolute;
    bottom: 0;
    padding: 10px 0;
    width: 100%;
    color: #fff;
    padding-left: 25px;
    font-weight: bold;
    
    
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}


.contest-schedule {
    position: absolute;
    bottom: -23px;
    font-size: 10px;
    width: 100%;
    text-align: center;
}

    .sections__center .gallery__bottom {
    margin-top: 13px;
}

summary {
    color: #307ff5;
    cursor: pointer;
}

.spoiler-content {
    padding: 5px;
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    background: #307ff526;
    border-left: 5px solid #307ff5;
    margin: 10px 0 10px 0;
}

summary::marker {
    content: none;
}

.sceditor-button-spoiler div {
    background-position-y: -224px;
}

.sceditor-insertspoiler {
    max-width: 400px;
    width: 100%;
}

.sceditor-insertspoiler #spoiler {
    width: 100%;
}

.sceditor-insertspoiler #des {
    width: 100%!important;
}

.nav-header__icon img {
    width: auto;
    height: auto;
}

._active-poll-item+.progress .progress-bar-success {
    background-color: #28a745;
}

._active-poll-item {
    position: relative;
}



.ignored-post-css {
    
    
    position: relative;
}

.ignored-post-css .btn-add-reply-js,
.ignored-post-css .btn-add-quote-js,
.ignored-post-css .send-reaction-js,
.ignored-post-css .favourite-post-css {
    
    display: none;
}


.ignored-post-css::before {
    content: none;
    
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    color: #000000;
    z-index: 10;
    font-family: "Rubik", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
}


.exhibition-page__top {
    display: flex;
    flex-direction: column;
}

.exhibitions-period-date__wrapper {
    display: flex;
    align-items: center;
}
.exhibitions-period-date__wrapper .form-item {
    max-width: 150px;
}

.exhibitions-period-date__wrapper button {
    margin-left: 10px;
    min-height: 10px;
    padding: 5px 20px;
    border-radius: 7px
}

.exhibition-gallery__wrapper {
    max-width: 800px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15px;
}

.exhibition-gallery__image {
    max-width: calc(33% - 20px) !important;
    width: 100%;
    height: 100%;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: calc(33% - 20px);
}

.exhibition-gallery__image img {
    position: absolute;
    height: 100%;
    width: 100%;
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    padding: 6px;
}

.exhibition-gallery__more {
    display: flex;
    justify-content: center;
    width: 100%;
}

@media screen and (max-width: 650px) {
    .exhibition-gallery__image {
        max-width: calc(50% - 20px) !important;
        padding-bottom: calc(50% - 20px);
    }
}

@media screen and (max-width: 667px) {
    .exhibition-gallery__image {
        max-width: 136px;
    }
}

@media screen and (max-width: 736px) {
    .exhibition-gallery__image {
        max-width: 153px;
    }
}

@media screen and (max-width: 768px) {
    .exhibition-gallery__image {
        max-width: 161px;
    }
}

@media screen and (max-width: 802px) {
    .exhibition-gallery__image {
        max-width: 137px;
    }
}

@media screen and (max-width: 1024px) {
    .exhibition-gallery__image {
        max-width: 203px;
    }
}

.exhibition__page .static-page__content {
    background: #fff;
}

.exhibition__page .exhibition-card__views {
    position: relative;
    top: 0;
    right: unset;
    color: #A4A4A4;
}

.exhibition__page .exhibition-card__views:before {
    background-color: #A4A4A4;
}

.exhibition__aside {
    display: flex;
    flex-direction: column;
}





.__link {
    color: #307ff5;
}
.contests__top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.contests__top-teaser {
    max-width: 70%;
    line-height: 120%;
}

.suggest_contest__button {
    padding: 5px 30px;
    background-color: #307ff5;
    color: #ffffff;
}

.contests__estimate {
    -ms-grid-columns: (1fr) [ 3 ];
    grid-template-columns: repeat(3, 1fr);
}

.estimate-contest__item {
    border-top: 0;
}

.contest-head .estimate-contest__item {
    border-right: 0;
    position: relative;
}

.contest-head .estimate-contest__item .contest-prize__badge {
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    position: relative;
    transform: unset;
    margin-right: 5px;
}

.contest-head > *:not(:last-child) {
    border-right: 0;
}

.contest__row {
    -ms-grid-columns: 333px 220px 130px 1fr;
    grid-template-columns: 333px 220px 130px 1fr;
}

.estimate-contest__content {
    padding: 10px;
}

.estimate-contest__content a {
    margin-bottom: 20px;
    display: block;
    color: #307FF5;
}

.contest__row .contest-title {
    font-weight: bold;
    font-size: 20px;
    text-align: left;
}

.contest__person {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contest-badge.finished {
    margin-top: 10px;
    color: #fff;
    padding: 5px;
    border-radius: 10px;
    background: #CF3C35;
}

.contest-badge.processed {
    margin-top: 10px;
    background: #659D5C;
    color: #fff;
    padding: 5px;
    border-radius: 10px;
}

.contest__number {
    padding: 20px;
}

.contest__number ,
.advice__number .contest-prize {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: start;
}

.advice__number .contest-prize p {
    text-align: left;
}
@media screen and (max-width: 767.98px) {
    .advice__row.contest__row {
        display: flex;
        flex-wrap: wrap;
    }

    .advice__row.contest__row > div {
        width: 50%;
    }

    .contest__person.advice__person {
        gap: 12px;
        align-items: center;
        text-align: center;
    }

    .contest__row .advice__count {
        grid-column: unset;
        width: 100%!important;
        display: flex;
        justify-content: center;
    }

    .contest__row  .advice__number {
        position: relative;
    }

    .contest__row  .advice__estimate-mobile {
        width: 100%!important;
        display: grid;
        -ms-grid-columns: (1fr) [ 3 ];
        grid-template-columns: repeat(3, 1fr);
    }

    .contests__estimate {
        width: 100%!important;
    }
}




@media screen and (max-width: 767.98px) {
    .main-photo__title {
        font-size: 20px;
        margin-bottom: 15px;
    }
}

.back-colors-photo__container {
    display: flex;
    justify-content: center;
}

.back-colors-photo__container .radio {
    margin-right: 10px;
}

input:checked ~ .radio__color {
    border: 2px solid #307ff5;
}

.add-photo__item {
    justify-content: space-between;
}

.menu-categories__list {
    gap: 10px 60px;
}

.exposition .item-section--banner {
    grid-column: unset;
}
.icon-toggle-item-section-content {
    display: none;
    -webkit-box-flex: 0;
    background-color: #4b4b4b;
    content: "";
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    height: 20px;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-mask-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/arrow-down.svg);
    mask-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/arrow-down.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    width: 20px;
    margin-left: auto;
}
@media screen and (max-width: 767.98px) {
    .icon-toggle-item-section-content {
        display: inline-block;
    }

    .icon-toggle-item-section-content._open {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .gallery-content-toggle {
        height: 0;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        display: none;
    }

    .gallery-content-toggle._active {
        height: auto;
        display: block;
    }
}

.nav-header__link--bell {
    -ms-flex-negative: 0;
    display: -ms-grid;
    display: grid;
    flex-shrink: 0;
    height: 53px;
    place-items: center;
    width: 53px;
}

.nav-header__circle {
    background-color: #cf3c35;
    position: absolute;
}


.nav-header__link--bell.active+.notification {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%)
}

.notification {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.05);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 642px;
    opacity: 0;
    overflow-x: hidden;
    pointer-events: none;
    position: absolute;
    scrollbar-color: transparent transparent;
    scrollbar-width: none;
    top: 0;
    -webkit-transform: translate(-100%,20px);
    -ms-transform: translate(-100%,20px);
    transform: translate(-100%,20px);
    -webkit-transition: opacity .25s,-webkit-transform .25s;
    transition: opacity .25s,-webkit-transform .25s;
    -o-transition: transform .25s,opacity .25s;
    transition: transform .25s,opacity .25s;
    transition: transform .25s,opacity .25s,-webkit-transform .25s;
    width: 480px;
    z-index: 5
}

.notification::-webkit-scrollbar,.notification::-webkit-scrollbar-thumb {
    display: none;
    height: 0;
    width: 0
}

.notification__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    gap: 20px;
    justify-content: space-between;
    line-height: 120%;
    min-height: 48px;
    padding: 0 12px;
    position: sticky;
    top: 0;
    z-index: 2
}

.notification__button {
    display: -ms-grid;
    display: grid;
    height: 40px;
    place-items: center;
    width: 40px
}

.notification__items {
    overflow-y: auto
}

.item-notification {
    position: relative
}

.item-notification__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 6px;
    padding: 16px 16px 16px 6px;
    position: relative;
    -webkit-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s
}

.item-notification__new {
    background-color: #307ff5;
    height: 4px;
    margin-top: 22px;
    width: 4px
}

.item-notification__avatar,.item-notification__new {
    -ms-flex-negative: 0;
    border-radius: 50%;
    flex-shrink: 0
}

.item-notification__avatar {
    background-color: #a4a4a4;
    display: -ms-grid;
    display: grid;
    height: 48px;
    margin-right: 10px;
    overflow: hidden;
    place-items: center;
    width: 48px
}

.item-notification__message {
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    color: #0f0f0f;
    display: block;
    display: box;
    display: -webkit-box;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 8px;
    max-height: 120px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: normal
}

.item-notification__image {
    -ms-flex-negative: 0;
    border-radius: 4px;
    flex-shrink: 0;
    height: 48px;
    margin: 0 10px;
    overflow: hidden;
    position: relative;
    width: 86px
}

.item-notification__image img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.item-notification__date {
    color: #606060;
    font-size: 14px;
    line-height: 120%
}

.item-notification .notification-button {
    left: 0;
    position: absolute;
    top: 0
}

.item-notification__actions {
    display: none
}

.item-notification__option {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 40px;
    position: relative;
    top: -8px;
    width: 40px
}

.item-notification__option .notification-button {
    pointer-events: none
}

.item-notification__option.active .actions-notification {
    display: block
}

.notification-button {
    -ms-flex-negative: 0;
    background-color: transparent;
    border-radius: 50%;
    display: -ms-grid;
    display: grid;
    flex-shrink: 0;
    height: 40px;
    place-items: center;
    position: relative;
    -webkit-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;
    width: 40px
}

.notification-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 24px;
    pointer-events: none;
    width: 24px
}

.actions-notification {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.05);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.05);
    color: #0f0f0f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: 400px;
    z-index: 5
}

.actions-notification__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    gap: 16px;
    line-height: 120%;
    min-height: 36px;
    padding: 0 12px 0 16px;
    -webkit-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s
}

.item-notification__content {
    width: 100%;
}

.notification {
    min-height: 100px;
    max-height: 642px;
    height: unset;
}



.user-events .complaint-info {
    max-width: 300px;
    width: 100%;
}

.about-author__bottom  .link-moderator  {
    color:  #cf3c35;
    order: 1;
}


.btn-moderator  {
    
}

.user-avatar-icon {
    
    display: inline-block;
    
    
    
    
}

.about-author__title.page-title .user-avatar-icon {
    top: 19px;
    position: relative;
    transform: translateY(-50%);
}
@media screen and (max-width: 767.98px) {
    .about-author__title.page-title .user-avatar-icon {
        top: 12px;
        position: relative;
        transform: translateY(-50%);
    }
}

.complaint-user .user-avatar-icon,
.user-product__name .user-avatar-icon,
.topic-card__author-name .user-avatar-icon,
.item-gallery__author .user-avatar-icon {
    width: 17px;
    height: 17px;
}

.group-contest .item-gallery__body {
    display: flex;
    flex-direction: column;
}

.remove-contest-photo-css {
    margin: 0 auto;
}

.swiper:not(.swiper-initialized) .slide-width25-mr16 {
    max-width: calc(25% - 12px);
    margin-right: 16px;
}

.swiper:not(.swiper-initialized) .slide-width30-mr14 {
    max-width: calc(33% - 7.13px);
    margin-right: 14px;
}

.swiper:not(.swiper-initialized) .slide-width50-mr5 {
    max-width: calc(50% - 2.5px);
    margin-right: 5px;
}

@media screen and (max-width: 389.98px) {
    .nav-header__text {
        display: none;
    }
    .nav-header__list {
        flex-direction: row;
    }
}

.edit-photo-hall__wrapper {
    padding-bottom: 140px!important;
}

@media screen and (max-width: 767.98px) {
    .edit-photo-hall__wrapper {
        padding-bottom: 40px;
    }
}

.photo-hall-form  .has-error .help-block {
    font-size: 10px;
    width: 100%;
}

.krajee-datepicker {
    height: 54px;
}

.photo-hall-form  .form-modal__input {
    width: 100%;
    background-color: #ffffff;
    padding: 16px 14px;
    border-radius: 10px;
    border: 1px solid #dedede;
    font-family: "Rubik", sans-serif;
    font-style: italic;
    font-size: 16px;
    color: #a4a4a4;
}

.photo-hall-form  input::placeholder {
    font-family: "Rubik", sans-serif;
    font-style: italic;
    font-size: 16px;
    color: #a4a4a4;
}

.favourite-photo-studio-js._active svg path,
.favourite-photo-studio-icon-js._active svg path {
    fill: #307ff5;
}

.favourite-photo-hall-js._active svg path,
.favourite-photo-hall-icon-js._active svg path {
    fill: #307ff5;
}

.subscription-management-title {
    margin-top: 0;
    font-size: 16px;
    color: #4b4b4b;
    font-weight: bold;
}

.subscribed-on-favorite-photo-authors-css .form-input {
    min-height: 20px;
    padding: 7px 15px;
}

.photo-categories-list > div {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 17px;
}


@media screen and (max-width: 767.98px) {
    .photo-categories-list > div {
        grid-template-columns: repeat(3, 1fr);
    }
}

.hidden-technique-comment-css:before {
    content: 'Отзыв замодерирован';
    z-index: 10;
    width: 100%;
}

.discuss-table__item-name::before {
    flex:  0 0 24px;
}

.technique-comment-form .rating-item-css {
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

.technique-comment-form  .rating__list {
    gap: 10px;
}

.forum-table__item  .forum-label__icon  {
    width: 18px;
    height: 18px;
}

.forum-table__item .forum-label__icon::before {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
}

.custom-icon-new-forum-posts::before {
    background-image: url(/themes/foto/../../custom/foto/css/../images/icons/icon_new_forum_posts.svg);
}


.custom-icon-no-new-forum-posts::before {
    background-image: url(/themes/foto/../../custom/foto/css/../images/icons/icon_no_new_forum_posts.svg);
}


.custom-icon-pinned-topic::before {
    background-image: url(/themes/foto/../../custom/foto/css/../images/icons/icon_pinned_topic.svg);
}

.custom-icon-new-forum-posts-in-closed-topic::before {
    background-image: url(/themes/foto/../../custom/foto/css/../images/icons/icon_new_forum_posts_in_closed_topic.svg);
}

.custom-icon-no-new-forum-posts-in-closed-topic::before {
    background-image: url(/themes/foto/../../custom/foto/css/../images/icons/icon_no_new_forum_posts_in_closed_topic.svg);
}

.exhibition-section .exhibition-card__content {
    background: linear-gradient(to top, rgba(0, 0, 0,1.6) 0%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0.0) 100%);

    
    
}

.contacts-exposition__phone.website:before {
    -webkit-mask-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/icon-school_photo.svg);
    mask-image: url(/themes/foto/../../custom/foto/css/../../../themes/foto/images/icons/icon-school_photo.svg);
}
@media screen and (max-width: 991.98px) {
    .exposition__wrapper {
        background-color: unset;
        padding: 0;
        box-shadow: unset;
    }

    .exposition__content.content-exposition{
        margin-bottom: 15px;
    }

    .exhibition-cards__wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

.datepicker-dropdown {
    z-index: 100!important;
}

.exhibition-card__title.gravex-css-ellipses-2 {
    height: 30px;
}


.exhibition-card__title.gravex-css-ellipses-3 {
    height: 49px;
}

.exhibition-card__description.gravex-css-ellipses-2 {
    height: 24px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2!important;
}


.exposition-slider__item.last-slider-css {
    filter: brightness(0.6);
    position: relative;
}

.hidden-slide-count-label {
    position: absolute;
    z-index: 10;
    font-size: 40px;
    color: #fff;
    font-weight: 600;
}

.contacts-exposition__address {
    padding-left: 37px;
    position: relative;
}

.contacts-exposition__address:before {
    position: absolute;
    left: 0px;
}

._finished-exhibition:before {
    content: 'ЗАВЕРШЕНА';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 50%);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    font-weight: 700;
}

.exhibition-filters-css {
    display: flex;
    flex-wrap: wrap;
}

.item-section__link._finished-exhibition::before {
    border-radius: 5px;
    overflow: hidden;
}

.draft-exhibitions-css {
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: #cf3c35;
    padding: 5px;
    border-radius: 6px;
    padding: 7px 10px;
    color: #fff;
}

.product-detail .product-card__slider {
    max-width: 580px;
}

.discuss-table .thead__brand::after {
    content: "";
    -webkit-mask-image: url(/themes/foto/images/icons/blue-arrow-small.svg);
    mask-image: url(/themes/foto/images/icons/blue-arrow-small.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    width: 8px;
    height: 8px;
    background-color: #307ff5;
}

.discuss-table .thead__brand._up::after,
.discuss-table .thead__name._up::after,
.discuss-table .thead__reviews._up::after,
.discuss-table .thead__photos._up::after,
.discuss-table .thead__rating._up::after {
    transform: unset;
}

.discuss-table .thead__brand._down::after,
.discuss-table .thead__name._down::after,
.discuss-table .thead__reviews._down::after,
.discuss-table .thead__photos._down::after,
.discuss-table .thead__rating._down::after {
    transform: rotate(180deg);
}




.testimonials-item__body {
    padding-top: 0;
}

.discuss-table__item {
    grid-template-columns: 1fr 142px 150px 239px 150px 304px;
}

@media screen and (max-width: 991.98px) {
    .discuss-table__item {
        -ms-grid-columns: (1fr) [4];
        grid-template-columns: repeat(4, 1fr);
    }

    .discuss-table__item-name {
        grid-column: 1 / 5;
    }
}

.not-published {
    opacity: .5;
}

.discuss-table__item-name._technique-item span {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    position: relative;
    background-size: cover;
    border-radius: 3px;
    flex-shrink: 0;
}



.discuss-table__item-name._technique-item:before {
    content: none;
}

.breadcrumbs__link {
    font-size: 14px!important;
}

@media screen and (max-width: 991.98px) {
    .text-editor__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.content-testimonials__group {
    word-break: break-word;
}