@font-face { font-family: 'Open Sans'; src: url('/frontend/fonts/OpenSans-Regular.woff2') format('woff2'), url('/frontend/fonts/OpenSans-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('/frontend/fonts/OpenSans-ExtraBold.woff2') format('woff2'), url('/frontend/fonts/OpenSans-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('/frontend/fonts/OpenSans-Medium.woff2') format('woff2'), url('/frontend/fonts/OpenSans-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('/frontend/fonts/OpenSans-Light.woff2') format('woff2'), url('/frontend/fonts/OpenSans-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('/frontend/fonts/OpenSans-Bold.woff2') format('woff2'), url('/frontend/fonts/OpenSans-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('/frontend/fonts/OpenSans-SemiBold.woff2') format('woff2'), url('/frontend/fonts/OpenSans-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }

@font-face {
    font-family: 'icomoon';
    src: url('/frontend/fonts/icomoon/icomoon.eot?3h26v2');
    src: url('/frontend/fonts/icomoon/icomoon.eot?3h26v2#iefix') format('embedded-opentype'),
        url('/frontend/fonts/icomoon/icomoon.ttf?3h26v2') format('truetype'),
        url('/frontend/fonts/icomoon/icomoon.woff?3h26v2') format('woff'),
        url('/frontend/fonts/icomoon/icomoon.svg?3h26v2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

* {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4;
    vertical-align: middle;
    outline: none;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0 auto;
    font-size: 1rem;
    font-weight: 400;
    color: var(--pallete-text\[primary\], hsl(240, 5.9%, 10%));
}

a {
    color: var(--pallete-color\[primary\], hsl(240, 5.3%, 26.1%));
    text-decoration: none;
}

.container {
    max-width: 1280px;
    margin: auto;
}

header {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1;
    transition: top var(--transition);
}

.top__panel {
    background-color: hsl(0 0% 97% / 1);
    padding: .35rem 0;
}

.top__panel-title {
    font-size: .813rem;
    font-weight: 500;
    color: hsl(240deg 3.8% 44.83%);
}

.top__list_number,
.top__list_social,
.top__list_navigation,
.catalog__list,
.contacts__list,
.contacts__list_social,
.footer__list,
.breadcrumb ul,
.pagination,
.table,
.product__photo-array,
.gallery__photo-array,
.photogallery__array,
.gallery__video-array {
    list-style: none;
    margin: 0;
    padding: 0;
}

.top__list_number {
    margin: .05rem 0;
    font-size: .938rem;
    color: var(--pallete-url\[secondary\], --pallete-color\[primary\]);
}

.top__list_number a {
    color: currentColor;
    transition: var(--transition, .5s);
}

.top__list_number a:hover {
    color: var(--pallete-color\[primary\:hover\], --pallete-url\[secondary\:hover\]);
}

.top__list_number li {
    position: relative;
    padding: 0 1.5rem 0 0;
}

.top__list_number li::after {
    content: "/";
    position: absolute;
    top: .25rem;
    left: -.85rem;
    font-size: .75rem;
    opacity: .75;
}

.top__list_number li:first-child::after {
    content: none;
}

.top__list_social {
    font-size: 1.5rem;
    color: hsl(240, 5%, 64.9%);
}

.top__list_social a {
    color: currentColor;
    transition: var(--transition, .25s);
    display: block;
}

.top__list_social li a:hover {
    color: var(--pallete-url\[secondary\:hover\], hsl(240, 5%, 64.9%, .85));
}

.top__list_social li {
    margin: 0 .5rem 0 0;
}

.top__list_social li:last-child {
    margin: 0;
}

.top__main {
    padding: 2rem 0;
    background: hsl(0deg 0% 100%);
    box-shadow: 0 1rem 2rem -2rem hsl(0deg 0% 80%);
}

.top__list_navigation {
    font-size: 1.063rem;
    font-weight: 500;
    color: var(--pallete-url\[secondary\], hsl(240, 5.3%, 26.1%));
    max-height: 90vh;
    overflow: auto;
}

.top__list_navigation a {
    color: currentColor;
    transition: var(--transition, .45s);
}

.top__list_navigation .active a {
    color: var(--pallete-color\[primary\], hsl(240, 5.3%, 26.1%));
}

.top__list_navigation a:hover {
    color: var(--pallete-color\[primary\:hover\], hsl(240, 5.3%, 26.1%, .85));
}

.top__list_navigation li {
    margin: 0 2rem 0 0;
}

.top__list_navigation li:last-child {
    margin: 0;
}

.banner {
    height: 30rem;
    background: hsl(0deg 4.5% 10.55%);
}

.catalog {
    padding: 2rem 0;
    background: hsl(0deg 0% 100%);
}

.nopadding__catalog {
    margin: 0 0 -2rem;
}

.catalog__navagation {
    padding: 0 1.45rem 0 0;
    border-right: .01rem solid var(--pallete-border\[primary\], hsl(240deg 11.53% 94.66%));
}

.catalog__title, .useful__title, .contacts__title {
    display: flex;
    flex-direction: column;
    font-size: 2.125rem;
    font-weight: 700;
    text-transform: uppercase;
}

.contacts__title-middle {
    font-size: 1.35rem;
    font-weight: 600;
}

.catalog__title-podtext, .useful__title-podtext {
    font-size: 1rem;
    font-weight: 400;
    color: var(--pallete-text\[secondary\]);
}

.catalog__list {
    margin: 1rem 0;
    font-size: 1.125rem;
    color: var(--pallete-url\[secondary\]);
}

.catalog__list li {
    margin: 0 0 .25rem;
}

.catalog__list li:last-child {
    margin: 0 0 .25rem;
}

.catalog__list a {
    display: block;
    padding: .85rem 0;
    color: currentColor;
    transition: var(--transition, .4s);
    border-radius: .4rem;
}

.catalog__list a:hover {
    background: var(--pallete-background\[hover\], hsl(210.42deg 12.03% 98.21%));
    padding-left: 1.25rem;
}

.catalog__array, .products__array {
    padding: 0 0 0 1.5rem;
}

.catalog__products, .products__products {
    width: calc(100% / 4 - 1rem);
    margin: 0 .5rem 1.5rem;
    transition: var(--transition, .25s);
}

.catalog__products:hover, .products__products:hover {
    transform: translate3d(0, -.35rem, 0);
}

.catalog__products-image, .products__products-image {
    width: 100%;
    height: 13rem;
    margin: 0 0 .75rem;
    object-fit: cover;
    border-radius: .4rem;
    background: var(--pallete-background\[hover\]);
    border: .01rem solid hsl(0deg 0% 92.91%);
}

.catalog__name, .products__name {
    font-size: 1.156rem;
    font-weight: 500;
    color: var(--pallete-text\[primary\]);
    transition: var(--transition, .25s);
}

.catalog__products:hover .catalog__name, .products__products:hover .products__name {
    color: var(--pallete-color\[primary\]);
}

.useful__materials {
    padding: 2rem 0;
    background: hsl(0 0% 97% / 1);
}

.background__default {
    background: hsl(0 100% 100%);
}

.materials__array {
    margin: 1rem -1rem;
}

.materials__article {
    width: calc(100% / 3 - 2rem);
    margin: 1rem;
}

.materials__article-image {
    width: 100%;
    height: 15rem;
    margin: 0 0 1.4rem 0;
    object-fit: cover;
    object-position: center;
    border-radius: .4rem;
    background: var(--pallete-background\[hover\]);
    border: 0.01rem solid hsl(0deg 0% 92.91%);
    transition: var(--transition, .25s);
}

.materials__article:hover .materials__article-image {
    opacity: .8;
}

.materials__name {
    font-size: 1.375rem;
    font-weight: 600;
    transition: var(--transition, .25s);
}

.materials__description {
    margin: 1rem 0 1.75rem;
    color: var(--pallete-text\[secondary\]);
}

.materials__article .button {
    filter: grayscale(1);
}

.materials__article:hover .button {
    filter: grayscale(0);
}

.button {
    background: none;
    display: inline-block;
    padding: .8rem 2.4rem;
    border-radius: .4rem;
    color: var(--pallete-color\[primary\]);
    box-shadow: 0 0 0 .1rem var(--pallete-color\[primary\]);
    transition: var(--transition, .5s);
}

.button:hover {
    color: hsl(0deg 0% 100%);
    background: var(--pallete-color\[primary\]);
}

.plyr {
    height: 22.5rem;
    border-radius: .4rem;
    margin: 1.5rem 0 0;
    background: hsl(0deg 0% 0% / 20%);
}

.video__information {
    padding: 1.25rem 0 0;
}

.video__name {
    font-size: 1.5rem;
    font-weight: 600;
    transition: var(--transition, .25s);
}

.video__description {
    margin: 1rem 0 1.75rem;
    color: var(--pallete-text\[secondary\]);
}

.media {
    padding: 2rem 0;
}

.gallery__main {
    margin: 1.4rem 2rem 1rem -.25rem;
}

.gallery__photo {
    width: calc(100% / 3 - .5rem);
    height: 10.96rem;
    margin: .25rem;
    background: var(--pallete-background\[hover\]);
    overflow: hidden;
}

.gallery__photo:first-child {
    border-radius: .4rem 0 0 0;
}

.gallery__photo:nth-child(3) {
    border-radius: 0 .4rem 0 0;
}

.gallery__photo:nth-child(4) {
    border-radius: 0 0 0 .4rem;
}

.gallery__photo:last-child {
    border-radius: 0 0 .4rem 0;
}

.gallery__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: var(--transition, .3s);
}

.gallery__photo img:hover {
    opacity: .4;
}

.gallery__name {
    margin: 0 0 1.75rem;
    font-size: 1.5rem;
    font-weight: 600;
    transition: var(--transition, .25s);
}

.article__description img {
    text-align: center;
    margin: 1rem 0;
    border-radius: .4rem;
    object-fit: cover;
    max-width: 100%;
    min-width: 30vw;
    min-height: 15vw;
    background: var(--pallete-background\[hover\]);
}

.contacts {
    position: relative;
    margin: 2rem 0 0;
    min-height: 70vh;
    border-top: .01rem solid var(--pallete-border\[primary\], hsl(240deg 11.53% 94.66%));
    padding: 2rem 0 0;
}

.contacts iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: var(--pallete-background\[hover\]);
}

.contacts__information {
    padding: 2rem 0;
}

.contacts__title-middle {
    margin: 0 0 .75rem;
    font-size: 1.35rem;
    font-weight: 600;
}

.contacts__list {
    margin: 0 0 2.5rem 0;
    font-size: 1.15rem;
}

.contacts__list li {
    margin: 0 0 .85rem;
}

.contacts__list li a {
    vertical-align: bottom;
}

.contacts__list li a:hover {
    border-bottom: .01rem solid var(--pallete-color\[primary\]);
}

.contacts__list_social {
    font-size: 2.25rem;
    color: hsl(240, 5%, 64.9%);
}

.contacts__list_social a {
    color: currentColor;
    transition: var(--transition, .4s);
}

.contacts__list_social a:hover {
    opacity: .8;
}

.contacts__list_social li {
    margin: 0 .65rem 0 0;
}

.contacts__list_social li:last-child {
    margin: 0;
}

.breadcrumb {
    background: hsl(0deg 0% 96.86%);
    padding: 0 0 .5rem 0;
    position: relative;
    overflow: auto;
}

.breadcrumb::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.breadcrumb ul {
    display: flex;
    font-size: 88%;
    align-items: center;
    color: hsl(0deg 0% 50.39%);
    flex-wrap: wrap;
}

.breadcrumb ul a {
    color: hsl(0deg 0% 39.8%);
}

.breadcrumb ul a:hover {
    color: var(--pallete-color\[primary\], hsl(240, 5.3%, 26.1%));
}

.breadcrumb ul li {
    display: block;
    margin: .5rem .5rem 0 0;
    padding: .25rem 1rem;
    position: relative;
    background: hsl(0deg 0% 94.12%);
    color: hsl(0deg 0% 73.92%);
    border-radius: 50rem;
    text-wrap: nowrap;
}

.breadcrumb ul li:last-child::after {
    content: "";
    padding: 1rem;
    position: absolute;
    top: 0;
}

.breadcrumb ul li.breadcrumb-item {
    padding: 0;
    background: hsl(0deg 0% 90.59%);
    color: hsl(0deg 0% 39.8%);
    transition: var(--transition);
}

.breadcrumb ul li.breadcrumb-item a {
    color: hsl(0deg 0% 39.8%);
    padding: 0.25rem 1rem;
    display: block;
    width: 100%;
    height: 100%;
}

.breadcrumb ul li.breadcrumb-item:hover {
    opacity: .75;
}

.products__specifications {
    margin: .5rem 0;
    font-size: .875rem;
    color: var(--pallete-text\[secondary\]);
    line-height: 1.9;
}

.products__price {
    display: flex;
    margin: -.5rem 0 0;
    font-size: 1.15rem;
    color: var(--pallete-text\[primary\]);
    align-items: center;
}

.products__price span {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--pallete-color\[primary\]);
    padding: 0 .5rem;
}

.catalog__list li.active a {
    background: var(--pallete-background\[hover\], hsl(210.42deg 12.03% 98.21%));
    padding-left: 1.25rem;
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.5rem;
}

.pagination li {
    background: hsl(0, 0%, 96%);
    border-radius: .4rem;
    margin: .35rem;
    color: var(--pallete-text\[primary\]);
    transition: var(--transition, .4s);
}

.pagination li:hover {
    box-shadow: 0 0 0 .1rem var(--pallete-color\[primary\], hsl(240, 5.3%, 26.1%));
    border-radius: .4rem;
    opacity: .8;
}

.pagination li a {
    padding: .5rem 1rem;
    display: inline-block;
    color: currentColor;
}

.pagination li.active {
    background: var(--pallete-color\[primary\], hsl(240, 5.3%, 26.1%));
}

.pagination li.active a {
    box-shadow: 0 0 0 .1rem var(--pallete-color\[primary\], hsl(240, 5.3%, 26.1%));
    border-radius: .4rem;
    color: hsl(0, 0%, 100%);
}

.page-item.disabled {
    padding: .5rem 1rem;
    display: inline-block;
    color: hsl(0deg 0% 73%);
    background: hsl(0deg 0% 98%);
}

.pagination li.disabled:hover {
    box-shadow: none;
}

.products__title-main {
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 1.75rem 0;
}

.products__description {
    margin: 2rem 0 0;
    line-height: 1.6;
}

strong {
    vertical-align: baseline;
}

.product__poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .4rem;
    background: var(--pallete-background\[hover\]);
}

.product__photo-information {
    padding: 0 4rem 0 0;
}

.product__poster {
    width: 100%;
    height: 23rem;
    display: block;
}

.product__title {
    font-size: 1.25rem;
    font-weight: 600;
}

.table {
    margin: 1rem 0 2rem;
    display: flex;
    flex-wrap: wrap;
}

.table li {
    width: 50%;
}

.table__name {
    color: hsl(0deg 0% 45.67%);
    margin: 0 0 .35rem 0;
    font-weight: 500;
}

.table__name {
    font-weight: 500;
    color: hsl(0deg 0% 10.93%);
}

.price__title {
    font-size: 1.85rem;
    font-weight: 500;
    color: var(--pallete-color\[primary\]);
}

.price-sub {
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--pallete-url\[secondary\]);
}

