.g2-line {
    --g2-color: #fff;
    --g2-color-link: #fff;
    --g2-color-link-hover: #fff;
    --g2-bg: var(--se-main-color-blue-dark);
    --g2-bg-hover: var(--g2-bg);
    --g2-highlight-color: currentColor;
    --g2-close-color: rgba(255, 255, 255, .7);
    --g2-close-color-hover: #fff;
    --g2-shine-color: rgba(255, 255, 255, 0.25);
    --g2-shine-opacity: 1;
}

body {
    height: auto;
}

.g2-line-lang-wrapper {
    position: relative;
}

.g2-line__text--desktop {
    display: block;
}

.g2-line__text--mobile {
    display: none;
}

.g2-line__link:hover {
    text-decoration: none;
}

.g2-line {
    position: relative;
    top: 0;
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
    background-color: transparent;
    transition: max-height .24s ease, padding .24s ease, background-color .24s ease, transform .24s linear;
}

.promo-banner-active .g2-line--hidden {
    pointer-events: none;
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
    transform: translateY(-100%) !important;
}

html body .header .g2-line.container {
    padding-top: 12px;
}

.header .g2-line.container {
    height: auto;
}

.promo-banner-active.post-type-archive-agencies #header {
    transition: transform 0.24s ease;
}

.page-template-seo-data-product .header-scroll .g2-line {
    transform: none;
}

.promo-banner-active .header-scroll .g2-line {
    transition: transform 0.3s ease, opacity 0.3s ease;
    will-change: transform, opacity;
}

.header-scroll .g2-line {
    transform: translateY(32px) translateZ(0);
}

.header-scroll.scrolling-down {
    transform: translateY(calc(-1 * var(--g2-line-height))) translateZ(0);
}

.promo-banner-active.banner-scrolled .api-current-page {
    top: 0;
    transition: top 0.3s ease, right 0.5s;
}

@keyframes glowMove {
    0% {
        left: -100%;
    }

    100% {
        left: 200%;
    }
}

.g2-line__text-wrap {
    display: block;
    text-align: center;
}

.g2-line__icon {
    position: relative;
    width: 16px;
    height: 16px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
    z-index: 10;
}

.g2-line__icon--left {
    margin-right: 8px;
}

.g2-line__icon--right {
    margin-left: 8px;
}

.g2-line__text {
    position: relative;
    display: inline;
    z-index: 10;
    text-align: center;
    overflow-wrap: break-word;
}

.g2-line__content {
    position: relative;
    min-height: 40px;
    cursor: pointer;
    background-color: var(--g2-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 35px 10px 8px;
    font-family: 'TT Fors', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 140%;
    color: var(--g2-color);
    text-align: center;
    text-transform: none;
    border-radius: 8px;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: 'ss01' on, 'ss02' on, 'ss03' on, 'ss04' on, 'ss05' on, 'ss06' on, 'ss07' on;
    transition: background-color 0.2s ease;
    overflow: hidden;
}

.g2-line__content:hover {
    background-color: var(--g2-bg-hover);
}

.g2-line__highlight {
    color: var(--g2-highlight-color);
}

.bg-dark-blue {
    background-color: var(--se-main-color-blue-dark);
}

/* Shine effect (constructor: shine_enabled) */
.g2-line__content_has-shine::before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 1;
    width: 60%;
    height: 100%;
    content: '';
    opacity: var(--g2-shine-opacity, 1);
    background: linear-gradient(90deg,
            transparent 0%,
            var(--g2-shine-color) 50%,
            transparent 100%);
    animation: glowMove 7s ease-in-out infinite;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.g2-line__content_shine-hide-on-hover:hover::before {
    opacity: 0;
}

.g2-line__content a {
    font-weight: 500;
    color: var(--g2-color-link);
    text-decoration: none;
}

.g2-line__content a:hover {
    text-decoration: none;
}

/* Text hover color when hovering anywhere over the bar */
.g2-line__content:hover .g2-line__text,
.g2-line__content:hover a {
    color: var(--g2-color-link-hover);
}

.g2-line__link {
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: var(--g2-color-link);
    text-align: center;
    text-decoration: none !important;
}

/* Full bar area is link; in flow so height grows with text */
.g2-line__link-wrap {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
}

.g2-line__close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    width: 12px;
    min-width: 35px;
    height: 100%;
    padding: 0 8px 0 15px;
    margin-left: 0;
    cursor: pointer;
}

