:root {
	--color-main-1: #b1a9f4;
	--color-main-2: rgba(230, 51, 234, 0);
	--color-main-3: #3819c1;
	--color-white: #FFF;
	--color-link: #151515;
}

/*.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: 99999 !important;
	display: flex !important;
	position: fixed !important;
	justify-content: flex-end !important;
	font-family: "Bebas Neue", sans-serif !important;
}

.common-banner {
	display: flex !important;
	padding: 2px 22px 0px 4px !important;
	border-radius: 6px !important;
	max-height: 70px !important;
    background: linear-gradient(90deg, var(--color-main-3) 0%, var(--color-main-1) 100%)!important; /*СИНИЙ*/
    font-family: "Bebas Neue", sans-serif !important;
}

/*клуб*/
.common-banner.common-banner-club {
  height: 70px !important;
   background: linear-gradient(275deg, #4A4A4A 2.25%, #777 28.69%, #1F1F1F 47.06%, #6E6E6E 60.57%, #343434 76.3%, #838383 96.26%)!important; 
    font-family: "Bebas Neue", sans-serif !important;
}
/*********/


.common-banner.common-banner2 {
        background: rgb(101,159,34); background: linear-gradient(90deg, rgba(101,159,34,1) 0%, rgba(21,21,21,1) 100%) !important;/*кЛУБ ЗЕЛЕНЫЙ*/
}
.common-banner.common-banner2 .banner-link {
		background: radial-gradient(
				63.11% 63.11% at 31.97% 19.67%,
				rgba(255, 255, 255, 0.2) 0%,
				rgba(255, 255, 255, 0) 69.79%,
				rgba(255, 255, 255, 0) 100%),
		linear-gradient(90deg, #00EF3B 6.25%, #BDFF00 100%) !important;
		color: #000 !important;
		box-shadow: 0 9px 12px rgba(10, 10, 10, 0.25), inset 2px 2px 4px rgba(255, 255, 255, 0.7) !important;
	} 

.common-banner.common-banner3 {
        background: linear-gradient(90deg, #c119b2 0%, #f4a9f1 100%) !important;/*ФИОЛЕТ*/
}
.common-banner.common-banner4 {
        background: linear-gradient(45deg, rgb(247, 70, 5), rgb(240, 212, 4)); /*ЗОЛОТАЯ ОСЕНЬ*/
    --color-link: #151515!IMPORTANT;
}
.common-banner.common-banner5 {
        background: linear-gradient(90deg, #F79D00 0%, #007621 128.94%);/*Бархатный сезон*/
}
.common-banner.common-banner6 {
        background: linear-gradient(#F83600, #FE8C00);/*ЖАРА В КЛУБЕ*/
}
.common-banner.common-banner7 {
        background: linear-gradient(89.73deg, #0013C2 3.07%, #000000 93.49%) !important;/*ТЕМНО-СИНИЙ*/
}
.common-banner.common-banner8 {
        background: linear-gradient(90deg, rgba(33,120,27,1) 0%, rgba(235,233,67,1) 100%); /*СВЕТЛО-ЗЕЛЕНЫЙ*/
}
.common-banner.common-banner9 {
      background: linear-gradient(90deg, rgba(209,60,4,1) 0%, rgba(231,152,35,1) 100%);
      /*background: linear-gradient(90deg, rgba(252,80,41,1) 0%, rgba(255,155,133,1) 100%);*/
    --color-link: #FA6645!IMPORTANT;
}
.common-banner.common-banner10 {
        background: linear-gradient(90deg, rgba(213,45,139,1) 0%, rgba(253,208,52,1) 100%);   
}
.common-banner.common-banner11 {
		background: linear-gradient(to left, #093E50 19%, #179797 58%) !important;
	}
.common-banner.common-banner12{
		background: linear-gradient(to left, #ffd493, #f3ab35) !important;
	}
.common-banner.common-banner12 .banner-content,
.common-banner.common-banner12 .banner-content a,
.common-banner.common-banner12 .banner-close {
	color: #151515 !important;
}
.common-banner.common-banner12 .banner-link {
background: linear-gradient(90deg, #e11e2a, #b3151f)!important;
        border-bottom: 4px solid #94131b;
    border-radius: 5px;
    color: #fff !important;
}

/*.common-banner.common-banner13 {
    background: linear-gradient(89.73deg, #0D0034 3.07%, #2A32EB 93.49%) !important;
}*/
.common-banner.common-banner13 .banner-link {
    background: radial-gradient( 63.11% 63.11% at 31.97% 19.67%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%) , linear-gradient(92.13deg, #E37816 22.04%, #FF0000 103.13%) !important;
    color: #fff !important;
    box-shadow: 0 9px 12px rgb(10 10 10 / 25%), inset 2px 2px 4px rgb(255 255 255 / 70%) !important;
   }

.common-banner.common-banner14 {
background: linear-gradient(90deg, rgba(17,2,35,1) 0%, rgba(118,7,126,1) 82%)!important;
/*background: linear-gradient(90deg, rgba(108,14,65,1) 9%, rgba(222,89,160,1) 82%);*/
    /*background: linear-gradient(93.37deg, #6C0E41 9.77%, #E52D90 90.07%) !important;*/
}
.common-banner.common-banner14 .banner-link {
    background: #ff3ca5/*#e52d90*/ !important;
    color: #fff !important;
    box-shadow: 0 9px 12px rgb(10 10 10 / 25%), inset 2px 2px 4px rgb(255 255 255 / 70%) !important;
   }

.common-banner.common-banner15 {
    background: radial-gradient(circle at 24.1% 68.8%, rgb(50, 50, 50) 0%, rgb(0, 0, 0) 99.4%)!important;
}
.common-banner.common-banner15 .banner-link {
    background: #fc2217 !important;
    color: #fff !important;
    box-shadow: 0 9px 12px rgb(10 10 10 / 25%), inset 2px 2px 4px rgb(255 255 255 / 70%) !important;
   }

.common-banner .banner-content {
	width: 270px !important;
    font-family: "Bebas Neue", sans-serif !important;
}

.common-banner .banner-content {
	color: var(--color-white) !important;
}

.common-banner .banner-content a {
	color: var(--color-white) !important;
    font-family: "Bebas Neue", sans-serif !important;
}

.common-banner .banner-title {
	font-size: 15.5px !important;
	font-weight: bold !important;
	margin: 0 0 3px 0 !important;
	line-height: 14.18px !important;
    margin-top: 8px !important;
    font-family: "Bebas Neue", sans-serif !important;
}

/*клуб*/
.common-banner.common-banner-club .banner-title {
    font-family: "Bebas Neue", sans-serif !important;
  margin-top: 6px !important;
  margin-bottom: 1px !important;
  font-size: 16px!important;
  font-style: normal!important;
  font-weight: 700!important;
  line-height:  1!important;
  background: linear-gradient(268deg, rgba(255, 255, 255, 0.21) -14.53%, #FFF 48.22%, rgba(255, 255, 255, 0.00) 132.11%)!important;
   background-clip: text!important;
   -webkit-background-clip: text!important;
   -webkit-text-fill-color: transparent!important;
}
/*******/

.common-banner .banner-title span {
	border: 1px white solid !important;
	box-sizing: border-box !important;
	border-radius: 6px !important;
	padding: 0.5px 2px !important;
}

.common-banner .banner-text {
	padding: 0 !important;
	font-size: 11px !important;
	/*line-height: 12.32px !important;*/
	font-weight: 400 !important;
    font-family: "Bebas Neue", sans-serif !important;
}

/*клуб*/
.common-banner.common-banner-club .banner-text {
    font-family: "Bebas Neue", sans-serif !important;
font-size: 20px!important;
font-style: normal!important;
font-weight: 700!important;
line-height: 1!important;
  background: linear-gradient(91deg, #E8B40D 0%, #E7B414 25.63%, #FFF076 50.17%, #F4D057 76.22%, #F1C221 100%)!important;
background-clip: text!important;
-webkit-background-clip: text!important;
-webkit-text-fill-color: transparent!important;
  position: relative;
}

.common-banner.common-banner-club .banner-text:after {
  content: url(https://fs.gcfiles.net/fileservice/file/download/a/22730/sc/320/h/ed68f5db84b17b320a526bb25c0fada3.svg);
  position: absolute;
  bottom: -26px;
  left: 0;
}
/********/

.common-banner .banner-text span {
	font-weight: 600 !important;
}

.common-banner .banner-link {
	color: var(--color-link) !important;
	text-transform: uppercase !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	background: var(--color-white) !important;
	margin-left: 30px !important;
	margin-top: 9px !important;
	padding: 3px !important;
	padding-top: 5px !important;
	width: 130px !important;
	text-align: center !important;
	border-radius: 6px !important;
	display: inline-block !important;
    /*box-shadow: 0px 6px 27px 0px #ff6a00 !important;*/
	/*box-shadow: 0 2px 10px 2px #b1a9f4 !important;*/
}

/*клуб*/
.common-banner.common-banner-club .banner-link {
    font-family: "Bebas Neue", sans-serif !important;
  border-radius: 3px !important;
background: #F93B00 !important;
box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25) !important;
  color: #FFF !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: normal !important;
}
/*******/

.common-banner .banner-close {
	color: var(--color-white) !important;
	line-height: 1 !important;
	font-size: 40px !important;
	margin-left: 25px !important;
	margin-top: 0px !important;
	font-weight: 500 !important;
	display: inline-block !important;
}

.common-banner a {
	color: inherit !important;
	text-decoration: none !important;
    cursor: pointer;
}

.common-banner .banner-wrapper-content {
	display: flex !important;
	margin-left: 0px !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(--color-white) !important;
	opacity: 0.95 !important;
	font-size: 10px !important;
}

.common-banner .banner-logo {
	width: 80px !important;
  height: 64px !important;
   margin-top: 3px !important;*/
 margin-bottom: 2px !important;
    /*border-radius: 50%;*/
}
/*клуб*/
.common-banner.common-banner-club .banner-logo {
	width: 80px !important;
  height: 64px !important;
}
/*******/    
.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: 100% !important;
	}

	.common-banner .banner-link {
		/*height: 14px !important;*/
		width: 83px !important;
		font-size: 10px !important;
		/*padding: 2px !important;
		padding-top: 1px !important;
		padding-left: 4px !important;
		padding-right: 4px !important;*/
		border-radius: 4px !important;
		position: absolute !important;
		line-height: 14.3px !important;
		top: 25px !important;
		right: 7px !important;
		height: 18px !important;
		padding-bottom: 6px !important;
		padding-top: 3px !important;
		padding-left: 6px !important;
		padding-right: 6px !important;
	}
/*клуб*/
  .common-banner.common-banner-club {
	padding: 6px 10px 2px 0px !important;
  }
  .common-banner.common-banner-club .banner-link {
    width: 76px!important;
    height: 20px!important;
    border-radius: 3px!important;
    font-size: 14px!important;
   padding-top: 4px !important;
    right: 7px !important;
  }
 .common-banner.common-banner-club  .banner-text {
font-size: 17px!important;
  }
  .common-banner.common-banner-club .banner-title {
     margin-top: 2px !important;
    margin-bottom: 2px !important;
    font-size: 14px!important;
  }
 .common-banner.common-banner-club .banner-logo {
	/*width: 70px !important;*/
  height: 60px !important;
     margin-top:0px !important;
} 
  /****************/
  
	.common-banner .banner-wrapper-content {
		/*margin-top: -9px !important;*/
		margin-left: 0px !important;
	}

	.common-banner .banner-close {
		position: absolute !important;
		right: 7px !important;
		top: -7px !important;
	}

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

	.common-banner .banner-title {
		max-width: 200px !important;
		line-height: 13.15px !important;
		font-size: 13px !important;
	}

	.common-banner .banner-text {
		max-width: 200px !important;
		font-size: 10px !important;
		line-height: 11.2px !important;
	}

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

	.common-banner .banner-logo {
		/*margin-top: -7px !important;*/
	}

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