/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');*/

/*body {*/
/*	margin: 0;*/
/*}*/

/*.sbp-header-text {*/
/*	display: none;*/
/*	background-color: #0090da;*/
/*	color: #fff;*/
/*	font-size: 18px;*/
/*	font-weight: bold;*/
/*	padding: 15px;*/
/*	position: sticky;*/
/*	text-align: center;*/
/*	top: 0;*/
/*	width: 100%;*/
/*	z-index: 999;*/
/*}*/

/*@media (max-width: 1200px) {*/
/*	.sbp-header-text {*/
/*		font-size: 14px;*/
/*		padding: 5px;*/
/*	}*/
/*}*/

/*.offer-banner-container {*/
/*	position: relative;*/
/*    z-index: 99;*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	padding: 10px 25px;*/
/*	background: linear-gradient(263.94deg, #7837E3 12.98%, #E730DF 121.99%);*/
/*}*/
/*.offer-banner-box {*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: space-between;*/
/*	width: 100%;*/
/*	max-width: 1530px;*/
/*	height: 100%;*/
/*}*/
/*.offer-banner-pic {*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*}*/
/*.offer-banner-pic img {*/
/*	z-index: 2;*/
/*	position: absolute;*/
/*	width: 40px;*/
/*}*/
/*!* .bg-pulse {*/
/*  display: block;*/
/*  width: 22px;*/
/*  height: 22px;*/
/*  border-radius: 50%;*/
/*  background: #cca92c;*/
/*  box-shadow: 0 0 0 rgba(113, 204, 180, 0.9);*/
/*  animation: pulse 1.5s infinite;*/
/*}*/
/*@-webkit-keyframes pulse {*/
/*  0% {*/
/*    -webkit-box-shadow: 0 0 0 0 rgba(113, 204, 180, 0.9);*/
/*  }*/
/*  70% {*/
/*      -webkit-box-shadow: 0 0 0 20px rgba(204,169,44, 0);*/
/*  }*/
/*  100% {*/
/*      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);*/
/*  }*/
/*}*/
/*@keyframes pulse {*/
/*  0% {*/
/*    -moz-box-shadow: 0 0 0 0 rgba(113, 204, 180, 0.9);*/
/*    box-shadow: 0 0 0 0 rgba(113, 204, 180, 0.9);*/
/*  }*/
/*  70% {*/
/*      -moz-box-shadow: 0 0 0 20px rgba(204,169,44, 0);*/
/*      box-shadow: 0 0 0 20px rgba(204,169,44, 0);*/
/*  }*/
/*  100% {*/
/*      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);*/
/*      box-shadow: 0 0 0 0 rgba(204,169,44, 0);*/
/*  }*/
/*} *!*/
/*.gold-gold {*/
/*	z-index: 1;*/
/*	left: 0;*/
/*	opacity: 0.9;*/
/*	position: absolute;*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	background-image: url(/public/images/goldgold.png);*/
/*	background-size: cover;*/
/*	background-repeat: no-repeat;*/
/*	background-position: bottom -10px right 5px;*/
/*	background-size: 150%;*/
/*	width: 140px;*/
/*	height: 100%;*/
/*}*/
/*.gold-gold2 {*/
/*	z-index: 1;*/
/*	right: 0;*/
/*	transform: scaleX(-1);*/
/*	position: absolute;*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	background-image: url(/public/images/goldgold.png);*/
/*	background-size: cover;*/
/*	background-repeat: no-repeat;*/
/*	background-position: bottom -10px right 5px;*/
/*	background-size: 150%;*/
/*	width: 140px;*/
/*	height: 100%;*/
/*}*/
/*.offer-banner-ttb {*/
/*	z-index: 3;*/
/*	display: flex;*/
/*	flex-wrap: wrap;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	width: 100%;*/
/*}*/
/*.offer-banner-tittle {*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	height: 100%;*/
/*	font-family: 'Roboto', sans-serif;*/
/*	font-weight: 500;*/
/*	font-size: 18px;*/
/*	color: #fff;*/
/*}*/
/*.offer-banner-tittle p {*/
/*	font-family: 'Roboto', sans-serif;*/
/*	font-weight: 900;*/
/*	font-size: 22px;*/
/*	color: #FCCF00;*/
/*	margin-left: 5px;*/
/*  margin-bottom: 4px;*/
/*}*/
/*.offer-banner-timer {*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	height: 100%;*/
/*	margin-top: 1px;*/
/*	margin-left: 40px;*/
/*}*/
/*.offer-banner-btn {*/
/*	z-index: 2;*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	font-family: 'Roboto', sans-serif;*/
/*	font-weight: 500;*/
/*	font-size: 16px;*/
/*	color: #fff;*/
/*	background: #ffae00;*/
/*	padding: 5px 15px 6px;*/
/*	!* border: 1px solid #fff; *!*/
/*	border-radius: 6px;*/
/*	margin-left: 40px;*/
/*}*/
/*.offer-banner-btn:hover {*/
/*	cursor: pointer;*/
/*	background: #dd9f19;*/
/*}*/
/*@media screen and (max-width: 1095px) {*/
/*	.offer-banner-timer {*/
/*    margin-left: 20px;*/
/*	}*/
/*	.offer-banner-btn {*/
/*    margin-left: 20px;*/
/*	}*/
/*}*/

