.home-page .featured-package {
    display: none !important;
}
.navbar-default .navbar-nav > li > a:focus {
    color: #273956 !important;
}
.sidebar .panel .panel-heading {
    font-weight: 800 !important;
    font-size: 16px;
}

.sidebar .panel .panel-heading .header {
    text-align: center;
}

.btn {
    font-weight: 700 !important;
}
.panel-card {
    display: flex;
    align-items: center;
    gap: 17px;
    cursor:pointer;
}

.panel-card .text h2 {
    margin: 0px;
    font-weight: 800;
    color: #273956;
    font-size: 18px;
}

.panel-card .text small {
    display: block;
    font-weight: bold;
}

.panel-card:before,.panel-card:after {
    display: none;
}
button.navbar-toggle.customs {
    font-weight: bold;
}
.panel-card .icon {
    font-size: 28px;
    line-height: 1;
    color: #21a5f3;
}
.sidebar .recent-payments {
    order: 2 !important;
}
.body .sidebar {
    display: flex;
    flex-direction: column;
}
.sidebar .server-status {
    order: 1 !important;
}
.sidebar .panel {
    order: 5;
}
.sidebar .discord-status {
    order: 3 !important;
}
.pageWrap:after {
    display: none;
}
.content-card {
    background: white !important;
    border: none !important;
}
@media (max-width: 768px) {

button.navbar-toggle.customs {
    display: flex;
    align-items: center;
    gap: 10px;
}
.navbar-header .user-block {
    display: none !important;
}
#topBar .avatar {
    width: 17px;
}
.open.user-block .btn {
    color: white !important;
}
.navbar-header {
    padding: 0 15px;
    gap: 10px;
}
.user-block .btn {
    font-family: 'Montserrat', sans-serif;
    background: #032a46 !important;
    padding: 12px;
    font-size: 17px !important;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -khtml-border-radius: 100px;
    border-radius: 100px;
    color: white;
    font-weight: 900;
    flex: 1;
}

.user-block .btn .flex {
    justify-content: center;
    align-items: center;
}

.navbar-header:before,.navbar-header:after {
    display: none;
}

button.navbar-toggle.custom {
    width: auto;
    flex: 1;
}
.panel.panel-default.text-center.desc-panel {
    order: -1;
}
.user-block {
    display: flex;
    flex: 1;
}
.checkout .page-header {
    margin-bottom: 0px !important;
}
.checkout form.gateway button {
    margin-top: 15px;
    padding: 15px;
}
.pageWrap {
    overflow: hidden;
}
button.navbar-toggle.custom {
    font-family: 'Montserrat', sans-serif;
    background: #032a46 !important;
    padding: 12px;
    font-size: 17px !important;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -khtml-border-radius: 100px;
    border-radius: 100px;
    color: white;
    font-weight: 900;
}
.header .toolbar .return {
    padding: 0px;
}
.header .toolbar .return a {
    font-weight: 700 !important;
    color: #273956 !important;
    text-decoration: none !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
}
/* */
#foot .watermark {
    display: none !important;
}
#foot .copyright {
    margin: 0 auto !important;
    text-align: center !important;
}
ul.nav.navbar-nav {
    flex-direction: column !important;
    margin: 0px !important;
}
.sidebar .discord-status, .server-status {
    display: none !important;
}
.navbar-nav > li.home {
    display: none !important;
}

.navbar .navbar-brand {
    display: none !important;
}

ul.nav.navbar-nav > li {
    flex: 1 !important;
    width: 100% !important;
}

ul.nav.navbar-nav:before,ul.nav.navbar-nav:after {
    display: none !important;
}

ul.nav.navbar-nav > li > a {
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid #e7e7e7 !important;
}

ul.nav.navbar-nav > li:last-child > a {
    border: none !important;
}

ul.nav.navbar-nav > li > a i {
    margin-left: auto !important;
}

.navbar-default .navbar-toggle {
    margin: 15px auto !important;
    padding: 12px !important;
    background: transparent !important;
}

.navbar-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.page-header {
    margin-bottom: -15px !important;
}
.header {
    margin-right: auto !important;
}
.packages-image {
    grid-template-columns: repeat(1,minmax(0,1fr)) !important;
    display: grid;
}
}
.packages-image {
    grid-template-columns: repeat(3,minmax(0,1fr));
    display: grid;
}

.packages-image:before,.packages-image:after {
    display: none !important;
}

.category .packages-image .package {
    width: 100% !important;
}
@media (min-width: 768px) {

.toggle-nav > a {
    background: #e3f3fd !important;
    height: 35px;
    padding: 0px !important;
    width: 35px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #4f617a !important;
    border-radius: 100px;
}
    .navbar .navbar-collapse {
        display: flex;
    }
}
.navbar-nav > li.home {
    position: relative;
    display: flex;
    align-items: center;
}

