/*used var*/
.header--color_colored {
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
}

.color-theme {
  color: #9e9e9e;
  color: var(--theme-base-color);
}

.color-theme-hover:hover,
.color-theme-parent:hover > .color-theme-target,
.color-theme-parent-all:hover .color-theme-target,
.color-theme-hover-no-active:not(.active):hover {
  color: #9e9e9e;
  color: var(--fill_dark_light_hover);
}

.bg-theme,
.bg-theme-before:before,
.bg-theme-after:after,
.bg-theme-active.active,
.active .bg-theme-active-child {
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
}
.bg-theme-hover:hover,
.bg-theme-parent-hover:hover .bg-theme-target {
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
}
.bg-theme-parent-hover:hover .bg-theme-target.btn-transparent-border {
  color: #fff;
}
.bg-theme-white-hover:hover,
.bg-theme-white-parent-hover:hover .bg-theme-target {
  background-color: #9e9e9e;
  background-color: var(--fill_dark_light_white_hover);
}
.bg-theme-active.active,
.active .bg-theme-active-child {
  background-color: #9e9e9e;
  background-color: var(--theme-more-color);
}
.bg-theme-hover-active:hover.active {
  background-color: #9e9e9e;
  background-color: var(--theme-base-color) !important;
}
.bg-theme-hover-active:hover.active {
  background-color: #9e9e9e;
  background-color: var(--theme-more-color) !important;
}

.bg-opacity-theme,
.bg-opacity-theme-before:before,
.bg-opacity-theme-after:after,
.bg-opacity-theme-hover:hover,
.bg-opacity-theme-parent-hover:hover .bg-opacity-theme-target,
.bg-opacity-theme-active.active {
  background-color: #9e9e9e;
  background-color: var(--opacity_dark_light_hover);
}

.border-theme,
.border-theme-hover:hover,
.border-theme-active.active,
.border-theme-parent-hover:hover .border-theme-target,
.active .border-theme-active-child {
  border-color: #9e9e9e;
  border-color: var(--theme-base-color);
}

.fill-theme svg *,
.fill-theme-use-svg svg,
.fill-theme-svg {
  fill: #9e9e9e;
  fill: var(--theme-base-color);
}
.fill-theme svg .no-fill {
  fill: none;
}
@media (any-hover: hover) {
	.fill-theme-hover:hover *,
	.fill-theme-use-svg-hover:hover *,
	.fill-theme-parent:hover > .fill-theme-target *,
	.fill-theme-parent-all:hover .fill-theme-target * {
		fill: #9e9e9e;
		fill: var(--fill_dark_light_hover);
	}
	.fill-white-parent-all:hover .fill-white-target use {
		fill: #fff;
	}
}

.fill-use-svg-999,
.fill-use-999 svg {
  fill: var(--secondary-text);
}
.fill-use-svg-888,
.fill-use-888 svg {
  fill: #888;
}
.fill-use-svg-fff,
.fill-use-fff svg {
  fill: #fff;
}
.stroke-use-svg-999,
.stroke-use-999 svg {
  stroke: var(--secondary-text);
}
.stroke-use-svg-888,
.stroke-use-888 svg {
  stroke: #888;
}
.stroke-use-svg-grey,
.stroke-use-grey svg {
  stroke: #b8b8b8;
}
.stroke-use-svg-fff,
.stroke-use-fff svg {
  stroke: #fff;
}

.stroke-theme *,
.stroke-theme-use-svg svg,
.stroke-theme-svg {
  stroke: #9e9e9e;
  stroke: var(--theme-base-color);
  stroke: var(--fill_dark_light_white_hover);
}
.stroke-theme-hover:hover *,
.stroke-theme-use-svg-hover:hover *,
.stroke-theme-parent:hover > .stroke-theme-target,
.stroke-theme-parent-all:hover .stroke-theme-target * {
  stroke: #9e9e9e;
  stroke: var(--fill_dark_light_hover);
}
.stroke-white-parent-all:hover .stroke-white-target use {
  stroke: #fff;
}

.active.js-item-action .stroke-theme-target {
  stroke: var(--theme-base-color);
}
.active.js-item-action .fill-theme-target {
  fill: var(--fill_dark_light_white_hover_80);
}

.fancybox-slide--html .fancybox-close-small:hover path,
.fancybox-button:hover path {
  fill: #9e9e9e;
  fill: var(--fill_dark_light_hover);
}

@media (max-width: 1200px) {
  .header-menu--bottom-1200.header-menu--color_colored {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
  }
}

.bg-more-theme {
  background-color: #9e9e9e;
  background-color: var(--theme-more-color);
}
.fill-more-theme {
  fill: #9e9e9e;
  fill: var(--theme-more-color) !important;
}
.colored_theme {
  color: var(--fill_dark_light_white_hover);
}
.colored_theme_bg,
.colored_theme_bg_hover:hover,
.colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el {
  background-color: var(--theme-base-color);
}
body .colored_bg_in_dark {
  background-color: var(--theme-base-color);
}
.colored_theme_bg2_hover:hover {
  background-color: hsl(
    var(--dark_light-wtheme-hue),
    var(--dark_light-wtheme-saturation),
    var(--dark_light-wtheme-lightness)
  );
}
.dark-color:hover,
a.colored,
.colored {
  color: var(--fill_dark_light_white_hover);
}
a {
  color: var(--fill_dark_light_white_hover);
}
a.colored:hover,
.colored:hover {
  color: var(--fill_dark_light_hover);
}
a:active {
  color: var(--fill_dark_light_hover);
}

.fill-dark-light,
.fill-dark-light path,
.fill-dark-light-block path {
  fill: var(--fill_dark_light);
}
.fill-dark-light-block:hover path {
  fill: var(--fill_dark_light_hover);
}
.stroke-dark-light-block path {
  stroke: var(--fill_dark_light);
}
.stroke-dark-light-block:hover path {
  stroke: var(--fill_dark_light_hover);
}

.stroke-dark-light,
.stroke-dark-light-block path {
  stroke: var(--fill_dark_light);
}
.stroke-dark-light-block:hover path {
  stroke: var(--fill_dark_light_hover);
}
a:hover,
a:focus {
  color: var(--fill_dark_light_ccc);
}
.fill_card_bg_hover_black {
  fill: var(--card_bg_hover_black);
}

.color-white-hover-parent:hover .color-white-hover-target {
  color: #fff
}

/* custom */
.style-switcher .options > div.more_color.current > span,
.style-switcher .options > div.more_color.current > span:hover {
  border-color: #9e9e9e;
  border-color: var(--theme-more-color);
}
.uploader.hover {
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
}
.opened .link-with-flag:before {
  background-color: #9e9e9e;
  background-color: var(--theme-more-color);
}
.bx_filter .bx_ui_slider_track .bx_ui_slider_handle:after {
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
}

@media (any-hover: hover) {
	.uploader .resetfile:hover {
		background-color: #9e9e9e;
		background-color: var(--theme-base-color);
		border-color: #9e9e9e;
		border-color: var(--theme-base-color);
	}
	.side-icons__item:hover {
		background-color: #9e9e9e;
		background-color: var(--theme-base-color);
		border-color: #9e9e9e;
		border-color: var(--theme-base-color);
	}

	.colored_more_theme_bg2_hover:hover {
		background-color: hsl(
			var(--theme-more-color-hue),
			var(--theme-more-color-saturation),
			calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff))
		);
	}
}

.cluster_custom .cls-cluster2 {
  fill: var(--theme-base-color);
}