:root {
	--color-main-1: #B0C0DA;/*цвет баннера справа*/
	--color-main-2: #5f83c2;
	--color-main-3: #2D2D2D;/*цвет баннера слева*/
    --color-main-4: #2D2D2D;/*цвет кнопки*/
	--color-white: #fff;
    --color-text: #fff;
	--color-link: #0f5d9b;/*цвет надписи на кнопке*/
}
.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: 80px !important;
	bottom: 15px !important;
	z-index: 999 !important;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	position: fixed !important;
	-webkit-box-pack: end !important;
	    -ms-flex-pack: end !important;
	        justify-content: flex-end !important;
	font-family: "proxima-nova", "Lato", Helvetica, Arial, sans-serif !important;
}
/*баннер*/
.common-banner {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	padding: 3px!important;
	border-radius: 6px !important;
	height: 270px !important;
    width: 480px !important;
    //background: linear-gradient(32deg, #59cef9 0%, #2173c4 48.8%, #59cef9 100%); !important;
    background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/160250/sc/196/h/2b82a6b06a9b2624d7cd920c59e685eb.jpg")!important;
    background-size: cover;

/*background: #348AD3;*/
}

.common-banner .banner-content {
	max-width: 290px !important;
}

/*.common-banner .banner-content {
	color: #0F5D9B !important;
}*/

.common-banner .banner-title{
	font-size: 19px !important;
	font-weight: bold !important;
	margin: 4px 0 2px 0 !important;
	line-height: 20px !important;
  color: #fff !important;
   text-align: center;
}
/*вставка*/
.common-banner a {
	color: inherit !important;
	text-decoration: none !important;
  cursor: pointer;
    margin: 0 0 0 auto;
}

.common-banner .banner-content a {
  /* color:#fff!important; */
  font-size: 16px !important;
  width: 357px;
  height: 160px;
}

.common-banner .banner-wrapper-content {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	margin-left: 10px !important;
	-webkit-box-align: start !important;
	    -ms-flex-align: start !important;
	        align-items: flex-start !important;
}

/*вставка end*/
.common-banner .banner-title span {
	border: 1px white solid !important;
	-webkit-box-sizing: border-box !important;
	        box-sizing: border-box !important;
	border-radius: 6px !important;
	padding: 0.5px 2px !important;
}

.common-banner .banner-text1 {
	padding: 1px 0 2px 0!important;
	font-size: 13px !important;
	line-height: 14.52px !important;
	font-weight: 500 !important;
}
.common-banner .banner-text {
	padding: 2px!important;
	font-size: 19px !important;
	line-height: 18px !important;
	font-weight: 600 !important;
  text-align: center;
  color: #ffffff !important;
  position:absolute;
  bottom:12px;
}
.common-banner .banner-text span {
	font-weight: 600 !important;
  color: #3389d2 !important;
}
/*кнопка*/
.common-banner .banner-link {
	color: var(--color-link)!important;
	text-transform: uppercase !important;
	font-size: 14px !important;
	font-weight: 600 !important;	
	margin-left: 8px !important;
	margin-top: 9px !important;
	padding: 5px 10px !important;
	/*padding-top: 8px !important;*/
	min-width: 90px !important;
	text-align: center !important;
	border-radius: 8px !important;
  background: #fff!important;
	border: 0px solid #FFF;
	display: inline-block !important;
	-webkit-box-shadow: box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25)!important;
	        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25)!important;
  
}

.common-banner .banner-close {
	color: #fff!important;
	line-height: 1 !important;
	font-size: 24px !important;
	margin-left: 10px !important;
	margin-top: 5px !important;
	font-weight: bold !important;
	display: inline-block !important;
}


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

.common-banner__note {
	position: absolute !important;
	bottom: -7px !important;
	right: 27px !important;
	color: #fff!important;
	opacity: 0.95 !important;
	font-size: 10px !important;
}
/*картинка*/
.common-banner .banner-logo {
	width: 320px !important;
    height: 0px !important;
    margin: auto !important;
    margin-left: 0px !important;
    border-radius: 0;
  /* display:none; */
}

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

@media (max-width: 480px) {
	
    .common-banner .banner-content {
	width: 260px !important;
}
    
 .common-banner {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	padding: 3px 3px 2px 3px!important;
		width: 320px !important;
        height: 180px !important;
	border-radius: 6px !important;     
    /*background: linear-gradient(32deg, #59cef9 0%, #2173c4 48.8%, #59cef9 100%); !important;*/
    background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/160250/sc/196/h/2b82a6b06a9b2624d7cd920c59e685eb.jpg") no-repead center/cover!important;
    background-size: cover!important;
/*background: #348AD3;*/
}   
    
	.common-banner .banner-link {
        color: transparent!important;
		height: 30px !important;
		width: 90px !important;
		font-size: 11px !important;
		padding: 2px !important;
		padding-top: 10px !important;
		padding-left: 3px !important;
		padding-right: 2px !important;
		border-radius: 6px !important;
		position: absolute !important;
		line-height: 11px !important;
		top: 10px !important;
		right: 7px !important;
       background:transparent!important;
display: -webkit-box;
       
display: -ms-flexbox;
       
display: flex; 
-ms-flex-wrap: nowrap; 
    flex-wrap: nowrap;
-webkit-box-shadow: box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25)!important;
	        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25)!important;
  display:none!important;
	}

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

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

	.banner-wrapper-content {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		    -ms-flex-direction: column !important;
		        flex-direction: column !important;
	}

	.common-banner .banner-title {		
		line-height: 12.15px !important;
		font-size: 9px !important;
	}

	.common-banner .banner-text1, .common-banner .banner-text {		
		font-size: 6px !important;
		line-height: 6px !important;
        bottom:2px;
	}

	.common-banner__note {
		right: 7px !important;
		font-size: 8px !important;
	}
.common-banner .banner-logo {
	width: 300px !important;
    height: 0px !important;
    margin: auto 0!important;
    margin-right: 5px !important;
    border-radius: 0%;
}
	
	.mobile-show {
		display: block !important;
	}
}