@font-face {
    font-family: 'DalaFloda-Roman';
    src: url('../fonts/DalaFloda-Roman.eot');
    src: url('../fonts/DalaFloda-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/DalaFloda-Roman.svg#DalaFloda-Roman') format('svg'), url('../fonts/DalaFloda-Roman.ttf') format('truetype'), url('../fonts/DalaFloda-Roman.woff') format('woff'), url('../fonts/DalaFloda-Roman.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LuloCleanOne-Bold';
    src: url('../fonts/LuloCleanOne-Bold.eot');
    src: url('../fonts/LuloCleanOne-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/LuloCleanOne-Bold.svg#LuloCleanOne-Bold') format('svg'), url('../fonts/LuloCleanOne-Bold.ttf') format('truetype'), url('../fonts/LuloCleanOne-Bold.woff') format('woff'), url('../fonts/LuloCleanOne-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LuloCleanOne';
    src: url('../fonts/LuloCleanOne.eot');
    src: url('../fonts/LuloCleanOne.eot?#iefix') format('embedded-opentype'), url('../fonts/LuloCleanOne.svg#LuloCleanOne') format('svg'), url('../fonts/LuloCleanOne.ttf') format('truetype'), url('../fonts/LuloCleanOne.woff') format('woff'), url('../fonts/LuloCleanOne.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNext-Medium';
    src: url('../fonts/AvenirNext-Medium.eot');
    src: url('../fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg'), url('../fonts/AvenirNext-Medium.ttf') format('truetype'), url('../fonts/AvenirNext-Medium.woff') format('woff'), url('../fonts/AvenirNext-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNext-DemiBold';
    src: url('../fonts/AvenirNext-DemiBold.eot');
    src: url('../fonts/AvenirNext-DemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNext-DemiBold.svg#AvenirNext-DemiBold') format('svg'), url('../fonts/AvenirNext-DemiBold.ttf') format('truetype'), url('../fonts/AvenirNext-DemiBold.woff') format('woff'), url('../fonts/AvenirNext-DemiBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNext-Regular';
    src: url('../fonts/AvenirNext-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sbb.header ul,
.sbb.header ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sbb.header li {
    list-style: none;
    padding: 0;
}

.sbb.header__outer-wrap a {
    word-break: break-word;
}

.sbb.header__outer-wrap button {
    word-break: break-word;
}

.sbb.header__outer-wrap {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

    .sbb.header__outer-wrap .header_top {
        padding-top: 0;
        padding-bottom: 0;
    }

@media screen and (min-width:990px) {
    .sbb.header__outer-wrap .header_top {
        background: #EEEDE9;
    }
}

.sbb.header__outer-wrap .header_top .search_box .form-group {
    z-index: 10;
}

@media screen and (max-width:992px) {
    .sbb.header__outer-wrap .header__search .form-group .spinner {
        display: none !important;
    }
}

@media screen and (max-width:992px) {
    .sbb.header__outer-wrap .header__search .form-group.sb-search-open svg line {
        stroke: #707070;
    }
}


@media screen and (max-width:992px) {
    .sbb.header__outer-wrap .header__search .form-group.sb-search-open .search-close {
        display: block !important;
        top: 45%;
        right: 10px;
    }
}


@media screen and (max-width:992px) {
    .sbb.header__outer-wrap .header__search form {
        width: 100%;
    }
}

@media screen and (max-width:992px) {
    .sbb.header__outer-wrap .header__search .form-group .instasearch-drop.open {
        position: fixed;
        top: var(--header-height);
        left: 0;
        max-height: calc(100vh - var(--header-height));
        overflow-y: auto;
    }
}

@media screen and (max-width:992px) {
    .sbb.header__outer-wrap .header__search .form-group input {
        min-width: unset;
    }
}

@media screen and (max-width:992px) {
    .sbb.header__outer-wrap .header__search .form-group input:focus {
        background: #fff;
    }
}

.sbb.header__outer-wrap .header_top .search_box .form-group .form-control-submit {
    background-color: #95B5E4;
    opacity: 1;
    color: #ffffff;
    border-color: #95B5E4;
}


@media screen and (min-width:992px) {
    .sbb.header__outer-wrap .header_top .search_box .form-group .form-control-submit {
        z-index: 99;
    }
}

.sbb.header__outer-wrap .header_top .cart_slideOut {
    top: 0;
    position: fixed;
    z-index: 99999;
}

.sbb.header__outer-wrap .header_top .number, .sbb.header__outer-wrap .header_top .user_icon, .sbb.header__outer-wrap .header_top .admin_link {
    height: 100%;
    margin-top: -6px;
}

.sbb.header__outer-wrap .header_top .cart_area a {
    font-size: 10px;
    line-height: 14.86px;
    font-weight: 400;
    font-family: LuloCleanOne-Bold;
    color: #707070;
}


.sbb.header__outer-wrap .header_top .cart_area > .row {
    align-items: center;
}

.sbb.header__outer-wrap .header_top .cart_box {
    display: block !important;
}

.sbb.header__outer-wrap .clearfix {
    padding-left: 15px;
    padding-right: 15px;
}

    .sbb.header__outer-wrap .clearfix .search_area p {
        font-size: 14px;
        line-height: 24px;
        color: #707070;
        font-weight: 400;
        text-align: left;
        font-family: AvenirNext-Medium;
    }

@media screen and (max-width:767px) {
    .sbb.header__outer-wrap .clearfix .search_area p {
        padding-top: 10px;
    }
}

@media screen and (min-width:992px) {
    .sbb.header__outer-wrap .clearfix .search_area p {
        padding-left: 70px;
    }
}

@media screen and (max-width:990px) {
    .sbb.header__outer-wrap .clearfix .admin_link {
        display: none !important;
    }
}



.sbb.header {
    background-color: #fff;
    position: static !important;
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    font-family: "LuloCleanOne-Bold";
}

.number {
    color: #707070;
}


.sbb.header button {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.sbb.header .container {
    padding: 0 16px;
    max-width: 1540px;
    margin: -36.8px auto 0;
    transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 424px) {
    .sbb.header .container {
        margin: -40px auto 0;
    }
}

@media screen and (min-width:991px) {
    .sbb.header .container {
        margin-top: 0;
    }
}

.sbb.header.is-menu-open .container {
    margin-top: 0;
}

@media screen and (min-width:1320px) {
    .sbb.header .container {
        padding: 0 50px;
    }
}

.sbb.header a {
    display: block;
    font-size: 14px;
    line-height: 20.8px;
    text-decoration: none;
    font-weight: 400;
    color: #707070;
    text-transform: uppercase;
}

    .sbb.header a:hover {
        color: #95B5E4;
    }

    .sbb.header a::after {
        display: inline-block;
    }

.sbb.header .header__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
}

@media screen and (min-width:990px) {
    .sbb.header .header__wrap {
        padding: 20px 0;
    }
}

.sbb.header .header__box {
    flex: 1;
    min-width: calc(100% - 53px);
    min-height: 39px;
    position: relative;
}

@media screen and (min-width:990px) {
    .sbb.header .header__box {
        min-width: unset;
    }
}

.sbb.header .header__block {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
}

@media screen and (min-width:990px) {
    .sbb.header .header__block {
        position: static;
    }
}

.sbb.header .header__block button {
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width:990px) {
    .sbb.header .header__block button {
        display: none;
    }
}

.sbb.header .header__block button img,
.sbb.header .header__block button svg {
    width: 100%;
}

.sbb.header .header__logo {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    width: 183px;
    height: 39px;
}

@media screen and (min-width:990px) {
    .sbb.header .header__logo {
        width: 260px;
        height: 56.34px;
    }
}

.sbb.header .header__logo:hover {
    text-decoration: none;
}

.sbb.header .header__logo img,
.sbb.header .header__logo svg {
    width: 100%;
    height: auto;
}

.sbb.header .header__search {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
}

@media screen and (min-width:990px) {
    .sbb.header .header__search {
        display: none;
    }
}

.sbb.header .header__search input {
    font-size: 14px;
    line-height: 24px;
    font-style: italic;
    border: none;
    outline: none;
    color: #707070;
    flex: 1;
}

    .sbb.header .header__search input::placeholder {
        font-size: 14px;
        line-height: 24px;
        font-style: italic;
        color: #707070;
    }

.sbb.header .header__search button {
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .sbb.header .header__search button img,
    .sbb.header .header__search button svg {
        width: 100%;
    }

.sbb.header .header__menu-btn {
    width: 32px;
    height: 32px;
    padding: 5px 4px;
    margin-left: 20px;
}

@media screen and (min-width:990px) {
    .sbb.header .header__menu-btn {
        display: none;
    }
}

.sbb.header .header__menu-btn span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #707070;
    margin-bottom: 8px;
    text-indent: -999em;
}

    .sbb.header .header__menu-btn span:last-child {
        margin: 0;
    }

.sbb.header nav {
    display: block;
    position: fixed;
    top: var(--header-height);
    left: 0;
    width: 100%;
    height: calc(100% - 71px);
    padding: 24px 24px 40px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
    background-color: #EEEDE9;
    background-image: url("../images/design1.png");
    background-repeat: no-repeat;
    background-position: right 105%;
    overflow-y: auto;
}

@media screen and (min-width:990px) {
    .sbb.header nav {
        position: static;
        width: auto;
        min-width: 60%;
        visibility: visible;
        padding: 0;
        opacity: 1;
        pointer-events: all;
        background-color: transparent;
        background-image: unset;
    }
}

.sbb.header .header__nav {
    transition: all 0.3s ease-in-out;
    margin-bottom: 0px;
}

@media screen and (min-width:990px) {
    .sbb.header .header__nav {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 24px;
    }
}

@media screen and (min-width:1320px) {
    .sbb.header .header__nav {
        gap: 40px;
    }
}

.sbb.header .header__nav > li {
    border-bottom: 1px solid rgba(149, 181, 228, 0.5);
}

    .sbb.header .header__nav > li:last-child {
        border: unset;
    }

@media screen and (min-width:990px) {
    .sbb.header .header__nav > li {
        border: unset;
    }
}

.sbb.header .header__nav > li > a {
    display: block;
    padding: 16px 25px 16px 0;
    position: relative;
    z-index: 1;
}

@media screen and (min-width:990px) {
    .sbb.header .header__nav > li > a {
        padding: 16px 8px;
    }
}

.sbb.header .header__nav > li.has-submenu > a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%23707070' style='stroke:%23707070;stroke:color(display-p3 0.4392 0.4392 0.4392);stroke-opacity:1;' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

@media screen and (min-width:990px) {
    .sbb.header .header__nav > li.has-submenu > a::after {
        display: none;
    }
}

.sbb.header .header__nav > li.is-active .header__menu {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}

.sbb.header .header__nav > li.is-active > a {
    color: #95B5E4;
}

.sbb.header .header__menu {
    position: fixed;
    top: var(--header-height);
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #EEEDE9;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

@media screen and (min-width:990px) {
    .sbb.header .header__menu {
        height: calc(100vh - var(--header-height-desk));
        overflow-y: auto;
        top: var(--header-height-desk);
        left: 50%;
        transform: translateX(-50%);
        border-top: 0.5px solid #95B5E4;
        transition: all 0.3s ease-in-out;
    }
}

@media screen and (max-width:990px) {
    .sbb.header .header__menu {
        background-color: #EEEDE9;
        background-image: url("../images/design1.png");
        background-repeat: no-repeat;
        background-position: right 96%;
    }
}

.sbb.header .header__menu-container {
    padding: 40px 14px 80px;
    transition: all 0.3s ease-in-out;
    margin: 0 auto;
    max-width: 1560px;
}

@media screen and (min-width:990px) {
    .sbb.header .header__menu-container {
        padding: 60px 50px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 20px;
        overflow-y: auto;
    }
}

@media screen and (min-width:1440px) {
    .sbb.header .header__menu-container {
        padding: 60px;
    }
}

.sbb.header .header__inner-back {
    font-size: 12px;
    line-height: 17.83px;
    color: rgba(112, 112, 112, 0.5);
    text-decoration: none;
    display: block;
    position: relative;
    padding-left: 26px;
}

@media screen and (min-width:990px) {
    .sbb.header .header__inner-back {
        display: none;
    }
}

.sbb.header .header__inner-back::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%23707070' style='stroke:%23707070;stroke:color(display-p3 0.4392 0.4392 0.4392);stroke-opacity:1;' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.sbb.header .header__submenu {
    padding: 10px;
    margin-bottom: 60px;
}

@media screen and (min-width:990px) {
    .sbb.header .header__submenu {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 24px;
        width: calc(55% - 10px);
        margin-bottom: 0;
    }
}


@media screen and (min-width:990px) {
    .sbb.header .header__submenu.header__submenu--mod {
        flex-direction: column;
        flex-wrap: wrap;
        max-height: 680px;
        overflow: auto;
    }
}

.sbb.header .header__submenu > li {
    border-bottom: 1px solid rgba(149, 181, 228, 0.5);
}

    .sbb.header .header__submenu > li:last-child {
        border: unset;
    }

@media screen and (min-width:990px) {
    .sbb.header .header__submenu > li {
        width: calc(33.333% - 16px);
        border: unset;
    }
}

.sbb.header .header__submenu > li > button {
    padding: 16px 0;
}

@media screen and (min-width:990px) {
    .sbb.header .header__submenu > li > button {
        padding: 0;
        cursor: default;
    }
}

.sbb.header .header__submenu > li ul {
    display: none;
    padding: 6px 0 10px;
}

@media screen and (min-width:990px) {
    .sbb.header .header__submenu > li ul {
        display: block;
        padding: 20px 0;
        width: 100%;
    }
}


@media screen and (min-width:990px) {
    .sbb.header .header__submenu.header__submenu--mod > li ul {
        padding: 20px 0 0;
    }
}

.sbb.header .header__submenu > li ul li {
    width: 100%;
}

.sbb.header .header__submenu > li.has-dropdown button {
    position: relative;
    padding-right: 24px;
}

    .sbb.header .header__submenu > li.has-dropdown button::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        transition: all 0.3s ease-in-out;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23707070' style='stroke:%23707070;stroke:color(display-p3 0.4392 0.4392 0.4392);stroke-opacity:1;' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    }

@media screen and (min-width:990px) {
    .sbb.header .header__submenu > li.has-dropdown button::after {
        display: none;
    }
}

.sbb.header .header__submenu > li.is-open button::after {
    transform: translateY(-50%) rotateZ(180deg);
}

.sbb.header .header__submenu button {
    font-size: 12px;
    line-height: 17.83px;
    font-weight: 400;
    color: #707070;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    text-align: left;
    display: block;
    width: 100%;
}

.sbb.header .header__submenu a {
    font-family: 'AvenirNext-Regular';
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #707070;
    text-decoration: none;
    display: block;
    text-transform: capitalize;
    margin-bottom: 12px;
}

    .sbb.header .header__submenu a:hover {
        color: #95B5E4;
    }

@media screen and (min-width:1281px) {
    .sbb.header .header__submenu a {
        line-height: 21.86px;
    }

    .sbb.header .header__submenu button {
        line-height: 15.6px;
    }
}

.sbb.header .header__stories,
.sbb.header .header__extramenu {
    padding: 0 10px;
}

    .sbb.header .header__stories li,
    .sbb.header .header__extramenu li {
        margin-bottom: 28px;
    }

        .sbb.header .header__stories li a,
        .sbb.header .header__extramenu li a {
            display: block;
            padding-right: 25px;
            position: relative;
            font-size: 13px;
            line-height: 19.5px;
        }

@media screen and (min-width:990px) {
    .sbb.header .header__stories li a,
    .sbb.header .header__extramenu li a {
        display: inline-block;
        width: max-content;
    }
}

.sbb.header .header__stories li a::after,
.sbb.header .header__extramenu li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    transition: all 0.3s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16663 10.0001H15.8333M15.8333 10.0001L9.99996 4.16675M15.8333 10.0001L9.99996 15.8334' stroke='%2395B5E4' style='stroke:%2395B5E4;stroke:color(display-p3 0.5843 0.7098 0.8941);stroke-opacity:1;' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

@media screen and (min-width:990px) {
    .sbb.header .header__stories {
        width: calc(45% - 10px);
    }
}

.sbb.header .header__stories > P {
    font-size: 12px;
    line-height: 17.83px;
    font-weight: 400;
    font-family: LuloCleanOne-Bold;
    margin-bottom: 24px;
    color: rgba(112, 112, 112, 0.5);
}

@media screen and (min-width:990px) {
    .sbb.header .header__stories > P {
        display: none;
    }
}

@media screen and (min-width:990px) {
    .sbb.header .header__stories > ul {
        width: 100%;
        max-height: calc(100vh - var(--header-height-desk));
        overflow-y: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 24px;
    }
}

@media screen and (min-width:990px) {
    .sbb.header .header__stories > ul > li {
        width: calc(50% - 12px);
        margin-bottom: 0;
        border-radius: 4px;
        overflow: hidden;
    }
}

.sbb.header .header__stories-wrapper {
    overflow: hidden;
}

@media screen and (min-width:990px) {
    .sbb.header .header__stories-wrapper {
        position: relative;
    }
}

.sbb.header .header__stories-wrapper figure {
    display: none;
    margin: 0;
    z-index: -1;
}

@media screen and (min-width:990px) {
    .sbb.header .header__stories-wrapper figure {
        display: block;
        --aspect-ratio: 417/286;
    }
}

.sbb.header .header__stories-wrapper figure img {
    transition: all 0.3s ease-in-out;
}

.sbb.header .header__stories-cnt {
    display: none;
}

@media screen and (min-width:990px) {
    .sbb.header .header__stories-cnt {
        display: block;
        position: absolute;
        z-index: 2;
        bottom: 0;
        padding: 0 20px;
        transition: all 0.3s ease-in-out;
    }
}

@media screen and (min-width:990px) {
    .sbb.header .header__stories-cnt:has(p) {
        bottom: -77px;
    }
}

.sbb.header .header__stories-cnt h3 {
    font-size: 13px;
    line-height: 19.5px;
    font-weight: 400;
    color: #FFFFFF;
    font-family: 'LuloCleanOne-Bold';
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.sbb.header .header__stories-cnt p {
    font-family: "Avenir Next";
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #FFFFFF;
    display: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 60px;
    margin-bottom: 16px;
    word-wrap: break-word;
}


    .sbb.header .header__stories-cnt p:empty {
        display: none;
    }

.sbb.header .header__stories li a {
    font-size: 13px;
    line-height: 19.5px;
    color: #707070;
    font-weight: 400;
}

@media screen and (min-width:990px) {
    .sbb.header .header__stories li a {
        font-size: 0;
        line-height: 0;
        text-decoration: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        z-index: 1;
        border-radius: 4px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 76.86%);
    }
}

@media screen and (min-width:990px) {
    .sbb.header .header__stories li a::after {
        display: none;
    }
}

.sbb.header .header__stories li a:hover {
    text-decoration: none;
}

.sbb.header .header__stories li:hover .header__stories-cnt {
    bottom: 10%;
}

    .sbb.header .header__stories li:hover .header__stories-cnt:has(p) {
        bottom: 0;
    }

@media screen and (min-width:990px) {
    .sbb.header .header__stories li:hover a {
        background: #95B5E4;
        background: color(display-p3 0.5843 0.7098 0.8941);
        mix-blend-mode: multiply;
        opacity: 0.8;
    }
}

.sbb.header .header__stories li:hover .header__stories-wrapper img {
    transform: scale(1.1);
}

.sbb.header .header__extramenu {
    width: 100%;
    display: block;
}

    .sbb.header .header__extramenu li {
        display: block;
    }

@media screen and (min-width:990px) {
    .sbb.header .header__extramenu a:hover::after {
        transform: translate(5px, -50%);
    }
}

.sbb.header.is-search-active .header__block {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.sbb.header.is-search-active .header__search {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.sbb.header.is-menu-open .header__menu-btn span:nth-child(1) {
    transform: translateY(10px) rotateZ(45deg);
}

.sbb.header.is-menu-open .header__menu-btn span:nth-child(2) {
    opacity: 0;
}

.sbb.header.is-menu-open .header__menu-btn span:nth-child(3) {
    transform: translateY(-10px) rotateZ(-45deg);
}

.sbb.header.is-menu-open nav {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    transition-delay: 0.3s;
}

.sbb.header .aspect-box {
    position: relative;
    width: 100%;
}

.sbb.header .aspect-box img, .sbb.header .aspect-box video, .sbb.header .aspect-box canvas, .sbb.header .aspect-box iframe, .sbb.header .aspect-box svg {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     object-fit: cover;
}

.sbb.header .aspect-box:before {
    content: "";
    display: block;
    padding-top: calc(var(--aspect-ratio) * 100%);
 }

.header__loginbar {
    display: none;
}

@media screen and (max-width: 990px) {
    .header__loginbar {
        visibility: hidden;
        position: relative;
        pointer-events: none;
        opacity: 0;
        padding: 8px 20px;
        min-height: 36.8px;
        transition: all 0.3s ease-in-out;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        border-bottom: 1px solid #95B5E4;
        box-shadow: none;
    }

    .header__loginbar .dropdown-menu {
         z-index: 999999;
    }
    .header__loginbar .dropdown {
         position: static;
    }
    .header__loginbar .impersonated{
        display:none !important;
    }
    .header__loginbar .dropdown-menu div{
         margin: 0 20px !important;
    }
    .header__loginbar .dropdown-menu .bloom_dd_email {
        display: none !important;
    }
    
    .sbb.header.is-menu-open .header__loginbar {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .sbb.header.is-menu-open .header__loginbar .number,
    .sbb.header.is-menu-open .header__loginbar .user-section,
    .sbb.header.is-menu-open .header__loginbar .user-section .user_icon {
        display: block !important;
    }

    .sbb.header.is-menu-open .header__loginbar .number,
    .sbb.header.is-menu-open .header__loginbar .number a,
    .sbb.header.is-menu-open .header__loginbar .user-section,
    .sbb.header.is-menu-open .header__loginbar .user-section .user_icon,
    .sbb.header.is-menu-open .header__loginbar .user-section .user_icon a {
        font-size: 10px !important;
    }

    .header__loginbar .dropdown-menu .menubar-link {
        padding: 12px 24px;
    }
}