.navbar-nav > li.home .fa-solid.fa-diamond {
    font-size: 40px;
    position: absolute;
    opacity: .12;
    color: #21a5f3;
}

.navbar-nav > li.home > a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

.navbar-nav > li.home > a .fa-house {
    position: relative;
    z-index: 5;
    color: #273956c9;
    font-size: 16px;
}
body {
    margin:0px;
    font-family: 'Montserrat', sans-serif;
}
#foot {
    background: #00086e05;
    border-top: 1px solid #d2dbeb;
    padding: 35px 0px;
    margin-top: 50px;
}
.module .server-status h4 {
    font-weight: 700;
}
#foot .container {color: #a2b0c5;font-weight: bold;font-size: 15px;display: flex;align-items: center;}
#foot .container p {font-size: 12px;opacity: .56;}

#foot .copyright strong {color: #62718b;font-weight: 700;}
#foot .copyright> span {font-size: 14px;display: inline-block;margin-bottom: 4px;}
#foot .copyright {font-size: 12px;}
.navbar, .panel {
    background:#fff !important;
    border-radius: 7px;
    border:none !important;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);
}
.pageWrap {
    min-height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    background: linear-gradient(360deg, #fff, #99d9ea);
}
.module .payments li .info .ign {
    color: #273956;
}
h4, .h4, h5, .h5, h6, .h6, .module .top-donator .info .ign {
    color: #273956;
}
.form-control, .checkout .packages table tbody .quantity input {
    background: #ffffff5c;
    border-color: #d4dde9 !important;
    box-shadow: none !important;
    color: #273956;
    font-weight: 600;
    font-size: 13px;
}
.navbar.navbar-default {
    margin-bottom: 30px;
}
.container {
    width: 100%;
    max-width: 1060px;
}
.form-control::placeholder {
    color: #62718b;
    opacity:.6;
}
.page-content {
    flex: 1;
}
.panel-body {
    padding: 22px;
}
b, strong {
    color: #62718b;
}
body {
    color: #62718b;
}
.module .payments li .info .ign {
    color: #273956;
}
.panel .panel-heading {
    color: #273956;
}
.navbar-nav > li.active > a {
    color: #273956 !important;
}
.panel .panel-heading {
    font-weight: bold;
    background: transparent !important;
    padding: 22px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}
.panel-header {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}

.panel-header h2 {
    margin: 0px;
    font-weight: 900;
    color: #273956;
}

.panel-header small {
    display: block;
    font-weight: bold;
    color: #218bf9;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 9px;
}

.panel-header:after {
    content: "";
    width: 40px;
    height: 5px;
    background: #5bbb5f;
    margin: 0 auto;
    margin-top: 6px;
}
.navbar-default .navbar-nav > li > a {
    color: #62718b;
    font-weight: bold;
    padding: 25px 20px;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #273956;
}

.navbar .navbar-collapse {
    padding: 0px;
}

.navbar-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: #e8f2ff6e;
    color: #273956;
}

.navbar-nav > li > .dropdown-menu {
    border: none !important;
    background: #e6f0fd;
    padding: 0px !important;
}

.dropdown-menu > li > a {
    color: #62718bbf;
    font-weight: bold;
    font-size: 13px;
    background: transparent !important;
    padding: 9px 20px;
    border-top: 1px solid #cedae9;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #273956;
}

.navbar-nav > li > .dropdown-menu {
    transform: translate3d(0,-10px, 0);
    overflow: hidden;
    height: 0px;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    display: block !important;
}

.navbar-nav > li.open > .dropdown-menu {
    height: auto;
    transform: translate3d(0,0px, 0);
}

.navbar-nav > li.active > a {
    color: #273956 !important;
}

.btn-success, .btn-primary {
    background: #21a5f3 !important;
    border-color: transparent !important;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin: 0px;
}

.btn {
    outline: none !important;
}
ul.payments {
    grid-template-columns: repeat(4,minmax(0,1fr));
    display: grid;
    gap: 20px;
}

.module .payments li > div:not(.avatar) {
    display: none;
}

.module .payments li {
    padding: 0px;
    border: none;
    margin: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.module .payments li .avatar {
    margin: 0px;
    overflow: hidden;
    border-radius: 5px;
}

.sidebar .panel .panel-heading {
    text-align: center;
}

.pageWrap {
    background: linear-gradient(360deg, #fff, #99d9ea);
}
.page-header {
    min-height: 200px;
    border: none !important;
}
div#foot {
    border-color: #d4dde99e !important;
    background: transparent !important;
}
img {
    max-width: 100%;
}

.logo {
    width: 220px;
    margin: 20px auto;
}
.above-nav .container {
    display: flex;
    align-items: center;
    padding: 0px;
    margin-bottom: 20px;
}

.above-nav .container .left {
    margin-right: auto;
}

.above-nav .container > div > a {
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    background: #fff;
    padding: 9px 15px;
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    color: #60889f;
    font-weight: bold;
    text-decoration: none !important;
    font-size: 13px;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 5%), 0 1px 2px 0 rgb(0 0 0 / 0%);
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background: #21a5f3 !important;
    border: none !important;
}

