@import url('https://fonts.cdnfonts.com/css/minecraft-title');

:root {
    --primary-color: #22c6f7;
    
    --header-text-color: white;
    --header-background-color: #002b4a;
    
    --footer-background-color: #00101c;
    --footer-text-color: #687987;
    
    --tebex-legal-footer-max-width: 1200px !important;
    --tebex-legal-footer-background-color: #000d16 !important;
    --tebex-legal-footer-border-color: #607d8b17 !important;
    --tebex-legal-footer-text-color: var(--footer-text-color) !important;
    --tebex-legal-footer-logo-color: var(--footer-text-color) !important;
    
    
    --countdown-radius: 6px;
    --countdown-color: hotpink;
    --countdown-large-color: #09dd87;
    --countdown-text-color: white;
    --countdown-gap: 10px;
}
:root {
    --color-bg: white;
}
.stackedpackage__price del {
    color: red;
}

.packages-stacked .stackedpackage__price {
    color: #7ab744 !important;
}
.store-form .field button {
    width: 100%;
}
.store-form input[type=text], .store-form input[type=password], .store-form input[type=email], .store-form input[type=number], .store-form input[type=search], .store-form input[type=url], .store-form input[type=tel], .store-form input[type=date], .store-form input[type=time], .store-form input[type=datetime-local], .store-form input[type=file], .store-form input[type=month], .store-form input[type=week], .store-form select, .store-form textarea {
    margin-bottom: 12px;
    width: 100%;
    padding: 14px 12px;
    color: var(--color-text-secondary);
    background: #f7f7f7;
    font-size: 14px;
}
.logo {
    max-width: 450px;
    margin-bottom: -132px;
    position: relative;
    top: -10px;
}
[x-cloak] { display: none !important; }
img {
    max-width: 100%;
}
* {
    box-sizing: border-box;
}
.site-content.login-wrapper .store-text > h2 {
    text-transform: uppercase;
    font-size: 34px;
}
body {
    margin: 0;
    font-family: 'Minecraft Title', sans-serif;

}
p.no-products {
    padding: 30px;
    background: #22b2f61f;
    color: #1ea0c7;
    border-radius: 12px;
}
h1,h2,h3,h4,h5,p {
    margin: 0;
    font-weight: normal;
}

b, strong {
    font-weight: normal;
}

.hidden {
    display: none !important;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

#app {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#content {
    flex: 1;
    padding: 40px 0px;
    background: white;
    position: relative;
}
.category-item .image {
    order: 5;
    margin-left: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 20px;
    max-width: 200px;
}
.store-products-list .store-product, .store-products-images .store-product {
    position: relative;
}
.category-item .image img {
    max-width: 100%;
}
:root {
    --color-brighter-bg: #ffffff;
    --color-text: #000000;
    --color-text-darker: #000000;
    --color-text-secondary: #7a7a7a;
}
.store-bar .user-btn {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    font-size: 22px;
}

.store-bar .user-btn img {
    max-width: 42px;
    border-radius: 6px;
    order: 5;
}

.store-bar .right {
    margin-left: auto;
    text-align: right;
}


.store-bar .user-btn.player {
    height: 70px;
    background: #edf6fd;
    padding: 0 25px;
    border-radius: 10px;
}

.store-bar .player h1 {
    font-size: 21px;
}

.store-bar .left, .store-bar .right {
    display: flex;
    align-items: center;
    gap: 25px;
}

.store-bar .user-btn {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    font-size: 22px;
}

.store-bar .user-btn img {
    max-width: 42px;
    border-radius: 6px;
    order: 5;
}

.store-bar .right {
    margin-left: auto;
    text-align: right;
}

.store-bar .cart-btn {
    background: #91c761;
    width: 65px;
    height: 65px;
    border-radius: 10px;
    color: #4a6631;
}

.store-bar .user-btn.player {
    height: 70px;
    background: #edf6fd;
    padding: 0 25px;
    border-radius: 10px;
}

.store-bar .player h1 {
    font-size: 21px;
}

.store-bar {
    display: flex;
    align-items: center;
    padding: 0 30px;
}

.store-bar .home {
    width: 65px;
    height: 65px;
    background: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 25px;
    color: white;
}

.store-bar h1 {
    font-size: 32px;
}