.button__price {
    width: 100%;
    text-align: center;
}

.product__photo-main {
    margin: 2rem 0 0;
}

.product__photo-main .products__title-main {
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 1.2rem 0;
}

.product__photo-array {
    margin: 0 -.5rem;
}

.product__photo-array li {
    width: calc(100% / 3 - 1rem);
    height: 13rem;
    margin: .5rem;
    overflow: hidden;
}

.product__photo-array li img {
    width: auto;
    min-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .45s;
    background: var(--pallete-background\[hover\]);
}

.product__photo-array li:hover img {
    opacity: .5;
}

.product__photo-array li:first-child {
    border-radius: .4rem 0 0 0;
}

.product__photo-array li:last-child {
    border-radius: 0 0 .4rem 0;
}

.product__photo-array li:nth-child(3) {
    border-radius: 0 .4rem 0 0;
}

.product__photo-array li:nth-child(4) {
    border-radius: 0 0 0 .4rem;
}

.article__description b, .article__description a, .article__description i {
    vertical-align: text-bottom;
}

.article__description ol {
    list-style: decimal-leading-zero;
    font-size: 1.075rem;
    padding: 0 0 0 5rem;
    margin: 0;
}

.article__description p img {
    height: 30rem;
    border-radius: .4rem;
    margin: 1rem auto;
    background: var(--pallete-background\[hover\]);
}

