/**
 * Кастомные стили (корень сайта /css — не затираются обновлением модуля).
 *
 * Подключение: в шаблоне Helix — Custom CSS / произвольный CSS,
 * или одна строка в index.php шаблона / через плагин custom HTML:
 *   <link href="/css/custom.css" rel="stylesheet">
 *
 * В настройках модуля MyCitySelector — поле «CSS-класс модуля»:
 *   mcs-mod-align-right
 */

/*
 * MyCitySelector: только строка с названием (a.current-location).
 * Модалка и тултип лежат ВНУТРИ .mcs-module-inner — нельзя давать text-align/flex предкам.
 */
.sp-module.mcs-mod-align-right {
	margin-inline-start: auto;
}

/* Vue-бандл задаёт .mcs-module { width: 200px } — снимаем, иначе город не доходит до края колонки */
.sp-module.mcs-mod-align-right .sp-module-content,
.sp-module.mcs-mod-align-right .mcs-app,
.sp-module.mcs-mod-align-right .mcs-module {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.sp-module.mcs-mod-align-right .mcs-module-inner {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.sp-module.mcs-mod-align-right .mcs-module-inner > a.current-location {
	float: right;
}

.sp-module.mcs-mod-align-right .mcs-module-inner::after {
	content: "";
	display: table;
	clear: both;
}

.sp-module.mcs-mod-align-right .mcs-dialog {
	text-align: left;
}

/* «Санкт-Петербург ваш город?» — в бандле left:-15px от .mcs-module; при ширине 100% тултип уезжает влево */
.sp-module.mcs-mod-align-right .mcs-module .question-popup {
	left: auto;
	right: -15px;
}

.sp-module.mcs-mod-align-right .mcs-module .question-triangle-top,
.sp-module.mcs-mod-align-right .mcs-module .question-triangle-bottom {
	left: auto;
	right: 40px;
}

.p-module.mcs-mod-align-right {
	margin-inline-start: auto;
}

.p-module.mcs-mod-align-right .p-module-content,
.p-module.mcs-mod-align-right .mcs-app,
.p-module.mcs-mod-align-right .mcs-module {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.p-module.mcs-mod-align-right .mcs-module-inner {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.p-module.mcs-mod-align-right .mcs-module-inner > a.current-location {
	float: right;
}

.p-module.mcs-mod-align-right .mcs-module-inner::after {
	content: "";
	display: table;
	clear: both;
}

.p-module.mcs-mod-align-right .mcs-dialog {
	text-align: left;
}

.p-module.mcs-mod-align-right .mcs-module .question-popup {
	left: auto;
	right: -15px;
}

.p-module.mcs-mod-align-right .mcs-module .question-triangle-top,
.p-module.mcs-mod-align-right .mcs-module .question-triangle-bottom {
	left: auto;
	right: 40px;
}


a, .uk-link {
    color: #888;
    text-decoration: none;
    cursor: pointer;
}

#offcanvas-toggler>i {
    color: #262f31;
}

.offcanvas-menu {
color: #262f31;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #262f31;
  padding: 20px;
}
.sppb-chart-icon {
color: #e82e2b;
}


.category-module{color:#999;box-sizing:border-box}.category-module ul >li, .sppb-addon-module ul>li{display:block;border-bottom:1px solid #202020;-webkit-transition:300ms;transition:300ms;padding:5px
0;text-align:-webkit-match-parent}ul.social-icons{list-style:none;padding:0;margin:-5px;display:inline-block}ul.social-icons>li{display:inline-block;margin:5px
7px}ul.social-icons >li
a{color:#999}.sp-contact-info{float:right;list-style:none;padding:0;margin:0
-10px;color:#fff}.sp-contact-info
li{display:inline-block;margin:0
10px;font-size:90%}.sp-contact-info li
i{margin:0
3px}.sp-contact-info li
i.pe{font-size:125%;line-height:1;margin-top:-2px;vertical-align:middle}.header__tel{font-size:13px;line-height:15px;font-weight:300;position:relative;color:#949494}.header__tel
a{display:block;font-size:18px;font-weight:600;color:#fff;line-height:24px;text-decoration:none}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner
{
height: 480px;
overflow-x: hidden;
overflow-y: scroll;
}
::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:5px;
height:0px
}

::-webkit-scrollbar-track {
background-color:#ecedee
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 50px;
border-radius: 50px;
background-color:#262f31;
}

::-webkit-scrollbar-thumb:hover{
background-color:#262f31;
}

::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:5px;
height:0px
}

::-webkit-scrollbar{
width: 5px;
}