.store-bar .text {
    line-height: 1;
    text-transform: uppercase;
}

.store-bar .text p {
    font-size: 13px;
    margin-bottom: 4px;
    color: #14b6e7;
}
.store-bar {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
    border-radius: 15px;
    background: white;
    min-height: 124px;
    margin-bottom: 30px;
}

.popup-close {
    filter: invert(1);
    margin: 10px;
}

.popup-content {
    padding: 40px;
}

.store-product .image {
    max-width: 142px;
}
.basket-empty {
    color: white !important;
}
.store-products-list .store-product, .store-products-images .store-product {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
    border-radius: 12px !important;
    padding: 40px;
}

.store-product .product-title {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: -10px;
    font-weight: normal;
}

.store-product .product-title a {
    color: black !important;
}

.btn-primary {
    background: #91c761 !important;
    color: #3f5e23 !important;
}

.btn-primary, .btn-secondary, .btn-tertiary {
    border-radius: 9px !important;
    text-transform: uppercase !important;
    font-weight: normal !important;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}
.store-product .price {
    color: #22c6f7;
}
.store-product-options .product-title {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
}

.popup .store-form input[type=text], .popup .store-form input[type=password], .popup .store-form input[type=email], .popup .store-form input[type=number], .popup .store-form input[type=search], .popup .store-form input[type=url], .popup .store-form input[type=tel], .popup .store-form input[type=date], .popup .store-form input[type=time], .popup .store-form input[type=datetime-local], .popup .store-form input[type=file], .popup .store-form input[type=month], .popup .store-form input[type=week], .popup .store-form select, .popup .store-form textarea {
    background: #ededed;
    color: #000000;
    text-align: center;
}

.store-form input[type=text], .store-form input[type=password], .store-form input[type=email], .store-form input[type=number], .store-form input[type=search], .store-form input[type=url], .store-form input[type=tel], .store-form input[type=date], .store-form input[type=time], .store-form input[type=datetime-local], .store-form input[type=file], .store-form input[type=month], .store-form input[type=week], .store-form select, .store-form textarea {
    border: 2px solid #e1e1e1;
}

.store-form {
    text-align: center;
}

.store-product-options .actions {
    width: 100%;
}

.store-product-options .actions .btn-primary, .store-product-options .actions .btn-secondary, .store-product-options .actions .btn-tertiary {
    width: 100%;
}

.store-form .input-group, .store-form .field, .store-form .field-inline {
    margin-bottom: 14px;
}

.site-header, .site-sale-banner, .site-home-categories, .site-content, .site-footer-inner {
    max-width: none;
    padding: 0;
}

.store-products-images {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

@media only screen and (min-width: 868px) {
    .hidden-desktop {
        display:none !important;
    }
}
@media only screen and (max-width: 868px) {

.store-bar {
    flex-direction: column;
    padding: 30px;
    gap: 20px;
}

.store-bar .right {
    margin-left: 0;
    width: 100%;
}

.store-bar .user-btn {
    flex: 1;
}

.store-bar .home {
    display: none;
}

.store-bar .text {
    text-align: center;
}

.store-bar .left {
    height: 82px;
    background: #edf6fd;
    padding: 0 25px;
    border-radius: 10px;
    width: 100%;
    justify-content: center;
}
    .category-grid {padding: 0 !important;gap: 20px !important;}
    
    #content .container {
        padding: 0 30px !important;
    }
    
    .saleCountdown.large {
        margin-bottom: 30px !important;
    }
    .hidden-mobile{
        display:none !important;
    }
    #footer .container {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }
    .mobile-trigger {
        background: #000000;
        border-radius: 100px;
        color: white !important;
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
    #head {
        padding-top:30px !important;
        padding-bottom:40px !important;
    }
}


/* */
div#head {
    background: var(--header-background-color);
    padding-top:40px;
    padding-bottom:72px;
    text-transform: uppercase;
    color: var(--header-text-color);
}

#head .head-col .icon {
    width: 76px;
    height: 76px;
    background: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    font-size: 32px;
    color: white;
    position: relative;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

#head .container {
    flex: 1;
    display: flex;
}

#head .head-col {
    flex: 1;
    display: flex;
    align-items: center;
}

#head .head-col.right {
    justify-content: flex-end;
    text-align: right;
}