.gallery__photo-array {
    margin: 0 -.5rem;
}

.gallery__photo-array li a img {
    width: 100%;
    height: 15rem;
    object-fit: cover;
    border-radius: .4rem;
    margin: 0 0 1rem 0;
    background: var(--pallete-background\[hover\]);
}

.gallery__photo-array a {
    display: block;
}

.gallery__photo-array li {
    width: calc(100% / 3 - 1rem);
    margin: 0 .5rem 1.75rem;
    transition: .4s;
}

.gallery__photo-array li:hover {
    transform: translate(0, -.5rem);
}

.gallery__photo-array li:hover .gallery__title {
    color: var(--pallete-color\[primary\]);
}

.gallery__photo-array li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery__title {
    font-size: 1.15rem;
    font-weight: 500;
    transition: var(--transition, .25s);
    color: var(--pallete-text\[primary\]);
}

.video__poster .plyr {
    height: 12rem;
    background: hsl(0deg 0% 0%);
    margin: 0 0 1rem;
}

.video__poster .video__description {
    font-size: .95rem;
}

.photogallery__array {
    margin: 0 -.5rem 1rem;
}

.photogallery__description {
    max-inline-size: 85vw;
    margin: 0 0 2.25rem;
    color: var(--pallete-text\[secondary\]);
}

.photogallery__array li {
    width: calc(100% / 4 - 1rem);
    height: 12rem;
    margin: .5rem;
    border-radius: .4rem;
    overflow: hidden;
}

.photogallery__array li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: var(--pallete-background\[hover\]);
    border-radius: .4rem;
    transition: .4s;
}

.photogallery__array li img:hover {
    transform: scale(1.2);
}

footer {
    padding: 2rem 0;
    background: hsl(246.42deg 6.92% 5.16%);
    color: hsl(0deg 0% 100%);
}

.footer__title {
    margin: 0 0 1.5rem;
    font-size: 1.35rem;
    font-weight: 600;
}

.footer__text-help {
    font-size: .95rem;
    margin: 0 0 2rem;
    color: hsl(0deg 0% 77.17%);
}

.footer__block {
    padding: 0 2rem;
}

.footer__text {
    margin: 2rem 0 0;
    font-size: .75rem;
    color: hsl(0deg 0% 77.17%);
}

.footer__list li {
    margin: .75rem 0;
    color: hsl(0deg 0% 82.68%);
}

.footer__list li a {
    color: currentColor;
}

footer .button {
    color: hsl(0deg 0% 100%);
    box-shadow: 0 0 0 0.1rem hsl(0deg 0% 100%);
}

footer .button:hover {
    box-shadow: 0 0 0 0.1rem var(--pallete-color\[primary\]);
}

footer .logo {
    width: 10rem;
}

.group {
    display: flex;
}

.group_align_center {
    align-items: center;
}

.group_align_start {
    align-items: flex-start;
}

.group_justify_between {
    justify-content: space-between;
}

.group_justify_end {
    justify-content: flex-end;
}

.group_wrap_true {
    flex-wrap: wrap;
}

.group__block-2 {
    width: calc(100% / 2);
}

.group__block-4 {
    width: 25%;
}

.group__block-4\/1 {
    width: 75%;
}

