/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

/* Блоки в корзине */
.basket_order .foot {
    background: #fafafa !important;
}
.header-cart .foot {
    background-color: #fafafa !important;
}

/* Заголовок слайдера */
.banners-big__title, .banners-big__title h1, .banners-big__top-text, .banners-tizers__name, .banners-tizers__top-text {
    color: #1d2b50;
}

/* Пункт меню */
#main .header--color_colored:not(.bg_none) .filial4 {
    color: #ed6b06 !important;
}
#main .header--color_colored:not(.bg_none) .filial4:hover {
    color: white !important;
}

/* Меню */
#main .header--color_colored:not(.bg_none) .light-opacity-hover:hover {
    opacity: .99;
    color: #ed6b06;
}
.burger-menu--dark .burger-menu__link--light:hover {
    color: #ed6b06;
}

/* Слоган */
.slogan__text {
    opacity: 0.99;
	color: #ed6b06 !important;
}
.mega-fixed-menu__row .slogan__text {
    font-size: 16px;
	color: white !important;
} 

/* Хедер */
.header--color_colored {
    background-color: #1d2b50 !important;
}
.fill-theme-hover:hover {
    color: #ed6b06;
}

/* Логотип */
.fill-theme-svg-2 {
    fill: #ed6b06;
}
.fill-theme-svg-3 {
    fill: #1d2b50;
}
#main .header--color_colored:not(.bg_none) .menu-light-icon-fill .fill-theme-svg-2 {
    fill: #ed6b06 !important;
}
#main .header--color_dark:not(.bg_none) .menu-light-icon-fill .fill-theme-svg-2 {
    fill: #ed6b06 !important;
}
.fill-theme-svg-5 {
    fill: #ed6b06;
}
.fill-theme-svg-4 {
    fill: white;
}
#main .header--color_colored:not(.bg_none) .menu-light-icon-fill .fill-theme-svg-5 {
    fill: #ed6b06 !important;
}
#main .header--color_dark:not(.bg_none) .menu-light-icon-fill .fill-theme-svg-5 {
    fill: #ed6b06 !important;
}

/* Стикеры в блоге */
.sticker__item--bordered {
    background: transparent;
}

/* Цвет фона баннеров внизу страницы */
.banners-fon-list__item {
background-color: var(--light,#f1f1f1) var(--dark,#273b68);
}

/* Синий футер */
.footer {
    background: #141f35;
}
.footer__pays--on-line {
    background: #141f35;
}

/* Стили от шаблона */
/* start logic dark-light*/
:root {
  --ON_toggle: initial;
  --OFF_toggle: ;
}

/* Light theme is on by default */
.theme-default,
.theme-light {
  --light: var(--ON_toggle);
  --dark: var(--OFF_toggle);
}

/* Dark theme is off by default */
.theme-dark {
  --light: var(--OFF_toggle);
  --dark: var(--ON_toggle);
}

body {
  --white_text_black: var(--light, #1d2b50) var(--dark, white);
  --white_text_black_reverse: var(--light, #1d2b50) var(--dark, #333);
  --basic_text_black: var(--light, #1d2b50) var(--dark, #ccc);
  --light_basic_text_black: var(--light, #1d2b50) var(--dark, #ccc);

  --black_bg_black: var(--light, #fff) var(--dark, #141f35);
  --darkerblack_bg_black: var(--light, #f8f8f8) var(--dark, #0e1826);
  --stroke_black: var(--light, #e5e5e5) var(--dark, #273b68);
  --stroke_black_hover: var(--light, #fff) var(--dark, #273b68);
  --card_bg_black: var(--light, #fff) var(--dark, #1d2b50);
  --card_bg_hover_black: var(--light, #fff) var(--dark, #223359);
  --arrows_bg_black: var(--light, #fff) var(--dark, #273b68);

  --light_bg_black: var(--light, #141f35) var(--dark, #141f35);
  --light2_bg_black: var(--light, #fafafa) var(--dark, #1d2b50);
  --gray_bg_black: var(--light, #ccc) var(--dark, #273b68);
  --white_bg_ccc: var(--light, #fff) var(--dark, #ccc);

  --fill_dark_light: var(--light, #333) var(--dark, #fff);
  --fill_dark_light_ccc: var(--light, #333) var(--dark, #ccc);
  --fill_dark_light_hover: var(--light, var(--theme-base-color)) var(--dark, #ccc);
  --fill_dark_light_white_hover: var(--light, var(--theme-base-color)) var(--dark, #fff);

  --dark_light-wtheme-hue: var(--light, var(--theme-base-color-hue)) var(--dark, 0);
  --dark_light-wtheme-saturation: var(--light, var(--theme-base-color-saturation)) var(--dark, 0%);
  --dark_light-wtheme-lightness: var(--light, var(--theme-base-color-lightness)) var(--dark, 100%);
  --dark_light-hue: var(--light, 0) var(--dark, 0);
  --dark_light-saturation: var(--light, 0%) var(--dark, 0%);
  --dark_light-lightness: var(--light, 97%) var(--dark, 7%);

  --checkbox_dark_light: var(--light, #afafaf) var(--dark, #273b68);
  --opacity_dark_light_hover: var(--light, var(--theme-base-opacity-color)) var(--dark, #273b68);

  --dff_dark_light: var(--light, #fff) var(--dark, #0e1826);
}

/* If user prefers dark, then that's what they'll get */
@media (prefers-color-scheme: dark) {
  .theme-default {
    --light: var(--OFF_toggle);
    --dark: var(--ON_toggle);
  }
}
/* end logic*/