.header .buttons .currency ul li > a {
    padding: 5px 20px;
}

.header .buttons .currency ul {
    padding: 0px !important;
}

.header .buttons .currency ul li:first-child > a {
    border: none !important;
}
.above-nav .container > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.above-nav .container > div > a i {
    margin-left: 5px;
    opacity: .5;
}

.above-nav {
    margin-top: -49px;
}
div#topBar {
    background: #ffffff59;
    height: 60px;
    position:relative;
    left: 0;
    right: 0;
    top: 0;
    z-index: 500;
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / 5%), 0 1px 2px 0 rgb(0 0 0 / 3%);
    border-bottom: 1px solid #ffffff63 !important;
}
.logo {
    position: relative;
    z-index: 65;
}
.page-header {
    padding-top:18px;
    min-height: 0px !important;
}

ul.nav.navbar-nav {
    position: relative;
    z-index: 50;
}

.navbar-default .navbar-nav > li > a {
    text-decoration: none !important;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
}
.pageWrap:after {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(360deg, #fff, #7de4ff);
}


.page-content {
    position: relative;
    z-index: 50;
}

div#foot {
    position: relative;
    z-index: 5;
}
.page-header .container {
    display: flex;
    align-items: center;
}

.page-header .left,.page-header .right {
    position: relative;
    z-index: 50;
    flex: 1;
    display: flex;
}

.content-card {
    background: linear-gradient(45deg, #ffffff59, #0000);
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / 5%), 0 1px 2px 0 rgb(0 0 0 / 3%);
    border-bottom: 1px solid #ffffff63;
    padding: 18px 20px;
    border-radius: 10px;
}

.content-large {
    font-weight: 900;
    color: #273956;
    font-size: 16px;
}

.content-small {
    font-weight: bold;
    font-size: 12px;
    color: #35a1d9;
}

.left .content-card {
    text-align: right;
}

.page-header .left {
    justify-content: flex-end;
    margin-right: 50px;
}

.page-header .right {
    margin-left: 50px;
}
.content-card {
    display: flex;
    align-items: center;
    gap: 20px;
}

.left .content-card .icon {
    order: 5;
}
.right .content-card {
    background: linear-gradient(232deg, #ffffff59, #0000);
}
.content-card .icon {
    font-size: 30px;
    color: #2aadf1;
}
span.mc-players {}

span.mc-players, .discord-users {
    color: #7eb341;
}
.header {margin: 0px;margin-left: auto !important;display: flex;}
.header .buttons {text-align: center;width: 100%;margin: 0px;}
.header .buttons .toolbar {margin: 0px;display: flex;justify-content: flex-end;}
.header .buttons .toolbar > div > .btn {border: none !important;background: transparent !important;box-shadow: none !important;color: #273956 !important;font-weight: 600 !important;opacity: 1 !important;}
.user-block {position: relative;top: -1px;}
.user-block .flex {display: flex;align-items: center;}
.user-block .avatar img {max-width: 18px;border-radius: 3px;margin-right: 8px;}

div#topBar {
    display: flex;
    align-items: center;
}

.header .buttons .toolbar > div > .btn i {
    margin-right: 4px;
    opacity: 1;
    color: #2aadf1;
}
div#topBar .container {
    display: flex;
    align-items: center;
}

.return a,.header .buttons .toolbar > div > .btn {
    font-weight: 700 !important;
    color: #273956 !important;
    text-decoration: none !important;
}