.group__block-10\% {
    width: 10%;
}

.group__block-90\% {
    width: 90%;
}

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

.icon-vk:before {
    content: "\e900";
}

.icon-ok:before {
    content: "\e901";
}

.icon-tg:before {
    content: "\e902";
}

.icon-wa:before {
    content: "\e903";
}

.icon-vr:before {
    content: "\e904";
}

.icon-yt:before {
    content: "\e905";
}

.icon-dn:before {
    content: "\e906";
}

.icon-rt:before {
    content: "\e907";
}

.icons__catalog- {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 .5rem 0 0;
}

.icons__catalog-.id001 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='id001' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %232e2e2e; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='56.91' y='52.61' width='47.09' height='21.09'/%3E%3Crect class='cls-1' x='76.91' y='82.61' width='47.09' height='21.09'/%3E%3Cpath class='cls-1' d='m160,19.18v24.52H48v38.91h20v30h36v30h55.91c-.9,9.75-9.1,17.39-19.09,17.39H19.18c-10.59,0-19.18-8.59-19.18-19.18V19.18C0,8.59,8.59,0,19.18,0h121.64c10.59,0,19.18,8.59,19.18,19.18Z'/%3E%3Crect class='cls-1' x='112.91' y='52.61' width='47.09' height='21.09'/%3E%3Crect class='cls-1' x='132.91' y='82.61' width='27.09' height='21.09'/%3E%3Crect class='cls-1' x='112.91' y='112.61' width='47.09' height='21.09'/%3E%3C/svg%3E");
}

.icons__catalog-.id002 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='id002' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %232e2e2e; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='98.87 133.02 130.96 133.02 130.96 160 32.91 160 32.91 75.09 70.35 75.09 70.35 103.61 98.87 103.61 98.87 133.02'/%3E%3Cpath class='cls-1' d='m160,19.18v121.64c0,10.59-8.59,19.18-19.18,19.18h-.95v-26.98h7.13v-8.91h-39.22v-20.5h7.13v-8.91h-35.65v-19.61h7.13v-8.92H24v93.83h-4.82c-10.59,0-19.18-8.59-19.18-19.18V19.18C0,8.59,8.59,0,19.18,0h121.64c10.59,0,19.18,8.59,19.18,19.18Z'/%3E%3C/svg%3E");
}

.icons__catalog-.id003 {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='id003' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %232e2e2e; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-2' width='160' height='160' rx='19.178' ry='19.178'/%3E%3Cg%3E%3Crect class='cls-1' x='78.804' y='86.201' width='53.053' height='7.285' transform='translate(-32.678 100.794) rotate(-45)'/%3E%3Crect class='cls-1' x='96.141' y='103.538' width='53.053' height='7.285' transform='translate(-39.859 118.132) rotate(-45)'/%3E%3Crect class='cls-1' x='86.334' y='110.85' width='22.564' height='7.285' transform='translate(85.684 264.476) rotate(-135)'/%3E%3Crect class='cls-1' x='118.697' y='78.487' width='22.564' height='7.285' transform='translate(163.815 232.113) rotate(-135)'/%3E%3C/g%3E%3Cg%3E%3Crect class='cls-1' x='45.863' y='49.752' width='53.053' height='7.285' transform='translate(58.958 -35.548) rotate(45)'/%3E%3Crect class='cls-1' x='28.526' y='67.089' width='53.053' height='7.285' transform='translate(66.139 -18.211) rotate(45)'/%3E%3Crect class='cls-1' x='36.458' y='42.038' width='22.564' height='7.285' transform='translate(-18.318 47.137) rotate(-45)'/%3E%3Crect class='cls-1' x='68.821' y='74.401' width='22.564' height='7.285' transform='translate(-31.723 79.5) rotate(-45)'/%3E%3C/g%3E%3Cg%3E%3Crect class='cls-1' x='60.889' y='68.286' width='53.053' height='7.285' transform='translate(-25.257 82.879) rotate(-45)'/%3E%3Crect class='cls-1' x='78.226' y='85.623' width='53.053' height='7.285' transform='translate(-32.439 100.216) rotate(-45)'/%3E%3Crect class='cls-1' x='68.419' y='92.935' width='22.564' height='7.285' transform='translate(67.768 221.225) rotate(-135)'/%3E%3Crect class='cls-1' x='100.782' y='60.572' width='22.564' height='7.285' transform='translate(145.899 188.862) rotate(-135)'/%3E%3C/g%3E%3Cg%3E%3Crect class='cls-1' x='28.526' y='67.089' width='53.053' height='7.285' transform='translate(66.139 -18.211) rotate(45)'/%3E%3Crect class='cls-1' x='11.189' y='84.426' width='53.053' height='7.285' transform='translate(73.32 -.874) rotate(45)'/%3E%3Crect class='cls-1' x='19.121' y='59.375' width='22.564' height='7.285' transform='translate(-35.655 39.956) rotate(-45)'/%3E%3Crect class='cls-1' x='51.484' y='91.738' width='22.564' height='7.285' transform='translate(-49.06 72.319) rotate(-45)'/%3E%3C/g%3E%3C/svg%3E");
}

.icons__catalog-.id004 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='id004' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %232e2e2e; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='71.91' y='71.61' width='17.09' height='17.09'/%3E%3Cpolygon class='cls-1' points='89 97.61 89 118.7 41.91 118.7 41.91 41.61 63 41.61 63 97.61 89 97.61'/%3E%3Cpath class='cls-1' d='m140.82,0H19.18C8.59,0,0,8.59,0,19.18v121.64c0,10.59,8.59,19.18,19.18,19.18h121.64c10.59,0,19.18-8.59,19.18-19.18V19.18c0-10.59-8.59-19.18-19.18-19.18Zm-12.91,127.61H33V32.7h94.91v94.91Zm-30-8.91h21.09V41.61h-47.09v21.09h26v56Z'/%3E%3C/svg%3E");
}

.icons__catalog-.id005 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='id005' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %232e2e2e; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-2' width='160' height='160' rx='19.178' ry='19.178'/%3E%3Cg%3E%3Cg%3E%3Crect class='cls-1' x='33.078' y='118.722' width='94.343' height='10.041'/%3E%3Crect class='cls-1' x='14.416' y='93.3' width='47.367' height='10.041' transform='translate(-60.221 136.419) rotate(-90)'/%3E%3Crect class='cls-1' x='95.535' y='90.118' width='53.731' height='10.041' transform='translate(27.263 217.539) rotate(-90)'/%3E%3C/g%3E%3Cg%3E%3Crect class='cls-1' x='33.078' y='33.737' width='94.343' height='10.041'/%3E%3Crect class='cls-1' x='19.719' y='53.072' width='36.76' height='10.041' transform='translate(-19.994 96.192) rotate(-90)'/%3E%3Crect class='cls-1' x='106.849' y='50.244' width='31.103' height='10.041' transform='translate(67.137 177.665) rotate(-90)'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Ccircle class='cls-1' cx='62' cy='64.5' r='7.5'/%3E%3Ccircle class='cls-1' cx='98' cy='64.5' r='7.5'/%3E%3C/g%3E%3Cg%3E%3Ccircle class='cls-1' cx='62.5' cy='95.5' r='7.5'/%3E%3Ccircle class='cls-1' cx='98.5' cy='95.5' r='7.5'/%3E%3C/g%3E%3C/svg%3E");
}

