

:root {

--color-main-1: #a53127;

--color-main-2: rgba(230, 51, 234, 0);

--color-main-3: #451410;

--color-white: #FFF;

--color-link: #a53127;

}

.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: 999 !important;

display: flex !important;

position: fixed !important;

justify-content: flex-end !important;

font-family: "proxima-nova", "Lato", Helvetica, Arial, sans-serif !important;

}

.common-banner {

display: flex !important;

padding: 2px 22px 0px 7px !important;

border-radius: 6px !important;

max-height: 64px !important;

background: linear-gradient(90deg, var(--color-main-3) 0%, var(--color-main-1) 100%) !important;

}

.common-banner .banner-content {

width: 250px !important;

}

.common-banner .banner-content {

color: var(--color-white) !important;

}

.common-banner .banner-content a {

color: var(--color-white) !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: 12px !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;

}

.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: 0 2px 10px 2px #fcf2f1 !important;

}

.common-banner .banner-close {

color: var(--color-white) !important;

line-height: 1 !important;

font-size: 35px !important;

margin-left: 20px !important;

margin-top: 5px !important;

font-weight: bold !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: 10px !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: 60px !important;

height: 60px !important;

margin-top: 0px !important;

border-radius: 50%;

}

.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: 363px !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: 20px !important;

right: 7px !important;

}

.common-banner .banner-wrapper-content {

margin-top: -9px !important;

margin-left: 12px !important;

}

.common-banner .banner-close {

position: absolute !important;

right: 6px !important;

top: -7px !important;

}

.banner-wrapper-content {

flex-direction: column !important;

}

.common-banner .banner-title {

max-width: 203px !important;

line-height: 13.15px !important;

font-size: 13px !important;

}

.common-banner .banner-text {

max-width: 180px !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;

}

}