.return a {
    font-size: 13px;
    opacity: .85;
    display: flex;
    align-items: center;
}
.content-card {
    cursor: pointer;
}
.return a i {
    width: 28px;
    height: 28px;
    background: #2c5c9f1a;
    align-items: center;
    justify-content: center;
    display: flex;
    color: #264570;
    margin-right: 15px;
    border-radius: 6px;
}
.pageWrap:after {
    position: fixed;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: block;
}
.background {
    background: url(https://skyblock.com/image/background/background-cloud-min.png) repeat;
    z-index: 5;
}
.clouds {
    z-index: 6;
    position: absolute;
    max-width: 1600px;
    max-height: 1000px;
    margin-top: -25%;
    left: 50%;
    transform: translate(-50%);
}
.clouds, .container {
    width: 100%;
    height: 100%;
}
.clouds a {
    cursor: default!important;
}
.clouds img {
    position: absolute;
    max-width: 300px;
}
.clouds #cloud-1 {
    bottom: 100px;
    left: 0;
}
.clouds #cloud-2 {
    bottom: 150px;
    left: 100px;
}
.clouds #cloud-3 {
    bottom: 200px;
    left: 200px;
}
.clouds #cloud-4 {
    bottom: 50px;
    left: 600px;
}
.clouds #cloud-5 {
    bottom: 175px;
    left: 400px;
}
.clouds #cloud-6 {
    bottom: 350px;
    left: 100px;
}
.clouds #cloud-7 {
    bottom: 100px;
    right: 500px;
}
.clouds #cloud-8 {
    bottom: 50px;
    right: 400px;
}
.clouds #cloud-9 {
    bottom: 50px;
    right: 50px;
}
.clouds #cloud-10 {
    bottom: 300px;
    right: 225px;
}
.clouds #cloud-11 {
    bottom: 200px;
    right: 25px;
}
.clouds #cloud-12 {
    bottom: 475px;
    right: 25px;
}
.background, .background-px {
    position: absolute;
    max-height: 900px;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.below-nav {
    border-top: 1px solid #dddddd;
}

.nav.navbar-nav {
    justify-content: flex-start;
}

.below-nav  .navbar-nav > li > a {
    padding: 22px 20px !important;
}
.below-nav {
    padding: 0 10px;
}
.toggle-nav > a {
    cursor: pointer !important;
}
#storeNav ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: grid;
    gap: 10px;
}

#storeNav ul li {
    margin: 0px;
    padding: 0px !important;
}

#storeNav ul li > a {
    display: flex;
    padding: 20px;
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    font-weight: 800;
    color: #273956;
    font-size: 16px;
    text-decoration: none !important;
}
.user-block .avatar img {
    max-width: 20px;
}
.btn-user {
    display: flex;
    align-items: center;
    gap: 2px;
}

.avatar {
    width: 20px;
    margin-right: 5px;
}

.avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.checkout .packages table tbody .buttons {
    min-width: 150px;
}
.header .buttons .toolbar > div.user:not(.guest) > .btn.btn-user {
    opacity: 1 !important;
}
.header .buttons .toolbar > div.user:not(.guest) > .btn.btn-user:hover {
    text-decoration: line-through !important;
    color: red !important;
}
/* 9-26 */
.navbar-default .navbar-nav > li > a .fa-caret-right {
    display:none !important;
}
.navbar-default .navbar-nav > li > a {
    outline: none !important;
}
.navbar-default .navbar-nav > li > a:hover, .page-content .navbar-default .navbar-nav > li.active > a {
    background: #eef7f9 !important;
}
.return a, .header .buttons .toolbar > div > .btn {
    transition: opacity 200ms ease;
}
.return a:hover, .header .buttons .toolbar > div > .btn:hover {
    opacity: 0.65 !important;
}
.btn-user {
    overflow: hidden;
}
.user:not(.guest) .btn-user .avatar {
    z-index:5;
    opacity: 1;
    transition: all 200ms ease;
}
.user:not(.guest) .btn-user:hover .avatar {
    opacity: 0;
    transform: translate(-32px, 0px);
}
.user:not(.guest) .btn-user:after {
    content: "\f08b";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    opacity: 0;
    transition: all 200ms ease-in-out;
    display: block;
    transform: translate(-32px, 0px);
}
.user:not(.guest) .btn-user:hover:after {
    opacity: 1;
    transform: translate(0, 0px);
}
.btn-user {
    overflow: hidden;
    position: relative;
}
.currency .USD {
    order: -1;
}
.currency.open .dropdown-menu {
    display: flex;
    flex-direction: column;
}
.panel-heading {
    font-weight: 800 !important;
    font-size: 16px;
}
@media (max-width: 768px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        padding: 20px !important;
        background: #f5f9ff !important;
        border-color: #b2ccd2 !important;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li:first-child > a {
        border: none !important;
    }
    ul.nav.navbar-nav > li > a {
        border-color: #b2ccd2 !important;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li:last-child > a {
        border-bottom: 1px solid #b2ccd2 !important;
    }
    button.navbar-toggle.customs {
        border: none !important;
    }
    
    .navbar-default .navbar-toggle .icon-bar {
        background: #717f96;
    }
    
    .navbar-default .navbar-nav > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    ul.nav.navbar-nav > li > a i {
        margin-left: 7px !important;
    }
    
    .navbar-default .navbar-nav .dropdown-menu > li > a {
        text-align: center;
        color: #273956 !important;
        outline: none !important;
    }
}