.icons__catalog-.id006 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='id006' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %232e2e2e; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-2' x='20.959' y='46.62' width='35.302' height='15.814' transform='translate(-27.248 43.272) rotate(-45)'/%3E%3Crect class='cls-2' x='37.392' y='63.055' width='35.306' height='15.811' transform='translate(-34.052 59.689) rotate(-44.989)'/%3E%3Crect class='cls-2' x='53.981' y='79.643' width='35.302' height='15.814' transform='translate(-40.924 76.272) rotate(-44.989)'/%3E%3Crect class='cls-2' x='70.422' y='96.085' width='35.306' height='15.811' transform='translate(-47.735 92.737) rotate(-45)'/%3E%3Crect class='cls-2' x='96.656' y='56.04' width='15.843' height='35.38' transform='translate(-21.505 95.542) rotate(-45)'/%3E%3Crect class='cls-2' x='113.126' y='39.57' width='15.843' height='35.38' transform='translate(-5.035 102.364) rotate(-45)'/%3E%3Cpath class='cls-2' d='m140.82,0H19.18C8.59,0,0,8.59,0,19.18v121.64c0,10.59,8.59,19.18,19.18,19.18h121.64c10.59,0,19.18-8.59,19.18-19.18V19.18c0-10.59-8.59-19.18-19.18-19.18Zm-26.52,98.49l-.05-.05-33.07,33.07-3.18-3.18-13.25-13.25h-.01l-1.38-1.39-1.8-1.79-14.64-14.64-1.95-1.96-1.54-1.54-11.19-11.18-3.71-3.71-1.01-1.02-.53-.53-11.18-11.18-1.91-1.91-2.82-2.81L45.5,27l21.16,21.16,11.18,11.18.69.69.86.86,1.77,1.77.57-.57,11.21-11.2.53-.54,1.01-1.01,1.81-1.8,1.38-1.39.53-.53,11.21-11.2,1.54-1.55,3.19-3.19,34.48,34.49-34.32,34.32Z'/%3E%3Crect class='cls-1' x='110.871' y='99.84' width='3.988' height='.071' transform='translate(-37.565 109.06) rotate(-45)'/%3E%3C/svg%3E");
}

.icons__catalog-.id007 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='id007' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %232e2e2e; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-2' width='160' height='160' rx='19.178' ry='19.178'/%3E%3Cg%3E%3Cg%3E%3Crect class='cls-1' x='63.125' y='106.276' width='94.343' height='10.041' transform='translate(-46.394 110.59) rotate(-45)'/%3E%3Crect class='cls-1' x='38.832' y='118.105' width='47.367' height='10.041' transform='translate(19.657 254.394) rotate(-135)'/%3E%3Crect class='cls-1' x='93.01' y='56.245' width='53.731' height='10.041' transform='translate(161.319 189.351) rotate(-135)'/%3E%3C/g%3E%3Cg%3E%3Crect class='cls-1' x='3.032' y='46.183' width='94.343' height='10.041' transform='translate(-21.502 50.496) rotate(-45)'/%3E%3Crect class='cls-1' x='15.69' y='89.66' width='36.76' height='10.041' transform='translate(-8.788 185.721) rotate(-135)'/%3E%3Crect class='cls-1' x='76.129' y='28.05' width='31.103' height='10.041' transform='translate(133.124 121.282) rotate(-135)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.icons__catalog-.id008 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='id008' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %232e2e2e; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-2' width='160' height='160' rx='19.178' ry='19.178'/%3E%3Cg%3E%3Cpolygon class='cls-1' points='77.543 57.021 16.457 57.021 19.543 46.979 74.543 46.979 77.543 57.021'/%3E%3Cpolygon class='cls-1' points='77.543 85.021 16.457 85.021 19.543 74.979 74.543 74.979 77.543 85.021'/%3E%3Cg%3E%3Cpolygon class='cls-1' points='143.543 57.021 82.457 57.021 85.457 46.979 140.543 46.979 143.543 57.021'/%3E%3Cpolygon class='cls-1' points='143.543 85.021 82.457 85.021 85.457 74.979 140.543 74.979 143.543 85.021'/%3E%3Cpolygon class='cls-1' points='77.543 113.021 16.457 113.021 19.543 102.979 74.543 102.979 77.543 113.021'/%3E%3Cpolygon class='cls-1' points='143.543 113.021 82.457 113.021 85.457 102.979 140.543 102.979 143.543 113.021'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.icons__catalog-.id009 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='id009' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %232e2e2e; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m115.62,35.96c.46.46.49.74.48,1.01-.93,29.86-7.96,34.39-14.17,38.39-4.29,2.76-9.15,5.9-11.1,14.7-2.65,11.94,1.08,25.16,11.08,39.3h-43.82c10-14.14,13.73-27.36,11.08-39.3-1.95-8.8-6.81-11.94-11.1-14.7-6.21-4-13.24-8.52-14.17-38.39-.01-.18-.01-.44.45-.92,3.41-3.5,15.69-5.35,36.53-5.53,12.11.13,30.39.97,34.74,5.44Z'/%3E%3Cpath class='cls-1' d='m140.82,0H19.18C8.59,0,0,8.59,0,19.18v121.64c0,10.59,8.59,19.18,19.18,19.18h121.64c10.59,0,19.18-8.59,19.18-19.18V19.18c0-10.59-8.59-19.18-19.18-19.18Zm-34.01,82.93c-3.77,2.42-6.04,3.89-7.19,9.08-2.16,9.71,1.41,20.97,10.59,33.47,1.82,2.48,2.09,5.72.71,8.46-1.38,2.72-4.14,4.42-7.2,4.42h-47.44c-3.06,0-5.82-1.7-7.2-4.42-1.38-2.74-1.11-5.98.71-8.46,9.18-12.5,12.75-23.76,10.59-33.47-1.15-5.19-3.42-6.66-7.19-9.08-9.41-6.07-17.29-13.69-18.29-45.68-.08-2.79.96-5.38,3.01-7.48,4.82-4.95,15.24-7.45,34.77-8.1v-.16c2.23-.01,4.38-.01,6.44,0h1.93c2.01-.01,4.1-.01,6.27,0v.15c19.76.62,29.91,3.05,34.75,8.01,2.07,2.12,3.11,4.75,3.03,7.58-1,31.99-8.88,39.61-18.29,45.68Z'/%3E%3C/svg%3E");
}