/*@media screen and (max-width: 950px) {*/
/*	.offer-banner-pic {*/
/*		!* display: none; *!*/
/*	}*/
/*}*/

/*@media screen and (max-width: 695px) {*/
/*	.offer-banner-timer {*/
/*		margin-left: 0px;*/
/*	}*/
/*	.offer-banner-pic {*/
/*		display: flex;*/
/*	}*/
/*}*/
/*@media screen and (max-width: 617px) {*/
/*	.offer-banner-tittle {*/
/*    font-family: 'Roboto', sans-serif;*/
/*    font-weight: 500;*/
/*    font-size: 16px;*/
/*	}*/
/*}*/
/*@media screen and (max-width: 580px) {*/
/*	.offer-banner-pic {*/
/*		display: none;*/
/*	}*/
/*}*/

/*@media screen and (max-width: 500px) {*/
/*	.offer-banner-tittle {*/
/*		flex-wrap: wrap;*/
/*	}*/
/*}*/
/*@media screen and (max-width: 459px) {*/
/*	.offer-banner-btn {*/
/*		margin-left: 14px;*/
/*	}*/
/*}*/

/*@media screen and (max-width: 386px) {*/
/*    .offer-banner-ttb {*/
/*        margin-bottom: 0;*/
/*    }*/
/*    .offer-banner-tittle {*/
/*        margin-bottom: 0;*/
/*    }*/
/*    .offer-banner-btn {*/
/*        margin-top: 0;*/
/*    }*/

/*	.offer-banner-container {*/
/*		padding: 10px;*/
/*	}*/
/*}*/
/*@media screen and (max-width: 450px) {*/
/*	.offer-banner-container {*/
/*		height: auto;*/
/*	}*/
/*	.gold-gold {*/
/*		display: none;*/
/*	}*/
/*	.gold-gold2 {*/
/*		display: none;*/
/*	}*/
/*	.offer-banner-tittle {*/
/*		font-size: 13px;*/
/*	}*/
/*	.offer-banner-btn {*/
/*		font-size: 14px;*/
/*		padding: 5px;*/
/*	}*/
/*}*/
/*!*@media screen and (max-width: 376px) {*!*/
/*!*	.offer-banner-tittle {*!*/
/*!*		flex-wrap: wrap;*!*/
/*!*	}*!*/
/*!*	.offer-banner-container {*!*/
/*!*		height: 165px;*!*/
/*!*	}*!*/
/*!*	.offer-banner-ttb {*!*/
/*!*		margin-bottom: 0px;*!*/
/*!*	}*!*/
/*!*	.offer-banner-btn {*!*/
/*!*		margin-top: 10px;*!*/
/*!*	}*!*/
/*!*}*!*/
/*!*@media screen and (max-width: 371px) {*!*/
/*!*	.offer-banner-tittle {*!*/
/*!*    text-align: center;*!*/
/*!*		margin-bottom: 0px;*!*/
/*!*	}*!*/
/*!*}*!*/

/*!* ——— баннер едет GPU ——— *!*/
/*.offer-banner-container{*/
/*    position: fixed; top: 0; left: 0; right: 0;*/
/*    transform: translate3d(0, calc(-100% - 2px), 0); !* небольшой оверлап вниз *!*/
/*    transition: transform 480ms cubic-bezier(.22,1,.36,1);*/
/*    will-change: transform;*/
/*    z-index: 1002;*/
/*    backface-visibility: hidden;*/
/*}*/
/*.offer-banner-container.is-visible{*/
/*    transform: translate3d(0,0,0);*/
/*}*/

/*!* ——— спейсер выдавливает контент ——— *!*/
/*#offer-spacer{*/
/*    height: 0;*/
/*    transition: height 420ms cubic-bezier(.22,1,.36,1);*/
/*    !* фон на время расширения, чтобы точно не мелькнул белый *!*/
/*    background: #3e4151; !* цвет фона хедера/страницы; при желании поменяй *!*/
/*}*/

/*!* на долю секунды заводим спейсер на 2px под баннер, чтобы не было просвета *!*/
/*#offer-spacer.is-open{ margin-top: -2px; }*/

/*!* подстраховка от коллапса внешних отступов: *!*/
/*.header, #menu, .top-info, .wrapper, .content1 { margin-top: 0; }*/



/* ===========================
   Banner
   =========================== */

:root{
    --nb-height: 28px;

    --nb-bg: #3f4352;

    --nb-text: rgba(255,255,255,.78);

    --nb-border: rgba(255,255,255,.045);
}

.notice-banner{
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 99999;
    box-sizing: border-box;

    background: var(--nb-bg);
    border-bottom: 1px solid var(--nb-border);
    box-shadow: none;
    padding-top: env(safe-area-inset-top, 0px);
}

.notice-banner__inner{
    min-height: var(--nb-height);
    padding: 5px 16px;

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

    color: var(--nb-text);
    text-align: center;

    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;

    max-width: 1200px;
    margin: 0 auto;

    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.notice-banner__inner .warn,
.notice-banner__inner b,
.notice-banner__inner strong{
    font-weight: 600;
}


.notice-banner + .wrapper{
    padding-top: calc(var(--nb-gap, var(--nb-height)) + env(safe-area-inset-top, 0px));
}

@media (max-width: 480px){
    :root{ --nb-height: 26px; }
    .notice-banner__inner{
        padding: 5px 10px;
        font-size: 11.5px;
    }
}