#head .head-col .inner:hover {
    opacity: .65;
}

#head .head-col .inner {
    position: relative;
    transition: all .15s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 30px;
}

#head .head-col.right .icon {
    order: 5;
}

#head .head-col h1 {
    font-size: 30px;
}

#head .icon .count {
    font-size: 18px;
    color: var(--primary-color);
    position: absolute;
    top: 0;
    left: 0;
    margin: -16px;
    background: #ffffff;
    border-radius: 100px;
    padding: 5px 10px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

#head .right .icon .count {
    right: 0;
    left: inherit;
}


/* */
#nav .container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
#nav .container > a:hover {
    opacity: .65;
}
#nav .container > a {
    transition: all .15s ease;
    text-decoration: none;
    color: var(--header-text-color);
    font-size: 22px;
    line-height: 1;
    min-width: 122px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

#nav .container > a.store {
    background: white;
    display: flex;
    min-width: 152px;
    border-radius: 100px;
    color: var(--primary-color);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

#nav {
    margin-bottom: 60px;
}


/* */
#footer {
    position: relative;
    background: var(--footer-background-color);
    color: white;
    padding: 65px 0;
    margin-top: auto;
    text-transform: uppercase;
}

#footer svg {
    fill: currentColor;
}

#footer a {
    color: inherit;
}

#footer .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#footer .container .right {
    display: flex;
    align-items: center;
    gap: 30px;
}

#footer .socials {
    display: flex;
    gap: 30px;
}

#footer .watermark {
    width: 50px;
    position: relative;
    top: 3px;
}

#footer p {
    font-size: 11px;
    margin-top: 10px;
    color: var(--footer-text-color);
}
#footer .socials > a:hover {
    opacity:.75;
}
#footer .socials > a {
    transition: all .15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 20px;
    background: #ffffff08;
    width: 55px;
    height: 55px;
    border-radius: 10px;
}

#footer .watermark-text a {
    color: silver;
}


/* */
.logo {
    margin-left: auto;
    margin-right: auto;
}
div#head {
    position: relative;
}

div#bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

div#bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .2;
    filter: blur(25px);
}

#nav, #head > .container {
    position: relative;
    z-index: 5;
}

div#head::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: linear-gradient(360deg, #172c40
, transparent);
    content: "";
}
#head .head-col.right .icon {
    background: #91c761;
}

#head .head-col.right .icon .count {
    color: #91c761;
}
.category-item {
    transition: all .2s ease;
    color: black;
    text-transform: uppercase;
    background: #ffffff;
    flex: 1;
    min-width: 400px;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
    cursor: pointer;
    min-height: 260px;
    display: flex;
    align-items: flex-end;
}
.category-item.ranks p {
    color: #22c6f7;
}

.category-item.keys .text:after {
    background: #91c761;
}

.category-item.keys .text p {
    color: #91c761;
}

.category-item.coins p {
    color: #e91e9f;
}

.category-item.coins .text:after {
    background: #e91e9f;
}
#head .head-col p {
    color: #aae576;
}

#head .head-col.right p {
    color: #61dbff;
}
.category-item {
    position: relative;
}

.category-item .text::after {
    content: "";
    height: 60px;
    width: 10px;
    background: #22c6f7;
    position: absolute;
    left: 0;
    bottom: 63px;
}
.category-item:hover {
    transform: scale(1.02);
}
.category-item h1 {
    font-size: 50px;
}

.category-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    padding: 30px 0px;
}

div#content {
    background: #edf6fd;
}
.saleCountdown.large h1 {
    font-weight: normal !important;
    text-transform: uppercase;
    font-size: 42px;
}

.saleCountdown.large p {
    font-weight: normal !important;
    opacity: 1;
    text-transform: uppercase;
    font-size: 15px;
}

.saleCountdown.large {
    border-radius: 15px !important;
    background: #0db6e9 !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
}

