div#content-main {
    flex: 1;
    padding-top: 40px;
}
.p-pageWrapper {
    background: #fafcfd;
}
.p-nav-list {
    margin-left: -15px !important;
}
.container {
    width: auto;
    max-width: 1240px;
    margin: 0 auto;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.container:before,.container:after {
    display: none;
}
#header .p-nav-list .p-navEl.is-selected .p-navEl-link {
    box-shadow: inset 0px -2px 0px rgba(22, 35, 52, 0.35) !important;
    background: linear-gradient(210deg, #00adff, #dc70c8, #ff8775) !important;
}
.panel.panel-default.transparent .panel-heading .title-text:after {
    content: "";
    width: 56px;
    height: 7px;
    background: #f75dbe;
    display: block;
    margin: 0 auto;
    border-radius: 100px;
    position: relative;
    top: -2px;
}
.panel-body .empty {
    border: 2px solid #dadfe3 !important;
}
@media only screen and (max-width: 768px) {
.category {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.content.grid {
    gap: 15px !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
#content-main .container {
    padding-top: 20px !important;
}
div#user-actions {
    display: none !important;
}
.alert-block {
    display: none !important;
}
.header-inner .left, .header-inner .right {
    display: none !important;
}
#header .logo {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
}
#bg-animation {
    display: none !important;
}
#header {
    background-position: center !important;
}
.p-nav-list {
    display: none !important;
}
.p-nav-opposite {
    display: none !important;
}
#content-main .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
div#content-main {
    padding-top: 15px;
}
}

.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;
}

/* */
html:not(.template-benj_news_index) .p-pageWrapper .header-card h1 {
    font-family: 'Joystix', sans-serif !important;
    margin-bottom: 5px !important;
    font-size: 22px !important;!i;!;
    text-shadow: 1px 1px 0 #00000078;
}

html:not(.template-benj_news_index) .p-pageWrapper .header-card {
    text-shadow: none !important;
}

.p-pageWrapper .alert-text h1 {
    font-family: 'Joystix', sans-serif !important;
    font-size: 28px;
}

.p-pageWrapper #saleCountdownContainer p {
    font-family: 'Joystix', sans-serif !important;
    font-size: 14px !important;
}

.p-pageWrapper .header-card p {
    font-family: 'Joystix', sans-serif !important;
    margin-bottom: 5px !important;
    font-size: 11px !important;
    font-weight: 900;
    text-shadow: 1px 1px 0 #000000a8 !important;
}

.p-pageWrapper #header .p-nav-list .p-navEl-link, #header .p-nav-list .p-navEl-splitTrigger {
    font-family: 'Joystix', sans-serif !important;
    font-size: 13px !important;
}

.p-pageWrapper .p-nav-opposite .play-now {
    font-family: 'Joystix', sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-shadow: 1px 1px 0 #000000 !important;
}

.p-pageWrapper .header-card {
    cursor: pointer;
}

.p-pageWrapper #header .p-nav-list .p-navEl.is-selected .p-navEl-link {
    text-shadow: 1px 1px 0 #000000a8 !important;
}

.category-text h1 {
    font-family: 'Joystix', sans-serif !important;
    font-size: 40px !important;
    font-weight: 900 !important;
    text-align: center;
}

.p-pageWrapper h1 {
    font-family: 'Joystix', sans-serif !important;
    font-weight: 900 !important;
}

.p-pageWrapper #foot {
    font-family: 'Joystix', sans-serif !important;
}

.p-pageWrapper #foot h1 {
    margin-bottom: 25px !important;
}


.p-pageWrapper #foot .middle .text span {
    font-size: 12px !important;
}

.p-pageWrapper #foot .middle p {
    font-size: 10px !important;
}

.p-pageWrapper #foot .info-wrap .container {justify-content: space-between;}

div#foot h1 {
    font-size: 17px !important;
}

h1 {
    font-family: 'Joystix', sans-serif !important;
}

