:root {
	--color-main-1: #595959; /* цвет градиента 1*/
	--color-main-2: #3B3838; /* цвет градиента 2*/
	--color-main-3: #000000; /* цвет градиента 3*/
  --color-main-1-1: #efd9d9; /* цвет градиента 1*/
	--color-main-2-1: #FEF6DF; /* цвет градиента 2*/
	--color-main-3-1: #9BD4DD; /* цвет градиента 3*/
  --color-main-1-2: #FEF6DF; /* цвет градиента 1*/
	--color-main-2-2: #FEF6DF; /* цвет градиента 2*/
	--color-main-3-2: #F7BEEE; /* цвет градиента 3*/
  --color-main-1-3: #E7577C; /* цвет градиента 1*/
	--color-main-2-3: #EEA4ED; /* цвет градиента 2*/
	--color-main-3-3: #59AFFD; /* цвет градиента 3*/
  --color-main-1-4: #ff7f00; /* цвет градиента 1*/
	--color-main-2-4: #f59305; /* цвет градиента 2*/
	--color-main-3-4: #e7b00f; /* цвет градиента 3*/
	--color-white: #fff; /* цвет текста/крестика закрытия/ белый*/
    --color-black: #000; /* цвет текста черный*/
	  --color-link: #ff99b1; /* цвет ссылки*/
    --color-shadow: #b1a9f4; /* цвет тени кнопки*/
    --size-title: 20px; /*размер текста заголовок деск*/
    --size-title-mob: 16px; /*размер текста заголовок моб*/
    --size-text: 14px; /*размер текста второй строки деск*/
    --size-text-mob: 12px; /*размер текста второй строки моб*/

}

.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: 86px !important;
	bottom: 20px !important;
	z-index: 999 !important;
	display: flex !important;
	position: fixed !important;
	justify-content: flex-end !important;
	font-family: 'Montserrat', 'Lato', Helvetica, Arial, sans-serif !important;
}
/*варианты банеров - для каждого свой градиент*/
.common-banner {
	display: flex !important;
	padding: 2px 5px 0px 7px !important;
	border-radius: 15px !important;
	max-height: 90px !important;
	background: linear-gradient(135deg, var(--color-main-3) 0%, var(--color-main-2) 60%, var(--color-main-1) 100%) !important;

  }

.common-banner1 {
	display: flex !important;
	padding: 2px 5px 0px 7px !important;
	border-radius: 15px !important;
	max-height: 90px !important;
	background: linear-gradient(135deg, var(--color-main-3-1) 0%, var(--color-main-2-1) 60%, var(--color-main-1-1) 100%) !important;

  }

.common-banner2 {
	display: flex !important;
	padding: 2px 5px 0px 7px !important;
	border-radius: 15px !important;
	max-height: 90px !important;
	background: linear-gradient(135deg, var(--color-main-3-2) 0%, var(--color-main-2-2) 100%, var(--color-main-1-2) 100%) !important;

  }

.common-banner-tg {
	display: flex !important;
	padding: 2px 5px 0px 7px !important;
	border-radius: 15px !important;
	max-height: 90px !important;
	background: linear-gradient(135deg, var(--color-main-3-3) 0%, var(--color-main-2-3) 60%, var(--color-main-1-3) 100%) !important;

  }

.common-banner3 {
	display: flex !important;
	padding: 2px 5px 0px 7px !important;
	border-radius: 15px !important;
	max-height: 90px !important;
	background: linear-gradient(135deg, var(--color-main-3-4) 0%, var(--color-main-2-4) 100%, var(--color-main-1-4) 100%) !important;

  }