.g2-line__close:before,
.g2-line__close:after {
    position: relative;
    top: 0;
    display: block;
    width: 2px;
    height: 16px;
    content: '';
    background-color: var(--g2-close-color);
    transition: .24s;
}

.g2-line__close:hover::before,
.g2-line__close:hover::after {
    background-color: var(--g2-close-color-hover);
}

.g2-line__close:before {
    right: -2px;
    transform: rotate(45deg);
}

.g2-line__close:after {
    right: 0;
    transform: rotate(-45deg);
}

.g2-line-logged,
.g2-line_d-none {
    display: none;
}

.promo-banner-active .header-scroll .g2-line.g2-line_banner-hide,
.header-scroll .g2-line.g2-line_banner-hide,
.g2-line.g2-line_banner-hide {
    display: none !important;
    opacity: 0;
    height: 0;
    width: 0;
    max-height: 0;
    padding: 0;
    transform: none;
    transition: none !important;
}

.promo-banner-active.banner-scrolled.page-template-moz-alternative-template .thead {
    top: 70px;
}

.post-template-single-api-new .header-scroll .g2-line {
    transform: translateY(0) translateZ(0);
}

@media screen and (max-width: 1199px) {

    .g2-line,
    .header-scroll .g2-line {
        transform: none;
    }

    .post-type-archive-agencies .header-scroll.scrolling-down .g2-line,
    .agencies-template-single-agencies .header-scroll.scrolling-down .g2-line {
        pointer-events: none;
        opacity: 0;
    }

    .promo-banner-active.banner-scrolled .overview-block__sidebar {
        top: 70px;
    }

    .promo-banner-active.banner-scrolled .single-api__navigation {
        top: 96px;
    }

    .promo-banner-active.banner-scrolled.page-template-moz-alternative-template .thead {
        top: 70px;
    }

    .promo-banner-active.page-template-subscription .fix.header-scroll.scrolling-down {
        transform: translateY(calc(-1 * var(--g2-line-height))) translateZ(0);
    }
}

@media screen and (max-width: 1023px) {

    .promo-banner-active.banner-scrolled .single-api__navigation-wrapper,
    .promo-banner-active.banner-scrolled .api-current-page {
        top: 72px;
    }

    .promo-banner-active.api-template-single-api.banner-scrolled .api-current-page {
        top: 70px;
        transition: top 0.3s ease;
    }
}

@media screen and (max-width: 767px) {
    .g2-line__content {
        text-align: start;
    }

    .g2-line_mobile-text-start .g2-line__text-wrap,
    .g2-line_mobile-text-start .g2-line__text {
        text-align: start;
    }

    .g2-line_mobile-text-center .g2-line__text-wrap,
    .g2-line_mobile-text-center .g2-line__text {
        text-align: center;
    }

    .promo-banner-active.banner-scrolled .single-api__navigation-wrapper,
    .promo-banner-active.banner-scrolled .api-current-page {
        top: 78px;
    }

    .promo-banner-active.api-template-single-api.banner-scrolled .api-current-page {
        top: 70px;
        transition: top 0.3s ease;
    }

    .g2-line__close {
        top: 12px;
        height: auto;
    }

    .g2-line__text--desktop {
        display: none;
    }

    .g2-line__text--mobile {
        display: block;
    }
}

@media screen and (max-width: 575px) {
    .g2-line__link {
        text-align: start;
    }

    .mobile-hidden {
        display: none;
    }

    .page-template-backlinks-monitoring-new.promo-banner-active .header .container {
        padding-right: 16px;
        padding-left: 16px;
    }

    .promo-banner-active.api-template-single-api.banner-scrolled .api-current-page {
        top: 75px;
        transition: top 0.3s ease;
    }
}