:root {
	/* ===== НАСТРАИВАЕМ ТОЛЬКО ЭТИ ЦВЕТА ===== */

	--banner-bg-left: #F12711;   /* фон слева */
	--banner-bg-right: #F5AF19;  /* фон справа */

	--btn-bg: #1A1A1A;          /* фон кнопки */
	--btn-text: #FFD700;        /* текст кнопки */

	/* остальные служебные цвета */
	--bg-text: #FDFBF7;
	--btn-shadow: rgba(17, 153, 142, 0.3);
}

/* скрытие уведомлений */
.gc-main-content:not(.with-left-menu) .top-notification-wrapper {
	display: none;
}

.common-banner-wrapper.hide_banners {
	display: none !important;
}

.info-wrapper .common-banner-wrapper {
	position: relative !important;
}

/* позиция баннера */
.common-banner-wrapper {
	left: 90px !important;
	bottom: 5px !important;
	z-index: 999 !important;
	display: flex !important;
	position: fixed !important;
	justify-content: flex-end !important;
	font-family: "proxima-nova", "Lato", Helvetica, Arial, sans-serif !important;
}

/* баннер */
.common-banner {
	display: flex !important;
	padding: 8px 22px 7px 7px !important;
	border-radius: 6px !important;
	max-height: 64px !important;

	background: linear-gradient(
		90deg,
		var(--banner-bg-left) 0%,
		var(--banner-bg-right) 100%
	) !important;

	color: var(--bg-text) !important;
}

/* текст */
.common-banner .banner-content {
	width: 250px !important;
	color: var(--bg-text) !important;
}

.common-banner .banner-content a {
	color: var(--bg-text) !important;
}

.common-banner .banner-title {
	font-size: 16.5px !important;
	font-weight: bold !important;
	margin: 6px 0 3px 0 !important;
	line-height: 16.18px !important;
	color: var(--bg-text) !important;
}

.common-banner .banner-title span {
	border: 1px var(--btn-bg) solid !important;
	border-radius: 6px !important;
	padding: 0.5px 2px !important;
	color: var(--bg-text) !important;
}

.common-banner .banner-text {
	font-size: 13px !important;
	line-height: 12.32px !important;
	color: var(--bg-text) !important;
}

.common-banner .banner-text span {
	font-weight: 600 !important;
	color: var(--btn-bg) !important;
}

/* кнопка */
.common-banner .banner-link {
	background: var(--btn-bg) !important;
	color: var(--btn-text) !important;

	text-transform: uppercase !important;
	font-size: 16px !important;
	font-weight: 600 !important;

	margin-left: 30px !important;
	margin-top: 9px !important;

	padding: 5px 3px !important;

	width: 175px !important;

	text-align: center !important;
	border-radius: 6px !important;
	display: inline-block !important;

	box-shadow: 0 2px 10px 2px var(--btn-shadow) !important;
}

/* защита от вложенных span внутри кнопки */
.common-banner .banner-link * {
	color: var(--btn-text) !important;
}

/* крестик */
.common-banner .banner-close {
	position: absolute !important;

	top: 0 !important;
	right: 0 !important;

	transform: translate(50%, -50%) !important;

	width: 22px !important;
	height: 22px !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	border-radius: 50% !important;
	background: #FFFFFF !important;

	color: var(--btn-text) !important;
	font-size: 16px !important;
	font-weight: 700 !important;

	margin: 0 !important;
	line-height: 1 !important;
	cursor: pointer !important;

	z-index: 10 !important;
}

/* ссылки */
.common-banner a {
	color: inherit !important;
	text-decoration: none !important;
	cursor: pointer;
}

/* структура */
.common-banner .banner-wrapper-content {
	display: flex !important;
	margin-left: 10px !important;
	align-items: flex-start !important;
}

.common-banner a.mobile {
	display: none !important;
}

/* подпись */
.common-banner__note {
	position: absolute !important;
	bottom: -7px !important;
	right: 27px !important;
	color: var(--bg-text) !important;
	font-size: 10px !important;
}

/* лого */
.common-banner .banner-logo {
	width: 55px !important;
	height: 55px !important;
	border-radius: 50%;
}

.mobile-show {
	display: none !important;
}

/* адаптив */
@media (max-width: 768px) {
	.common-banner-wrapper {
		left: 5px !important;
		bottom: 50px !important;
	}
}

@media (max-width: 560px) {
	.common-banner {
		padding: 5px 10px 10px !important;
		width: 363px !important;
	}

	.common-banner .banner-link {
		height: 14px !important;
		width: 83px !important;
		font-size: 10px !important;
		padding: 2px 4px !important;
		border-radius: 4px !important;
		position: absolute !important;
		line-height: 14px !important;
		top: 20px !important;
		right: 7px !important;
	}

	.common-banner .banner-wrapper-content {
		margin-top: -9px !important;
		margin-left: 12px !important;
	}

	
	.banner-wrapper-content {
		flex-direction: column !important;
	}

	.common-banner .banner-title {
		max-width: 203px !important;
		font-size: 13px !important;
	}

	.common-banner .banner-text {
		max-width: 180px !important;
		font-size: 10px !important;
	}

	.common-banner__note {
		right: 7px !important;
		font-size: 8px !important;
	}

	.mobile-show {
		display: block !important;
	}
}