.saleCountdown.large .center {
    display: none;
}
/* */

    .countdown-item .countdown-timer {
        display: flex;
        gap: var(--countdown-gap);
    }
    .countdown-item .countdown-timer > .timeLeft {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 38px;
        border-radius: var(--countdown-radius);
    }

    .large .countdown-item .countdown-timer {
        gap: var(--countdown-gap);
    }
    .large .countdown-item > .countdown-timer > .timeLeft {
        display: flex;
        flex-direction: column;
        width: 75px;
        height: 75px;
    }
    .large .countdown-item > .countdown-timer > .timeLeft b {
        font-size: 150%;
    }

    /* */
    .small .countdown-item .countdown-timer .timeLeft {
        background: #ffffff47;
    }
    .saleCountdown.small {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 25px;
        background: var(--countdown-color);
        color: var(--countdown-text-color);
        border-radius: var(--countdown-radius);
        padding: 15px 20px;
    }
    .large .countdown-item .countdown-timer b {
        font-weight: 900;
    }
    .large .countdown-item .countdown-timer span {
        opacity: .75;
    }
    .saleCountdown.large h1 {
        font-weight: 900;
    }
    .saleCountdown.large p {
        opacity: .75;
        font-weight:500;
    }
    .saleCountdown.large {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 50px;
        background: var(--countdown-large-color);
        color: var(--countdown-text-color);
        border-radius: var(--countdown-radius);
        padding: 50px;
        font-size: 18px;
    }
    .saleCountdown.large .right {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 15px;
        flex: 1;
    }
    .saleCountdown.large .timeLeft {
        background: #00000021;
    }
    .saleCountdown.large h1, .saleCountdown.large p {
        margin: 0px;
    }
    .saleCountdown.large .left, .saleCountdown.large .right, .saleCountdown.large .center {
        flex: 1;
    }
    .saleCountdown.large .left {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .large .countdown-item .countdown-timer span {
        text-transform: uppercase;
        font-size: 11px;
        margin-top: 4px;
    }
    .saleCountdown.large .right small {
        text-transform: uppercase;
    }
    .saleCountdown.small .text {
        font-weight: bold;
    }

    /* Mobile Devices */
    @media screen and (max-width: 768px) {
        .saleCountdown.small {
            display: none;
        }
        .saleCountdown.large {
            flex-direction: column;
            gap: 20px;
        }
        .saleCountdown.large .right {
            align-items: center;
        }
        .saleCountdown.large .left {
            text-align: center;
        }
    }

/* */

.wrapper--art:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background-color: inherit;
    mask-repeat: repeat-x;
    -webkit-mask-repeat: repeat-x;
    mask-position: bottom;
    -webkit-mask-position: bottom;
}
.blocky:before {
    -webkit-mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="38.22" height="5.23" viewBox="0 0 38.22 5.23"><rect width="38.22" height="5.23" fill="%23231f20" stroke-width="0"/></svg>');
    mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="38.22" height="5.23" viewBox="0 0 38.22 5.23"><rect width="38.22" height="5.23" fill="%23231f20" stroke-width="0"/></svg>');
    -webkit-mask-size: 110px 8px;
    mask-size: 110px 8px;
    height: 8px;
    top: -8px;
}
.pointedSm:before {
    -webkit-mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="110.128" height="8.291" viewBox="0 0 110.128 8.291"><polygon points="55.064 .658 0 8.291 55.064 8.291 110.128 8.291 55.064 .658" fill="%23231f20" stroke-width="0"/></svg>');
    mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="110.128" height="8.291" viewBox="0 0 110.128 8.291"><polygon points="55.064 .658 0 8.291 55.064 8.291 110.128 8.291 55.064 .658" fill="%23231f20" stroke-width="0"/></svg>');
    -webkit-mask-size: 110px 8px;
    mask-size: 110px 8px;
    height: 8px;
    top: -8px;
}
.pointed:before {
    -webkit-mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="181.383" height="12.911" viewBox="0 0 181.383 12.911"><polygon points="90.691 0 0 12.911 90.691 12.911 181.383 12.911 90.691 0" fill="%23231f20" stroke-width="0"/></svg>');
    mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="181.383" height="12.911" viewBox="0 0 181.383 12.911"><polygon points="90.691 0 0 12.911 90.691 12.911 181.383 12.911 90.691 0" fill="%23231f20" stroke-width="0"/></svg>');
    -webkit-mask-size: 181px 12px;
    mask-size: 181px 12px;
    height: 12px;
    top: -12px;
}
.curveSm:before {
  -webkit-mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="76" height="7.009" viewBox="0 0 76 7.009"><path d="m63.752,5.662c-6.966-1.487-10.52-3.518-18.55-4.82-3.048-.494-5.565-.692-7.202-.783-1.638.09-4.155.289-7.202.783-8.03,1.302-11.584,3.333-18.55,4.82C9.392,6.271,5.215,6.949,0,7.009h76c-5.215-.06-9.392-.738-12.248-1.348Z" fill="%23231f20" stroke-width="0"/></svg>');
    mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="76" height="7.009" viewBox="0 0 76 7.009"><path d="m63.752,5.662c-6.966-1.487-10.52-3.518-18.55-4.82-3.048-.494-5.565-.692-7.202-.783-1.638.09-4.155.289-7.202.783-8.03,1.302-11.584,3.333-18.55,4.82C9.392,6.271,5.215,6.949,0,7.009h76c-5.215-.06-9.392-.738-12.248-1.348Z" fill="%23231f20" stroke-width="0"/></svg>');
    -webkit-mask-size: 76px 7px;
    mask-size: 76px 7px;
    height: 7px;
    top: -7px;
}
.curve:before {
  -webkit-mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="140.957" height="15.743" viewBox="0 0 140.957 15.743"><path d="m118.242,12.69c-12.92-3.368-19.511-7.969-34.405-10.917-5.652-1.119-10.321-1.568-13.358-1.773-3.038.205-7.706.654-13.358,1.773-14.894,2.948-21.485,7.549-34.405,10.917-5.296,1.381-13.044,2.916-22.715,3.053h140.957c-9.672-.137-17.42-1.672-22.716-3.053Z" fill="%23231f20" stroke-width="0"/></svg>');
    mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="140.957" height="15.743" viewBox="0 0 140.957 15.743"><path d="m118.242,12.69c-12.92-3.368-19.511-7.969-34.405-10.917-5.652-1.119-10.321-1.568-13.358-1.773-3.038.205-7.706.654-13.358,1.773-14.894,2.948-21.485,7.549-34.405,10.917-5.296,1.381-13.044,2.916-22.715,3.053h140.957c-9.672-.137-17.42-1.672-22.716-3.053Z" fill="%23231f20" stroke-width="0"/></svg>');
    -webkit-mask-size: 140px 15px;
    mask-size: 140px 15px;
    height: 15px;
    top: -15px;
}
.curveLg:before {
  -webkit-mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="181.383" height="20.257" viewBox="0 0 181.383 20.257"><path d="m152.153,16.329c-16.626-4.334-25.107-10.254-44.272-14.048-7.273-1.44-13.28-2.018-17.189-2.281-3.909.264-9.916.842-17.189,2.281-19.165,3.794-27.647,9.714-44.272,14.048-6.815,1.777-16.785,3.752-29.23,3.928h181.383c-12.446-.176-22.415-2.151-29.23-3.928Z" fill="%23231f20" stroke-width="0"/></svg>');
    mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="181.383" height="20.257" viewBox="0 0 181.383 20.257"><path d="m152.153,16.329c-16.626-4.334-25.107-10.254-44.272-14.048-7.273-1.44-13.28-2.018-17.189-2.281-3.909.264-9.916.842-17.189,2.281-19.165,3.794-27.647,9.714-44.272,14.048-6.815,1.777-16.785,3.752-29.23,3.928h181.383c-12.446-.176-22.415-2.151-29.23-3.928Z" fill="%23231f20" stroke-width="0"/></svg>');
    -webkit-mask-size: 181px 20px;
    mask-size: 181px 20px;
    height: 20px;
    top: -20px;
}
.waveXs:before {
    -webkit-mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="38.22" height="7.2" viewBox="0 0 38.22 7.2"><path d="m19.11,7.17C4.85,6.86,0,0,0,0v7.2h38.22V0s-4.85,6.86-19.11,7.17Z" fill="%23231f20" stroke-width="0"/></svg>');
    mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="38.22" height="7.2" viewBox="0 0 38.22 7.2"><path d="m19.11,7.17C4.85,6.86,0,0,0,0v7.2h38.22V0s-4.85,6.86-19.11,7.17Z" fill="%23231f20" stroke-width="0"/></svg>');
    -webkit-mask-size: 37px 7px;
    mask-size: 37px 7px;
    height: 7px;
    top: -7px;
}
.waveSm:before {
    -webkit-mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="76" height="8.733" viewBox="0 0 76 8.733"><path d="m38,0h0s0,0,0,0h0C25.644,8.733,0,8.703,0,8.703v.029h76v-.029S50.356,8.733,38,0Z" fill="%23231f20" stroke-width="0"/></svg>');
    mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="76" height="8.733" viewBox="0 0 76 8.733"><path d="m38,0h0s0,0,0,0h0C25.644,8.733,0,8.703,0,8.703v.029h76v-.029S50.356,8.733,38,0Z" fill="%23231f20" stroke-width="0"/></svg>');
    -webkit-mask-size: 76px 8px;
    mask-size: 76px 8px;
    height: 8px;
    top: -8px;
}
.wave:before {
    -webkit-mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="76" height="11.584" viewBox="0 0 76 11.584"><path d="m38.034.029v-.029c-.005.005-.011.01-.017.015-.005-.005-.011-.01-.017-.015v.029C25.631,11.583.034,11.56.034,11.56v.024h75.966v-.024s-25.598.023-37.966-11.531Z" fill="%23231f20" stroke-width="0"/></svg>');
    mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="76" height="11.584" viewBox="0 0 76 11.584"><path d="m38.034.029v-.029c-.005.005-.011.01-.017.015-.005-.005-.011-.01-.017-.015v.029C25.631,11.583.034,11.56.034,11.56v.024h75.966v-.024s-25.598.023-37.966-11.531Z" fill="%23231f20" stroke-width="0"/></svg>');
    -webkit-mask-size: 76px 11px;
    mask-size: 76px 11px;
    height: 11px;
    top: -11px;
}
.waveLg:before {
    -webkit-mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="144" height="21.958" viewBox="0 0 144 21.958"><path d="m72.032.056v-.056c-.01.01-.022.018-.032.028-.01-.01-.021-.018-.032-.028v.056C62.241,21.316,0,21.913,0,21.913v.045h144v-.045S81.759,21.316,72.032.056Z" fill="%23231f20" stroke-width="0"/></svg>');
    mask-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="144" height="21.958" viewBox="0 0 144 21.958"><path d="m72.032.056v-.056c-.01.01-.022.018-.032.028-.01-.01-.021-.018-.032-.028v.056C62.241,21.316,0,21.913,0,21.913v.045h144v-.045S81.759,21.316,72.032.056Z" fill="%23231f20" stroke-width="0"/></svg>');
    -webkit-mask-size: 144px 21px;
    mask-size: 144px 21px;
    height: 21px;
    top: -21px;
}
.packages-stacked .product-title {
    display: none;
}

