:root {
    --color-banner-background: url(https://fs.getcourse.ru/fileservice/file/download/a/538657/sc/352/h/c4d356e5fb2d6ab8fae2b9d0998e395a.png) no-repeat right center;
    --color-text: #cfff6a;
    --color-button-background: #FF9458;
	--color-button-text: #fff;
    --color-button-shadow: #b1a9f4;
    --color-button-close: #000;
}

.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: 120px !important;
	bottom: 10px !important;
	z-index: 9999 !important;
	display: flex !important;
	position: fixed !important;
	justify-content: flex-end !important;
    align-items: center;
    overflow: hidden !important;
	font-family: Montserrat, Open+Sans, Roboto, Helvetica, proxima-nova, Arial, sans-serif !important;
}

.common-banner {
	display: flex !important;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 6px !important;
	background: var(--color-banner-background) !important;
}

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

.common-banner .banner-logo {
	width: 88px !important;
    height: 85px !important;
   border-radius: 50%;
}

.common-banner .banner-wrapper-content {
	display: flex !important;
	align-items: center !important;
}

.common-banner .banner-title {
	font-size: 26px !important;
	font-weight: bold !important;
	margin: 0.4em 1em 0.4em 0.5em !important;
	line-height: 1em !important;
    /*font-style: italic;*/
    color: var(--color-text);
    }
.common-banner .banner-title-p p {
    padding-right: 5px;
    padding-left: 5px;
    BORDER-BOTTOM-WIDTH: 2PX;
    /*background: var(--color-button-background) !important;*/
    border-radius: 9px !important;
	WIDTH: FIT-CONTENT;
    color: var(--color-button-text) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	margin: 0.4em 0em 0em 0em !important;
	line-height: 1.3em !important;
    font-style: italic;
    text-align: center;
}
.common-banner .banner-title p {
    padding-right: 5px;
    padding-left: 5px;
    BORDER-BOTTOM-WIDTH: 2PX;
  /*background: linear-gradient(10deg, #be1bf9 0%, #7a0fe2 75%) !important;
	background: var(--color-button-background) !important;*/
    border-radius: 9px !important;
	WIDTH: FIT-CONTENT;
    color: #000 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	margin: 0.4em 0em -2.8em 3em !important;
	line-height: 1.3em !important;
    font-style: italic;
    text-align: center;
}
.common-banner .banner-title t {
    color: #e18a3a;
    margin: 0.4em 0.5em 0.4em 0.5em !important;
	font-size: 26px !important;
	font-weight: bold !important;
	line-height: 1em !important;
      /*FONT-STYLE: italic;*/
    font-family: 'Montserrat';
}
.common-banner .banner-link {
	color: var(--color-button-text) !important;
	text-transform: uppercase !important;
	font-size: 16px !important;
	font-weight: 600 !important;
    background: var(--color-button-background) !important;
	margin: 0em 0.8em 0em 0em;
	padding: 0.7em 0.7em 0.7em 0.7em !important;
	text-align: center !important;
	border-radius: 33px !important;
	display: inline-block !important;
	box-shadow: 0 2px 8px 1px var(--color-button-shadow) !important;
    line-height: 1.2em !important;
   /* font-style: italic;*/
}

.common-banner .banner-close {
	color: var(--color-button-close) !important;
	line-height: 1 !important;
	font-size: 35px !important;
	margin-left: 7px !important;
	margin-top: 0px !important;
	font-weight: bold !important;
	display: inline-block !important;
    position: absolute !important;
	right: 6px !important;
	top:-2px !important;
}


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

@media (max-width: 600px) {
    .common-banner {
        display: none !important;
    	}}
	/*.common-banner {
		padding: 0.4em 0.4em 0.4em 0.4em;
		width: 365px !important;
	}
    
    .common-banner .banner-logo {
		width: 60px !important;
        height: 60px !important;
	}
    
	.common-banner .banner-title {
        font-size: 11px !important;
        margin: 0.2em 0.6em 0.2em 0.6em !important;
	}
    
    .common-banner .banner-title p {
        font-size: 10px !important;
	}

	.common-banner .banner-link {
		width: auto !important;
		font-size: 10px !important;
		padding: 0.3em 0.4em 0.3em 0.4em !important;
		border-radius: 15px !important;
        margin: 0em 0.4em 0em 0em;
	}

	.common-banner .banner-close {
		position: absolute !important;
		right: 5px !important;
		top:-2px !important;
        font-size: 26px !important;
	}
}
@media (max-width: 370px) {
    .common-banner {
		padding: 0.4em 0.4em 0.4em 0.4em;
		width: 310px !important;
	}
    .common-banner .banner-title {
        font-size: 10px !important;
	}
        .common-banner .banner-title p , .common-banner .banner-link {
        font-size: 9px !important;
	}

	.common-banner .banner-close {
        font-size: 24px !important;
	}
}*/