.mobile__icon {
    display: none;
}

.icons__menu {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_Слой_1' data-name='Слой 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 13'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23232323; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='0' y='0' width='20' height='1.625' rx='.812' ry='.812'/%3E%3Crect class='cls-1' x='0' y='5.688' width='20' height='1.625' rx='.812' ry='.812'/%3E%3Crect class='cls-1' x='0' y='11.375' width='20' height='1.625' rx='.812' ry='.812'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.mobile__container-show {
    display: none;
}

.help-cover {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    background: hsl(0deg 0% 0% / 65%);
}

.help-cover-flex {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.block-help {
    background: hsl(0deg 0% 100%);
    padding: 2rem;
    border-radius: .4rem;
    position: relative;
}

.close-help {
    width: 100%;
    left: 0;
    bottom: -1.5rem;
    text-align: center;
    display: block;
    background: hsl(0deg 0% 96.08%);
    color: hsl(0deg 0% 53.54%);
    position: absolute;
    padding: .75rem;
    border-radius: 0 0 .4rem .4rem;
    transition: var(--transition, .4s);
}

.title-help {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
}

.title-sub-help {
    margin: 0 0 1rem 0;
    font-size: .945rem;
    color: var(--pallete-text\[secondary\]);
}

.links-help {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.links-help a {
    display: inline-block;
    background: hsl(0deg 0% 96.06%);
    color: hsl(0deg 0% 28.35%);
    border-radius: .4rem;
    padding: .5rem 1rem;
    margin: 0 0 1rem 0;
    transition: var(--transition, .45s);
}

.close-help:hover {
    background: var(--plyr-color-main);
    color: hsl(0deg 0% 100%);
}

.links-help a:hover {
    background: hsl(0deg 0% 89.06%);
}

.social_network {
    display: flex;
    font-size: 1.5rem;
    margin: 0 0 .75rem;
}

.social_network a {
    margin: 0 0 0 .5rem;
}

.social_network a:first-child {
    margin: 0;
}

.gallery__photo-array-m a {
    display: block;
    height: 13vw;
    border-radius: .4rem;
    overflow: hidden;
    background: var(--pallete-border\[primary\]);
}

.gallery__photo-array-m a:hover .lazyloaded {
    opacity: .5;
}

.lazyloaded-m {
    width: auto;
    min-width: 100%;
    height: 100%;
    transition: var(--transition);
    object-fit: cover;
    object-position: center;
    background: var(--pallete-border\[primary\]);
}

.notification-gallery, .notification-articles {
    width: 100%;
    background: var(--pallete-background\[hover\]);
    margin: 0 0 1rem 0;
    padding: 1rem 1rem 3rem 1rem;
    border-radius: .4rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.notification-articles {
     background: none;   
}

.notification-gallery img, .notification-articles img {
    width: 35%;
    object-fit: contain;
    margin: -2vw auto;
}

.notification-articles img {
     margin: 0 auto 2rem;   
}

.notification-description {
    font-size: .875rem;
    max-inline-size: 25rem;
    margin: 0 auto;
}

.margin-clear-05 {
    margin: 0 -.5rem;
}

.padding-clear-2 {
    padding: 0 0 0 1.5rem;
}

.logo img {
    height: 2rem;
}

@media screen and (max-width: 1325px) {
    .container {
        padding: 0 2rem;
    }
    .product__poster {
        height: 27vw;
    }
}

@media screen and (max-width: 1310px) {
    .photogallery__array li {
        height: 15vw;
    }
}

@media screen and (max-width: 1275px) {
    .catalog__products-image, .products__products-image {
        height: 11.5rem;
    }
}

@media screen and (max-width: 1250px) {
    .gallery__photo-array li img {
        height: 15vw;
    }
    .video__poster .plyr {
        height: 13vw;
    }
}

@media screen and (max-width: 1190px) {
    .gallery__photo {
        height: 14vw;
    }
    .plyr {
        height: 27vw;
    }
}

@media screen and (max-width: 1160px) {
    .catalog__products, .products__products {
        width: calc(100% / 3 - 1rem);
    }
    .catalog__products-image, .products__products-image {
        height: 20vw;
    }
    .product__photo-array li {
        height: 17vw;
    }
}

@media screen and (max-width: 1100px) {
    footer .group__block-4 {
        width: 50%;
        margin: 0 0 2rem;
        padding: 0;
    }
    footer .group__block-4:first-child {
        order: 3;
    }
    footer .group__block-4:last-child {
        order: 4;
    }
    footer .group__block-4:nth-child(2) {
        order: 1;
    }
    footer .group__block-4:nth-child(3) {
        order: 2;
    }
}

@media screen and (max-width: 1064px) {
    .gallery__photo-array-m a {
    height: 19vh;
}
}

@media screen and (max-width: 1055px) {
    .materials__article {
        width: calc(100% / 2 - 2rem);
    }
    .materials__article:last-child {
        width: 100%;
    }
    .materials__article:last-child .materials__article-image {
        width: 50%;
        margin: 1rem auto;
        display: block;
    }
}

@media screen and (max-width: 960px) {
    .product__photo-array li {
        height: 23vw;
    }
}

@media screen and (min-width: 970px) {
    .top__list_navigation {
        display: flex !important;
    }
}

@media screen and (max-width: 970px) {
    .mobile__icon {
        display: block;
    }
    .product__poster {
        height: 36vw;
    }
    .group__block-10\% {
        width: 19vw;
    }
    .group__block-90\% {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .top__list_navigation {
        position: absolute;
        top: 9rem;
        left: 0;
        padding: 1rem 0;
        background: hsl(0deg 0% 100% / 87%);
        width: 100%;
        justify-content: center;
        z-index: 1;
        backdrop-filter: blur(1rem);
        display: none;
        text-align: center;
    }
    .top__list_navigation li {
        display: inline-block;
    }
    .catalog__navagation {
        display: none;
    }
    .group__block-4\/1 {
        width: 100%;
        padding: 0;
    }
    .catalog__products, .products__products {
        width: calc(100% / 4 - 1rem);
    }
    .contacts .group__block-2 {
        width: 100%;
    }
    .contacts iframe {
        position: relative;
        width: 100%;
        height: 40vw;
        background: var(--pallete-background\[hover\]);
        border-radius: .4rem;
    }
    .contacts__information {
        display: flex;
        flex-wrap: wrap;
    }
    .contacts {
        margin: 2rem 0;
    }
    .container__information {
        width: calc(100% / 2);
        padding: 0 1rem 0 0;
    }
    .contacts__list_social {
        font-size: 1.85rem;
        flex-wrap: wrap;
    }
    .gallery__photo-array li a img {
    height: 25vw;
}
    .video__poster .plyr {
        height: 17vw;
    }
    .photogallery__array li {
        height: 21vw;
    }
}

@media screen and (max-width: 850px) {
    .media .group__block-2 {
        width: 100%;
    }
    .gallery__photo {
        height: 26vw;
    }
    .plyr {
        height: 52vw;
    }

    .gallery__main {
        margin: 1.4rem 0 1rem 0;
    }
}

@media screen and (max-width: 840px) {
    .mobile__container-show {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .mobile__container-show .group__block-2 {
        width: 100%;
        margin: 1rem 0 0;
    }
    .top__list_number li a {
        border: none;
        font-size: 1rem;
        padding: 1rem;
    }
    .top__list_number li::after {
        content: none;
    }
    .top__list_social {
        width: 50vw;
        margin: -1.5rem auto .5rem;
    }
    .top__list_social li a {
        border: none;
        padding: .25rem;
    }
    .top__main {
        padding: 1.35rem 0;
    }
    .top__panel {
        display: none;
    }
    .top__list_navigation {
        top: 5rem;
        flex-direction: column;
        align-items: center;
        padding: 0;
    }
    .top__list_navigation li {
        margin: 0;
        width: 100%;
    }
    .top__list_navigation a {
        display: block;
        padding: 1rem;
        border-bottom: .01rem solid hsl(0deg 0% 85.04%);
    }
    .itch-slider-item-title {
        font-size: 2rem;
        max-inline-size: 90%;
        margin: auto;
    }
    .itch-slider-item-text {
        padding: 1rem 0 1.5rem;
        max-inline-size: 75%;
        margin: 0 auto;
    }
    .itc-slider-item-width {
        text-align: center;
        width: 100%;
    }
}

@media screen and (max-width: 825px) {
    .products__array .group__block-2 {
        width: 100%;
    }
    .product__photo-information {
        padding: 0 20vw;
        margin: 0 0 1.5rem 0;
    }
    .button__mobile {
        margin: 1.5rem 0;
    }
    .product__poster {
        height: 50vw;
    }
}

@media screen and (max-width: 790px) {
    .article__description p img {
        height: 59vw;
    }
    .article__description ol {
        padding: 0 0 0 2rem;
    }
}

@media screen and (max-width: 760px) {
    .catalog__products, .products__products {
        width: calc(100% / 3 - 1rem);
    }
    .catalog__products-image, .products__products-image {
        height: 26vw;
    }
    .photogallery__array li {
        width: calc(100% / 3 - 1rem);
        height: 25vw;
    }
}

@media screen and (max-width: 730px) {
.gallery__photo-array-m a {
    width: calc(100% / 2 - 1rem);
    height: 24vw;
}
}

@media screen and (max-width: 665px) {
    .gallery__photo-array li {
        width: calc(100% / 2 - 1rem);
    }
    .gallery__photo-array li a img {
    height: 36vw;
}
    .video__poster .plyr {
        height: 25vw;
    }
}

@media screen and (max-width: 650px) {
    .materials__article {
        width: 100%;
        margin: 1rem;
    }
    .materials__article-image {
        height: 50vw;
    }
    .materials__article:last-child .materials__article-image {
        width: 100%;
        margin: 1.5rem 0;
        display: block;
    }
}

@media screen and (max-width: 565px) {
    .container {
        padding: 0 1rem;
    }
    .catalog__products, .products__products {
        width: calc(100% / 2 - 1rem);
    }
    .catalog__products-image, .products__products-image {
        height: 38vw;
    }
    .banner {
        height: 110vw;
    }
}

@media screen and (max-width: 550px) {
    .group__block-10\% {
        width: 28vw;
    }
    .top__main {
        padding: 1.4rem 0;
    }
    .pagination {
        justify-content: center;
    }
    .top__list_social {
        width: 75%;
    }
    .gallery__photo-array-m a {
    height: 29vw;
}
}

@media screen and (max-width: 520px) {
    .container__information {
        width: 100%;
        padding: 0;
    }
    .contacts iframe {
        height: 50vw;
    }
    .top__list_navigation li {
        margin: 0;
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width: 500px) {
    footer .group__block-4 {
        width: 100%;
        margin: 0 0 1.35rem;
    }
    footer .group__block-4:first-child {
        order: 4;
    }
    footer .group__block-4:last-child {
        order: 3;
        margin: 0 0 3.5rem;
    }
}

@media screen and (max-width: 480px) {
    .photogallery__array li {
        width: calc(100% / 2 - 1rem);
        height: 35vw;
    }
    .product__photo-array li {
        width: calc(100% / 2 - .5rem);
        height: 31vw;
        margin: .25rem;
    }
    .product__photo-array li:nth-child(2) {
        border-radius: 0 .4rem 0 0;
    }
    .product__photo-array li:nth-child(3) {
        border-radius: 0;
    }
    .product__photo-array li:nth-child(5) {
        border-radius: 0 0 0 .4rem;
    }
    .product__photo-array li:nth-child(4) {
        border-radius: 0;
    }
}

@media screen and (max-width: 450px) {
    .gallery__photo {
        width: calc(100% / 2 - .5rem);
        height: 36vw;
    }
    .gallery__photo:nth-child(3) {
        border-radius: 0;
    }
    .gallery__photo:nth-child(2) {
        border-radius: 0 .4rem 0 0;
    }
    .gallery__photo:nth-child(4) {
        border-radius: 0;
    }
    .gallery__photo:nth-child(5) {
        border-radius: 0 0 0 .4rem;
    }
    .itch-slider-item-text {
        display: none;
    }
    .itch-slider-item-title {
        font-size: 1.75rem;
        line-height: 1.2;
        max-inline-size: 90%;
        margin: 0 auto 3rem auto;
    }
    .banner {
        height: 95vw;
    }
    .video__poster .plyr {
        height: 52vw;
    }
    .gallery__photo-array.video__poster li {
        width: 100%;
    }
    .gallery__title {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 425px) {
    .catalog__products, .products__products {
        width: calc(100% / 2 - .5rem);
        margin: 0 .25rem 1.5rem;
    }
    .catalog__products-image, .products__products-image {
        height: 39vw;
    }
}

@media screen and (max-width: 410px) {
    .product__photo-information {
        height: 69vw;
        padding: 0 10vw;
    }
    .product__poster {
        height: 70vw;
    }
    .block-padding-horizontal {
        padding: 0 .5rem;
        margin: 1rem 0;
    }
}

@media screen and (max-width: 400px) {
    .itch-slider-item-title {
        font-size: 8vw;
        max-inline-size: 100%;
    }
    .catalog__name, .products__name {
        overflow-wrap: anywhere;
    }
    .top__list_social {
        width: 90%;
    }
}

@media screen and (max-width: 370px) {
    .gallery__photo-array li {
        width: 100%;
    }
.gallery__photo-array li a img {
    height: 65vw;
}
}

@media screen and (max-width: 340px) {
    .top__list_number {
        display: flex;
        flex-direction: column;
        margin: 0 0 .5rem;
    }
    .top__list_number li a {
        border: none;
        font-size: 1rem;
        padding: .5rem 0;
    }
    .catalog__title, .useful__title, .contacts__title {
        font-size: 1.75rem;
        line-height: 1.2;
    }
    .catalog__title-podtext, .useful__title-podtext {
        position: relative;
        top: .5rem;
        font-size: .875rem;
    }
    .container {
        padding: 0 1rem;
    }
    .catalog__products, .products__products {
        width: 100%;
        margin: 0 .5rem 1rem;
    }
    .catalog__products-image, .products__products-image {
        height: 65vw;
    }
    .photogallery__array li {
        height: 70vw;
    }
    .photogallery__array li {
        width: 100%;
    }
    .mobile__icon {
        z-index: 5;
    }

}

@media screen and (max-width: 330px) {
    .article__description ul {
        font-size: 90%;
        padding: 0 0 0 1.25rem;
    }
}

@media screen and (max-width: 290px) {
.gallery__photo-array-m a {
    width: 100%;
    height: 50vw;
}
}

@media screen and (max-height: 580px) and (max-width: 840px) {
    .top__list_navigation {
        height: calc(100vh - 82px);
    }
}


.show__check {
    display: flex;
}

.fixed__body {
    padding-right: 17px;
}

.fixed__body::-webkit-scrollbar {
  width: 17px;  
}

.fixed__body::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
  border: 1px solid #ffffff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5) inset;
  min-height: 17px; /* задаем высоту скроллбара */
}

@media screen and (max-width: 768px) {
    .fixed__body {
        padding-right: 0;
    }
}

hr {
    margin: 1.5rem 0 1rem 0;
    display: block;
    padding: 0 1.45rem 0 0;
    border: none;
    border-bottom: .01rem solid var(--pallete-border\[primary\], hsl(240deg 11.53% 94.66%));
}

table {
    margin: 0 auto;
    border-collapse: collapse;
    border-width: .01rem;
    border-color: var(--pallet-border\[secondary\], hsl(0deg 0% 82.68%));
}

td {
    padding: .25rem;
    text-align: center;
}

tr:first-child {
    background: var(--pallete-background\[hover\]);
}

blockquote {
    background: hsl(36deg 100% 95.59%);
    color: hsl(36.28deg 69.96% 43.08%);
    border-radius: .4rem;
    padding: 1rem;
    margin: 1.5rem 0;
    border: .01rem solid hsl(35.45deg 79.9% 84.33%);
}

.grid {
    margin: -.5rem -.25rem 0;
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer, .grid-item {
    width: calc(100% / 4 - .5rem);
    margin: 0 .25rem .5rem;
}

.grid-item a {
    transition: var(--transition);
}

.grid-item a:hover {
    opacity: .5;
}

@media screen and (max-width: 700px) {
    .grid-sizer, .grid-item {
        width: calc(100% / 3 - .5rem);
    }
}

@media screen and (max-width: 445px) {
    .grid-sizer, .grid-item {
        width: calc(100% / 2 - .5rem);
    }
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  width: 100%;
}

.masonry {
    border-radius: .4rem;
    overflow: hidden;
    transition: max-height 0.25s ease-in;
    transition-delay: .35s;
}

@media screen and (max-width: 580px) {
    .breadcrumb ul {
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 580px) {
    .products__title-main {
        font-size: 1.5rem;
    }
}

.gallery__video-array {
    margin: -.5rem;
}

.gallery__video-array li {
    width: calc(100% / 3 - 1rem);
    margin: .5rem;
    cursor: pointer;
    transition: var(--transition);
}

.gallery__video-array li:hover {
    transform: translateY(-.5rem);
}

.gallery__video-array li img {
    width: 100%;
    height: 11.5rem;
    object-fit: cover;
    border-radius: .4rem;
    margin: 0 0 1.3rem 0;
    background: var(--pallete-background\[hover\]);
}

@media screen and (max-width: 843px) {
    .gallery__video-array li img {
    height: 19vw;
}
}

@media screen and (max-width: 675px) {
    .gallery__video-array li img {
    height: 26vw;
}
.gallery__video-array li {
    width: calc(100% / 2 - 1rem);
}
}

@media screen and (max-width: 435px) {
    .gallery__video-array li img {
    height: 50vw;
}
.gallery__video-array li {
    width: 100%;
}
}

.masonry-image {
    display: flex;
    flex-wrap: wrap;
}

.masonry-image img {
    width: calc(100% / 2 - 1rem);
    max-width: calc(100% / 2 - 1rem);
    min-width: calc(100% / 2 - 1rem);
    max-height: 24vw;
    min-height: 8rem;
    margin: .5rem;
}

@media screen and (max-width: 375px) {
    .masonry-image img {
    min-height: 13vh;
}
}

.masonry-image {
    margin: -.5rem;
}

.masonry-image a {
    width: calc(100% / 2 - 1rem);
    min-height: 10vw;
    max-height: 20rem;
    margin: .5rem;
    transition: var(--transition);
}

.masonry-image a:hover {
    opacity: .6;
}

.masonry-image a img {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
    margin: 0;
    padding: 0;
}

.products__array .group {
    margin: 0 -.5rem;
}

.products__array .group.card__information-products {
    margin: 0;
}

:root {
    --pallete-text\[primary\]: hsl(0, 0%, 9%);
    --pallete-text\[secondary\]: hsl(0, 0%, 55%);
    --pallete-color\[primary\]: hsl(8.83deg 80.96% 50.39%);
    --pallete-color\[primary\:hover\]: hsl(8.83deg 100% 65.99%);
    --pallete-url\[secondary\]: hsl(240, 5.3%, 26.1%);
    --pallete-url\[secondary\:hover\]: hsl(240, 5.3%, 26.1%, .85);
    --pallet-border\[secondary\]: hsl(0deg 0% 82.68%);
    --pallete-border\[primary\]: hsl(240deg 11.53% 94.66%);
    --pallete-background\[hover\]: hsl(210.42deg 12.03% 98.21%);
    --transition: .25s;
    --plyr-color-main: var(--pallete-color\[primary\]);
}