/* STACKED CSS */
.stackedpackage-group .wide {
    width: 100%;
    flex: none;
    margin-bottom: 0px;
}

.stackedpackage-group .stackedpackage__cell--image {
    margin: 0 auto;
    max-width: 150px;
}

.stackedpackage-group .stackedpackage__cell--image img {
    max-width: 100%;
}

.packages-grouped .stackedpackage-group .stackedpackage__cell--name {font-size: 32px;text-transform: uppercase;}

.packages-grouped .stackedpackage-group .stackedpackage__quantity-buttons {
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 5px;
}

.packages-grouped .stackedpackage-group .stackedpackage__quantity-buttons > button {
    flex: 1;
    background: #dfe8ef;
    text-align: center;
    padding: 12px;
    font-size: 19px;
    color: #83909b;
}

.packages-grouped .stackedpackage-group .stackedpackage__quantity-buttons > button.quantity-btn--active {
    background: #1eb5db;
    color: white;
}

.packages-grouped .stackedpackage-group {
    position: relative;
}
.package-tag:not(.special) {
    color: #9d6b23;
}
.package-tag {
    background: #FFC107;
    position: absolute;
    top: 0;
    color:white;
    right: 10px;
    margin: 30px;
    padding: 10px 16px;
    border-radius: 100px;
    font-size: 15px;
}

