:root { --main-color: #000000e8;
--ok-color: #55ff00;
--error-color: #e0292d;  --hover-black-color: #6b6b6b;
--light-grey: #343434;
--extra-light-grey: #34343417;
--box-shadow-main: 0 0 20px 0 rgba(0, 0, 0, .1);  --tab-color: #c8e2c0;
--tab-font-color: #555555;
--tab-font-color-hover: #ffffff;  --title-tabs-background: #00abc6e3;
--title-tabs-background-hover: #00abc6;
--title-tabs-font-color: #ffffff;
--title-tabs-font-color-hover: #ffffff;
--tabs-color: #8e8e8e;       --next-prev-top-button-categories: 145px;    --next-prev-top-button-blog: 120px;
--next-button-blog: 10px;
--prev-button-blog: 5px;       --menu-font-size: 14px;   --margin-left-swiper-correction: -30px;
--margin-left-swiper-correction_adaptive_905: 0;
--margin-left-swiper-correction_adaptive_1300_swiper_wrapper: 27px;
--margin-left-swiper-correction_adaptive_480: 0;
--margin-left-swiper-correction_adaptive_320: 0;  --h1-singular-and-shop: 28px;
--font-size-h1-adaptive-905: 19px;  --red--: #ff0000; }   .producers_expand_menu img {
max-width: 80%;
}
#fade_out {
display: none;
width: 100vw;
height: 100vw;
background: rgba(0, 0, 0, 0.67);
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 100000;
position: fixed;
}
#tabs {
background-color: var(--title-tabs-background);
padding: 4px 12px;
border-radius: 5px;
text-align: center;
margin-bottom: 8px;
letter-spacing: 0.09em;
width: fit-content;
font-size: 15px;
margin-right: 14px;
color: var(--title-tabs-font-color);
text-transform: lowercase;
}
#tabs:hover {
color: var(--title-tabs-font-color);
background: var(--title-tabs-background-hover);
cursor: pointer;
}
@media screen and (max-width: 905px) {
#fade_out {
width: 100%;
height: 100%;
}
}