/* Баннер 5*/
.common-banner5 {
	display: flex !important;
	padding: 7px 5px 5px 7px !important;
	border-radius: 15px !important;
	max-height: 100px !important;
	background: linear-gradient(90deg, #93a841 0%, #a2b84b 100%) !important;

  }
.common-banner5 .banner-content
{
	width: 350px !important;
padding-top: 2px;
padding-top: 2px;
}
/*-------------------*/
/* Баннер 6*/
.common-banner6 {
	background: #91596c!important;

  }
/*-------------------*/

/* Баннер New*/
.common-banner4 {
	display: flex !important;
	padding: 2px 5px 0px 7px !important;
	border-radius: 15px !important;
	max-height: 80px !important;
	background: linear-gradient(90deg, #f69c29 0%, #ff7828 100%) !important;
  overflow-y: hidden;

  }

.common-banner4 .banner-content{
display: flex;
align-items: center;
}
.common-banner4 h3,
.common-banner4 p{
  margin: 0!important;
}


/*-------------------*/




/*варианты банеров - общее для всех*/
.common-banner .banner-content,
.common-banner1 .banner-content,
.common-banner2 .banner-content

{
  width: 350px !important;
padding-top: 2px;}

.common-banner3 .banner-content
{
	width: 350px !important;
padding-top: 2px;}

.common-banner-tg .banner-content
{
	width: 320px !important;
padding-top: 2px;}


/*-------------------*/

/*варианты банеров - текст белый*/
.common-banner .banner-content{
	color: var(--color-white) !important;
}
/*варианты банеров - текст черный*/
.common-banner1 .banner-content,
.common-banner2 .banner-content,
.common-banner-tg .banner-content
{
	color: var(--color-black) !important;
}

/*-------------------*/

/*варианты банеров - для темного фона цвет текста рыжий*/
.common-banner .banner-title a {
	color: #E7B012 !important;
}

/*варианты банеров - для розового фона цвет текста розовый - вариант 4*/
.common-banner3 .banner-title a {
	color: var(--color-white) !important;
}
.common-banner5 .banner-title a {
	color: var(--color-white) !important;
    background: #ef6d18;
    /*background: #B16783;*/
 	padding: 3px 10px;
}
.common-banner6 .banner-title a {
    background: #9cb148;
}
/*варианты банеров - текст черный - если ссылка*/
.common-banner1 .banner-title a,
.common-banner2 .banner-title a,
.common-banner-tg .banner-title a {color: var(--color-black) !important;}

.common-banner5 .banner-text a{
padding: 0 !important;
	color: var(--color-white) !important;
}
.common-banner5 .banner-text {
    margin:6px 0 2px!important;
}

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

.common-banner1 .banner-text a,
.common-banner2 .banner-text a,
.common-banner-tg .banner-text a {color: var(--color-black) !important;}

.common-banner4 .banner-content a
{
  font-weight: 700;
  font-size: 19px;
  color: var(--color-white) !important;
 
}
.common-banner4 .banner-content a mark{
 color: var(--color-white) !important;
 background: #5dcad7;
 border-radius:0;
 font-weight: 700;
 font-size: 17px;
 padding: 3px 6px;
 text-transform: uppercase;
}

/*-------------------*/

/*варианты банеров - настройки шрифта, одинаковые*/

.common-banner .banner-title,
.common-banner1 .banner-title,
.common-banner3 .banner-title,
.common-banner5 .banner-title,
.common-banner2 .banner-title {
	font-size: var(--size-title) !important;
	font-weight: bold !important;
	margin: 0 0 3px 0 !important;
	/* line-height: 14.18px !important; */
	margin-top: 5px !important;
   
}
.common-banner3 .banner-title{
font-size: var(--size-title) !important;
	font-weight: bold !important;
	margin: 0 0 3px 0 !important;
	 line-height: 14.18px !important; 
	margin-top: 5px !important;
}
.common-banner5 .banner-title{
font-size: var(--size-title) !important;
	font-weight: bold !important;
	margin: 0 0 3px 0 !important;
	 line-height: 14.18px !important; 
	margin-top: 8px !important;
}

.common-banner-tg .banner-title {
	font-size: 28px !important;
	font-weight: bold !important;
	margin: 0 0 3px 0 !important;
	/* line-height: 14.18px !important; */
	margin-top: 5px !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,
.common-banner1 .banner-text,
.common-banner2 .banner-text {
	padding: 0 !important;
	font-size: var(--size-text) !important;
	line-height: 15.32px !important;
	font-weight: 400 !important;
    font-family: "Roboto", "Lato", Helvetica, Arial, sans-serif !important;
}

.common-banner3 .banner-text {
padding: 0 !important;
	font-size: var(--size-text) !important;
	line-height: 20px !important;
	font-weight: 700 !important;
    margin-left: 5px !important;
    font-family: "Roboto", "Lato", Helvetica, Arial, sans-serif !important;
}
.common-banner5 .banner-text {
padding: 0 !important;
	font-size: var(--size-text) !important;
	line-height: 20px !important;
	font-weight: 700 !important;
    margin-left: 5px !important;
    font-family: "Roboto", "Lato", Helvetica, Arial, sans-serif !important;
}

.common-banner-tg .banner-text {
	padding: 0 !important;
	font-size: 15px !important;
	line-height: 15.32px !important;
	font-weight: 400 !important;
    font-family: "Roboto", "Lato", Helvetica, Arial, sans-serif !important;
}
.common-banner4 .banner-text{
padding: 0 0 0 5px !important;

line-height: 110% !important;
font-weight: 700 !important;
margin-left: 5px !important;
font-family: "Roboto", "Lato", Helvetica, Arial, sans-serif !important;
}
.common-banner4 .banner-text a{
 font-size: 14px!important; 
}
.common-banner4 .banner-text span{
font-weight: 700;
font-size: 21px;
line-height: 160%;
color: #6be1ef;
}
/*-------------------*/

/*варианты банеров - кнопка - одинаковая для всех, тень отличается*/

.common-banner-tg .banner-link {
    color: #000 !important;
	text-transform: uppercase !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	background: var(--color-white) !important;
	margin-left: 10px !important;
	margin-top: 18px !important;
	padding: 4px !important;
	padding-top: 7px !important;
	width: 130px !important;
	text-align: center !important;
	border-radius: 6px !important;
	display: inline-block !important;
    box-shadow: 0 2px 10px 2px var(--color-shadow) !important;
}

.common-banner1 .banner-link,
.common-banner2 .banner-link 
     {
	color: #000 !important;
	text-transform: uppercase !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	background: var(--color-white) !important;
	margin-left: 10px !important;
	margin-top: 10px !important;
	padding: 4px !important;
	padding-top: 4px !important;
	width: 110px !important;
	text-align: center !important;
	border-radius: 6px !important;
	display: inline-block !important;
	box-shadow: 0 2px 10px 2px var(--color-shadow) !important;
}

.common-banner3 .banner-link
 {
	color: #fff !important;
	text-transform: uppercase !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	background: #00C59D !important;
	margin-left: 10px !important;
	margin-top:10px !important;
	padding: 4px !important;
	padding-top: 4px !important;
	width: 110px !important;
	text-align: center !important;
	border-radius: 6px !important;
	display: inline-block !important;
	box-shadow: 0 2px 10px 2px #C71585 !important;
}

.common-banner .banner-link {
	color: #000 !important;
	text-transform: uppercase !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	background: var(--color-white) !important;
	margin-left: 10px !important;
	margin-top: 10px !important;
	padding: 4px !important;
	padding-top: 4px !important;
	width: 110px !important;
	text-align: center !important;
	border-radius: 6px !important;
	display: inline-block !important;
	box-shadow: 0 2px 10px 2px #E7B012 !important;
}


.common-banner4 .banner-link {
	color: #fff !important;
	text-transform: uppercase !important;
	font-size: 14px !important;
	font-weight: 600 !important;	
	margin-left: 10px !important;
	margin-top: 10px !important;
	padding: 6px !important;
	padding-top: 6px !important;
	width: 120px !important;
	text-align: center !important;
	border-radius: 26px !important;
	display: inline-block !important;	
  background: linear-gradient(180deg, #71e9f8 0%, #45aebb 100%);
}

.common-banner5 .banner-link
 {
	color: #fff !important;
	text-transform: uppercase !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	background: linear-gradient(180deg, #ef7b18 0%, #d25b06 100%)!important;
    /*background: linear-gradient(180deg, #B16783 0%, #9e3f63 100%) !important;*/
	margin-left: 5px !important;
	margin-top:10px !important;
	padding: 7px 6px!important;
	padding-top: 7px !important;
	width: 120px !important;
	text-align: center !important;
	border-radius: 6px !important;
	display: inline-block !important;
}
.common-banner6 .banner-link{
    background: linear-gradient(180deg, #afd41b 0%, #98b621 26.5%, #9cb148 100%)!important;
}
/*-------------------*/


/*варианты банеров - крестик - одинаковый для всех*/
.common-banner .banner-close,
.common-banner1 .banner-close,
.common-banner2 .banner-close,
.common-banner3 .banner-close,
.common-banner4 .banner-close,
.common-banner5 .banner-close,
.common-banner-tg .banner-close
{
	color: var(--color-white) !important;
	line-height: 1 !important;
	font-size: 35px !important;
	margin-left: 20px !important;
	margin-top: -4px !important;
	font-weight: bold !important;
	display: inline-block !important;
}
/*-------------------*/

/*варианты банеров - настройки ссылки - одинаковые для всех*/
.common-banner a,
.common-banner1 a,
.common-banner2 a,
.common-banner3 a,
.common-banner4 a,
.common-banner5 a,
.common-banner-tg a {
	color: inherit !important;
	text-decoration: none !important;
  cursor: pointer;
}
/*-------------------*/

/*варинаты банеров - настройки контейнера одинаковые для всех*/
.common-banner .banner-wrapper-content,
.common-banner1 .banner-wrapper-content,
.common-banner2 .banner-wrapper-content,
.common-banner3 .banner-wrapper-content,
.common-banner-tg .banner-wrapper-content {
	display: flex !important;
	margin-left: 13px !important;
	align-items: flex-start !important;
  padding-bottom: -15px;margin-right: -12px;
}
.common-banner5 .banner-wrapper-content {
	display: flex !important;
	margin-left: 13px !important;
	align-items: flex-start !important;
  padding-bottom: -15px;margin-right: -12px;
}

.common-banner4 .banner-wrapper-content {
	display: flex !important;
	margin-left: 13px !important;
	align-items: center!important;
  padding-bottom: -15px;
  margin-right: -12px;
}

/*.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,
.common-banner1 .banner-logo,
.common-banner2 .banner-logo {
	width: 50px !important;
  height: 50px !important;
  margin-top: 1px !important;
    /* border-radius: 50%; */
}

.common-banner3 .banner-logo {
	width: 50px !important;
    height: 50px !important;
    margin-bottom: 2px !important;
    /* border-radius: 50%; */
}
.common-banner5 .banner-logo {
	width: 50px !important;
    height: 50px !important;
    margin-bottom: -2px !important;
    /* border-radius: 50%; */
}

.common-banner-tg .banner-logo {
	width: 50px !important;
    height: 50px !important;
    margin-top: 7px !important;
    /* border-radius: 50%; */
}

.common-banner4 .banner-logo {
	width: 110px !important;
  height: 110px !important;
  margin-top: 7px !important;
    /* border-radius: 50%; */
}
/*------------------------*/
.mobile-show {
	display: none !important;
}

@media (max-width: 768px) {
	.common-banner-wrapper {
		left: 5px !important;
		bottom: 54px !important;
    margin: 2px;
	}
}


@media (max-width: 620px){
  .common-banner4 .banner-logo{
  width: 70px!important;
  height:70px!important;
  margin-top: 0px !important;
    }
  
  .common-banner4{
padding: 5px!important;
    }
  


.common-banner4 .banner-content a{
font-size:13px!important;
}

.common-banner4 .banner-content a mark{
font-size:12px!important; 
}
.common-banner4 .banner-link{
 font-size:10px!important;
 width: 102px!important;
 margin-left: 6px !important;
}

.common-banner4 .banner-text{
 font-size:11px!important;  
}
.common-banner4 .banner-text a{
 font-size:11px!important;   
  
}
.common-banner4 .banner-text a span{
 font-size:15px!important;  
}
 .common-banner4 .banner-close{
    font-size: 25px !important;
    margin-left: 10px!important;
}
.common-banner5 .banner-close{
    font-size: 25px !important;
    margin-left: 10px!important;
}
    .common-banner4 .banner-wrapper-content {
    margin-left: 6px !important
    }
}
@media (max-width: 560px) {
	.common-banner,
    .common-banner1,
    .common-banner2,
    .common-banner3,
    .common-banner5,
    .common-banner-tg {
		padding: 18px 6px 5px !important;
		width: 95vw !important;
	}
    .common-banner5{
        align-items: center;
    }
       
    
    .common-banner .banner-content,
    .common-banner1 .banner-content,
    .common-banner2 .banner-content,
    .common-banner3 .banner-content,
    .common-banner-tg .banner-content {
	width: 90vw !important;
padding-top: 0px;}
    .common-banner5 .banner-content {
		width: 64% !important;
		padding-top: 0px;
        align-items: center;
    }
        
	.common-banner .banner-link,
    .common-banner1 .banner-link,
    .common-banner2 .banner-link,
    .common-banner3 .banner-link,
    .common-banner-tg .banner-link {
		display: none!important;
	}
    .common-banner5 .banner-link
     {
        font-size: 8px !important;
         width: 90px !important;
         margin-top:15px!important;
    }
    

	.common-banner .banner-wrapper-content,
    .common-banner1 .banner-wrapper-content,
    .common-banner2 .banner-wrapper-content,
    .common-banner3 .banner-wrapper-content,
    .common-banner5 .banner-wrapper-content,
    .common-banner-tg .banner-wrapper-content {
		margin-top: -11px !important;
		margin-left: 8px !important;
	}

     
	.common-banner .banner-close,
    .common-banner1 .banner-close,
    .common-banner2 .banner-close,
    .common-banner3 .banner-close,
    .common-banner5 .banner-close,
    .common-banner-tg .banner-close{
		position: absolute !important;
		right: 6px !important;
		top: 1px !important;
	}

    
	.common-banner .banner-title .banner-wrapper-content,
    .common-banner1 .banner-title .banner-wrapper-content,
    .common-banner2 .banner-title .banner-wrapper-content,
    .common-banner3 .banner-title .banner-wrapper-content,
    .common-banner5 .banner-title .banner-wrapper-content,
    .common-banner-tg .banner-title .banner-wrapper-content{
		flex-direction: column !important;
	}

	.common-banner .banner-title,
    .common-banner1 .banner-title,
    .common-banner2 .banner-title,
    .common-banner3 .banner-title,
    .common-banner5 .banner-title,
    .common-banner-tg .banner-title {
		max-width: 80vw !important;
		/* line-height: 13.15px !important; */
		font-size: var(--size-title-mob) !important;
	}
    .common-banner6 .banner-title{
        font-size: 12px!important;
    }

	.common-banner .banner-text,
    .common-banner1 .banner-text,
    .common-banner2 .banner-text,
    .common-banner3 .banner-text,
    .common-banner5 .banner-text,
    .common-banner-tg .banner-text {
		max-width: 80vw !important;
		font-size: var(--size-text-mob) !important;
		line-height: 14px !important;
	}
    
  /*   
	.common-banner__note {
		right: 7px !important;
		font-size: 8px !important;
	}
*/
	.common-banner .banner-logo,
    .common-banner1 .banner-logo,
    .common-banner2 .banner-logo,
    .common-banner3 .banner-logo,
    .common-banner5 .banner-logo,
    .common-banner-tg .banner-logo {
		margin-top: -16px !important;
	}

        
	.mobile-show {
		display: block !important;
	}
   
}
@media (max-width: 400px) {
    .common-banner4 .banner-logo {
        width: 60px !important;
        height: 60px !important;
        margin-top: 5px !important;
    }
    .common-banner4 .banner-content{
	display: block;
    }
	.common-banner4 .banner-text{
	  padding: 0!important;
	  margin: 0!important;
	}
	
	.common-banner4 h3{
	      line-height: 0.9!important;
	}
	
	.common-banner4 .banner-text br{
	  display: none;
	}
}