.packages-stacked {
    display: flex;
    flex-direction: column;
}

.packages-stacked .stackedpackage-group .stackedpackage {
    display: flex;
    gap: 15px;
}

.packages-stacked .stackedpackage-group .stackedpackage .stackedpackage__cell {
    flex: 1;
    padding: 30px;
}

.packages-stacked .stackedpackage-group .stackedpackage .stackedpackage__cell.image-link {
    background: #edf6fd;
    margin: 0;
    flex-direction: column;
    border-radius: 10px;
}

.packages-stacked .stackedpackage__amount {
    font-size: 32px;
}

.packages-stacked .stackedpackage-group .wide {
    margin-top: 15px;
}

.packages-stacked .stackedpackage__price {
    color: #7d93a5;
}

@media only screen and (max-width: 768px) {
.site-content.login-wrapper .help-block {
    display: none !important;
}
    .packages-stacked .stackedpackage-group .stackedpackage {
        flex-direction: column;
    }
    .stackedpackage__cell.stackedgroup_cell {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }
    
    .packages-stacked .stackedpackage-group .stackedpackage .stackedpackage__cell.image-link {
        width: 100%;
    }
}

.popup-content.basket-popup-content.basket {
    padding: 0px;
    background: #0e161c;
}

.basket .basket-header .avatar img {
    max-width: 84px;
}