#cart .btn-block {
    font-family: 'Joystix', sans-serif !important;
    font-size: 14px !important;
    padding: 20px !important;
}
h4.modal-title {
    font-family: 'Joystix', sans-serif !important;
    font-weight: 900 !important;
    font-size: 21px !important;
    padding: 5px;
}
.modal-footer {
    font-family: 'Joystix', sans-serif !important;
    padding: 20px 25px !important;
}

.package-footer-buttons .btn {
    width: 100%;
    display: flex;
    height: 44px;
    background: #5491fc;
    border-radius: 100px;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    cursor: pointer;
    transition: all .2s ease-out;
    border: none !important;
    align-items: center;
    justify-content: center;
    font-weight: 800 !important;
    font-size: 15px !important;
    text-shadow: 2px 2px 0px #00000029;
    padding: 0 30px !important;!i;!;
}
.link-list > li > a {
    font-family: 'Joystix', sans-serif !important;
    font-weight: 900 !important;
    font-size: 15px !important;
}

.panel.panel-default.transparent .panel-heading .title-text {
    font-family: 'Joystix', sans-serif !important;
    font-size: 34px !important;
    font-weight: 900 !important;
}

.panel.panel-default.transparent .panel-heading .title-text:after {
    top: 5px;
}

.category .package .buttons .btn {
    font-family: 'Joystix', sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

.package .name {
    font-family: 'Joystix', sans-serif !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    margin-bottom: 5px;
}

.category {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.package .text .price {
    font-family: 'Joystix', sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    margin: 10px 0px !important;
}

.category .package .image {
    max-width: 200px;
}

.body.full-width {
    padding-top: 15px;
}
.panel .panel-heading {
    font-family: 'Joystix', sans-serif !important;
    font-size: 15px !important;
}
.panel .panel-heading .text-right {
    margin-left: auto;
}

.panel .panel-heading {
    height: 72px !important;!i;!;
}
.login .panel-body .btn {
    font-family: 'Joystix', sans-serif !important;
    font-size: 13px !important;
}
.form-control, .checkout .packages table tbody .quantity input {
    font-family: 'Joystix', sans-serif !important;
    font-size: 13px !important;
}
.btn:hover {
    font-weight: 900 !important;
}
.btn {
    font-family: 'Joystix', sans-serif !important;
    font-size: 13px !important;
    padding: 15px !important;
    font-weight: 900 !important;
    border-radius: 8px !important;
}

.btn-info {
    background: #078fd7 !important;
    border-color: transparent !important;
}

span.input-group-append {
    width: 100%;
    display: block;
}

span.input-group-append .btn {
    width: 100%;
}

.btn-success {
    background: #72ab32 !important;
    border-color: transparent !important;
}

.btn-danger {
    background: #de2a57 !important;
}
.redeem input {
}

.checkout .coupons .redeem {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.body .full-width {
    padding: 0px !important;
}

.checkout .packages table tbody .buttons {
    min-width: 156px;
}

.checkout .packages table tbody .buttons .btn {
    padding: 10px 14px !important;
}

.checkout .coupons .redeem input {
    height: 50px;
}

.input-group-btn {
    padding-left: 20px;
    width: 2% !important;
}

.form-control, .checkout .packages table tbody .quantity input {
    border-radius: 7px !important;
    font-size: 10px !important;
    color: black !important;
}

h4, .h4, .module .top-donator .info .ign {
    font-family: 'Joystix', sans-serif !important;
    font-size: 15px !important;
    font-weight: 900;
    color: #2b3f56 !important;
}

table.table.table-hover.table-striped {
    font-family: 'Joystix', sans-serif !important;
    font-size: 11px !important;
    font-weight: 900;
}

.checkout .packages table tbody .name {
    font-size: 12px !important;
    color: #2b3f56 !important;
}
.btn {
    outline: none !important;
    box-shadow: none !important;
}

.form-control {
    outline: none !important;
    box-shadow: none !important;
}

.quantity input {
    height: 52px;
}

.checkout .packages table tbody .quantity input {
    height: 42px;
    width: 42px;
}