:root {
    --color-main-1: #6B0600;
    --color-main-2: rgba(53, 28, 117, 1);
    --color-main-3: #6B0600;
    --color-white: #6B0600;
    --color-link: #ffffff;
}


.gc-main-content:not(.with-left-menu) .top-notification-wrapper {

}


/* Основной контейнер баннера */
.common-banner-wrapper,
.info-wrapper .common-banner-wrapper {
    position: fixed !important;
    left: 90px !important;
    bottom: 5px !important;
    right: auto !important;
    top: auto !important;

    width: 450px !important;
    max-width: calc(100vw - 110px) !important;
    height: auto !important;

    display: block !important;
    z-index: 999 !important;

    font-family: "proxima-nova", "Lato", Helvetica, Arial, sans-serif !important;
    box-sizing: border-box !important;
}

/* Сам баннер */
.common-banner {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1983 / 458 !important;

    min-height: 0 !important;
    max-height: none !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 6px !important;
    overflow: hidden !important;

    background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/954/sc/51/h/47adf06d1facfeee9bae823b2abc1e2c.png") !important;
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;

    box-sizing: border-box !important;
}

/* Контейнер содержимого */
.common-banner .banner-wrapper-content {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* Кнопка регистрации */

.common-banner .banner-link {
position: absolute !important;

    right: 5% !important;
    bottom: 50% !important;
    transform: translateY(50%) !important;

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

    width: 150px !important;
    height: 36px !important;
    min-height: 0 !important;

    padding: 6px 12px !important;
    margin: 0 !important;

    color: #ffffff !important;
    background: #CA0B00 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-decoration: none !important;

    border: 1px solid #FFDE59 !important;
    border-radius: 6px !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25) !important;

    box-sizing: border-box !important;
    cursor: pointer !important;
    z-index: 2 !important;
}

/* Наведение на кнопку */
.common-banner .banner-link:hover {
    background: #A90900 !important;
    color: #ffffff !important;
}

/* Крестик закрытия */
.common-banner .banner-close {
    position: absolute !important;
    top: 3px !important;
    right: 5px !important;
    bottom: auto !important;

    display: block !important;
    width: 24px !important;
    height: 24px !important;

    padding: 0 !important;
    margin: 0 !important;

    color: #6B0600 !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 24px !important;
    text-align: center !important;
    text-decoration: none !important;

    cursor: pointer !important;
    z-index: 10 !important;
}

/* Общие ссылки */
.common-banner a {
    text-decoration: none !important;
    cursor: pointer !important;
}

/* Планшеты */
@media (max-width: 768px) {

    .common-banner-wrapper,
    .info-wrapper .common-banner-wrapper {
        left: 10px !important;
        bottom: 20px !important;

        width: 450px !important;
        max-width: calc(100vw - 20px) !important;
    }
}

/* Мобильные телефоны */
@media (max-width: 560px) {

    .common-banner-wrapper,
    .info-wrapper .common-banner-wrapper {
        position: fixed !important;

        left: 5px !important;
        bottom: 50px !important;
        right: auto !important;

        width: calc(100vw - 10px) !important;
        max-width: calc(100vw - 10px) !important;
    }

    .common-banner {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1983 / 458 !important;

        min-height: 0 !important;
        max-height: none !important;

        background-size: contain !important;
        background-position: center !important;

        border-radius: 4px !important;
    }

    .common-banner .banner-wrapper-content {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .common-banner .banner-link {
 right: 4% !important;
    bottom: 50% !important;
    transform: translateY(50%) !important;

    width: 100px !important;
    height: 26px !important;
    min-height: 0 !important;

    padding: 4px 6px !important;
    font-size: 9px !important;
    line-height: 1 !important;

    border-radius: 4px !important;
}

    .common-banner .banner-close {
        top: 1px !important;
        right: 3px !important;

        width: 20px !important;
        height: 20px !important;

        font-size: 20px !important;
        line-height: 20px !important;
    }
}