.basket .basket-header {
    justify-content: flex-start;
    gap: 30px;
    padding-top: 30px !important;
    background: #0e161c;
    color: white !important;
}

.basket .basket-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    position: relative;
    top: 20px;
}

.basket .basket-header .avatar {
    overflow: hidden;
    height: 100px;
    margin-bottom: -30px;
}

.basket .basket-header .avatar img {
    max-width: 84px;
}

.basket .basket-title::before {
    display: none;
}

.basket .basket-title a {
    font-size: 11px;
    color: #f44336;
    letter-spacing: 1px;
}

.basket-second-header {
    background: #f3f3f3 !important;
}

.basket .basket-item .title {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 18px;
    color: white !important;
}

.popup .basket .basket-item {
    border-radius: 10px;
    border-color: #ffffff !important;
    background: #1b2a34 !important;
}

.basket .basket-item .price strong {
    font-size: 15px;
}

.basket .basket-item .price {
    color: #91c761;
}

.basket .basket-checkout h3 {
    color: white;
    font-weight: normal;
}

.basket .basket-second-header {
    color: white;
    background: #1b2a34 !important;
}

.basket .basket-item .quantity-field {
    color: white !important;
    background: #0e161c !important;
    border-color: #314552 !important;
}

.basket .basket-item .quantity-field .adjust {
    color: white !important;
    background: transparent !important;
}

.basket .quantity-field .adjust::before {
    filter: invert(1);
}

.basket .basket-item .remove {
    background: #F44336;
    font-size: 14px;
}
.site-content.login-wrapper .help-block {
    max-width: 353px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.site-content.login-wrapper {
    display: flex;
    gap: 40px;
}

.store-text:not(.help-block) {
    flex: 1;
}

.help-block .image {
    width: 125px;
    height: 125px;
    border-radius: 100px;
    margin: 0 auto;
    margin-bottom: 20px;
    background: #dde7ef;
}
.help-block .image {
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.help-block h1 {
    margin: 0px !important;
    text-transform: uppercase;
}

.help-block p {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    color: #0babdb;
}

.site-content.login-wrapper .store-text {
    border-radius: 20px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
}

.buttons-group button {
    width: 100%;
    margin-top: 15px;
}

.store-form input[type=text], .store-form input[type=password], .store-form input[type=email], .store-form input[type=number], .store-form input[type=search], .store-form input[type=url], .store-form input[type=tel], .store-form input[type=date], .store-form input[type=time], .store-form input[type=datetime-local], .store-form input[type=file], .store-form input[type=month], .store-form input[type=week], .store-form select, .store-form textarea {
    border-radius: 9px;
}

.nav-tabs {
    display: flex;
    list-style: none;
    margin: 0px !important;
    gap: 20px;
    padding-bottom: 10px;
}

.nav-tabs > li {
    flex: 1;
}

.nav-tabs > li > button {
    background: #e1e1e1;
    width: 100%;
    text-align: center;
    padding: 18px;
    border-radius: 10px;
    font-size: 16px;
    text-transform: uppercase;
    color: #7e7e7e;
}

.site-content.login-wrapper .store-form input[type=text] {
    text-align: center;
    font-size: 17px;
}

.site-content.login-wrapper .nav-tabs > li > button.active {
    background: #32b1d7;
    color: #0f2f47;
}