body {
    background: #101010;
    color: white;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-style: normal;
}

a {
    color: #eda54d;
    text-decoration: none;
}

.nav-link {
    color: white;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.nav-link:hover,
.nav-link:focus {
    color: #eeba49;
}

.btn-outline-warning:hover {
    background: #060606bf;
    color: white;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: #26c355;
}

.account-table h3 {
    font-size: 1.2rem;
    color: #d59b18;
    font-weight: 400;
    margin: 10px 0px;
}

.inpts {
    background-color: #040404;
    border: 0px;
    padding: 5px;
    border-radius: 4px;
    color: #ffffff;
}

.sbmt {
    background: linear-gradient(to right, #3091b1 0%, #37c2ef 50%, #3091b1 100%);
    color: white;
    border: 0px;
    border-radius: 4px;
    padding: 4px 10px;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: #ffffff;
    background-color: #bf8a14;
    border-color: #26c355;
}

.navbar {
    background: #060606bf;
    border-bottom: 1px solid #ecad1ca1;
}

.btn-secondary {
    background: #56565a;
    border: 0px;
}

.btn-secondary:hover {
    background: #5250c3;
    border: 0px;
}

.wrapper {
    background: url(images/bg.jpg) no-repeat center top;
    background-size: cover;
    padding: 0px 0px 60px;
}

.wrapper-login {
    background: url(images/plans-bg.png) no-repeat center top;
    padding: 0px 0px 60px;
}

.login-middle {
    text-align: left;
}

.subpage-bg {
    padding: 50px 0px 30px;
    background: url(images/plans-bg.png) no-repeat center top;
}

.tab-content {
    border: 2px solid #b5861d;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0px;
    text-align: center;
}

.mem-text span {
    color: #26c355;
}

.divider {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d8aa3f+0,e9b857+25,d49231+50,e9bb58+77,c79524+100 */
    background: linear-gradient(to right, #d8aa3f 0%, #e9b857 25%, #d49231 50%, #e9bb58 77%, #c79524 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    height: 36px;
}

.form-control {
    background-color: white;
    border-color: white;
    padding: 8px 13px;
    border-radius: 6px;
}

.signup .form-control {
    margin-bottom: 10px;
}

.plan-left h3 {
    font-size: 18px;
    text-transform: uppercase;
}

.banner-container img {
    max-width: 100%;
}

.page-title {
    padding: 10px;
    margin-bottom: 0px;
    text-align: center;
    font-size: 48px;
    font-weight: 300;
}

.page-title h3 {
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 500;
}

.page-title h3 b {
    color: #c8931e;
}

.page-title h2 {
    font-size: 2.4rem;
    font-weight: 300;
    margin-bottom: 20px;
}

.stats-text {
    padding: 25px;
}

.about-container {
    background: linear-gradient(45deg, #101010 0%, #272727 53%, #101010 100%);
    border-radius: 10px;
    box-shadow: 0px 0px 20px #0000002e;
    margin: 5px 0px;
    border: 2px solid #f5c151;
    margin-bottom: 20px;
    padding: 20px;
}

.stats-container h2.rotate {
    transform: rotate(-90deg);
    font-size: 80px;
    font-weight: 700;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    color: #ffffff40;
    margin-top: 20px;
}

.faq-title {
    background: linear-gradient(to right, #bc8811 0%, #fac656 50%, #b7820a 100%);
    color: #25221d;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 6px;
    padding: 10px 15px;
    box-shadow: 0px 0px 10px #0000002e;
    margin: 10px 0px;
}

.faq-block {
    background: #3030349c;
    border-radius: 6px;
    padding: 20px;
    box-shadow: 0px 0px 10px #0000002e;
}

.form-group label {
    margin-bottom: 5px;
}

.input-group-text {
    background: linear-gradient(to right, #bc8811 0%, #fac656 50%, #b7820a 100%);
    border: 0px;
    color: black;
}

.input-group-text img {
    max-width: 24px;
}

.calculatorresults {
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 10px;
}

.calculatorresults span {
    color: #ffa479;
}

.form-control:focus {
    background-color: #d3d7eb;
    border-color: #d3d7eb;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #f2be4e4a;
}

.company-content h1 {
    color: #5197ff;
    font-size: 24px;
    text-transform: uppercase;
}

.resultbox {
    padding: 0px 5px;
}

.resultbox i {
    padding: 0px 5px;
    color: #26c355;
}

.last {
    border-bottom: 1px solid #333434;
}

.member-info p.small {
    font-size: 11px;
    border: 1px solid #bc8811;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 5px;
}

.login-form {
    background: linear-gradient(45deg, #101010 0%, #272727 53%, #101010 100%);
    border-radius: 0px 0px 16px 16px;
    padding: 30px;
    box-shadow: 0px 0px 20px #0000002e;
    border: 2px solid #f5c151;
    border-top: 0px;
}

.login-form h2 {
    font-size: 2.5rem;
    text-transform: uppercase;
}

.login-form h3 {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #26c355;
}

.contact-mail {
    border-radius: 6px 6px;
    padding: 20px;
    background: linear-gradient(to right, #bc8811 0%, #fac656 50%, #b7820a 100%);
    font-size: 18px;
}

.contact-mail h2 {
    font-size: 20px;
    color: black;
    margin-bottom: 0px;
    margin-top: 5px;
}

.contact-mail a {
    background: #101010;
    border-radius: 6px;
    padding: 5px 15px;
    font-size: 14px;
}

.support {
    text-align: center;
}

.support img {
    max-width: 250px;
}

.text-left {
    text-align: left !important;
}

.faq-nav .nav-link {
    text-align: left;
    border-radius: 0px;
    border-bottom: 1px solid #414642;
    padding: 10px 0px;
}

.faq-nav .nav-link.active,
.faq-nav .show>.nav-link {
    background: #26c355;
    background: transparent;
    border-bottom: 1px solid #26c355;
    color: #26c355;
}

.nav-pills .nav-link {
    text-align: left;
    border-radius: 0px;
    border-bottom: 2px solid #7d7e8b;
    padding: 10px 8px;
}

.form-control {
    color: #9eb5c9;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: #26c355;
    background: transparent;
    border-bottom: 2px solid #c9a130;
    color: #e1b825;
}

.accordion-item {
    background: #121212;
    border: 1px solid #323131;
}

.accordion-button {
    background: #121212;
    color: white;
}

.accordion-button:not(.collapsed) {
    color: #295616;
    background-color: #d3fdc2;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 #dbedd2;
}

.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(100 237 111 / 25%);
}

.accordion-body {
    color: white;
}

.redirect-top {
    padding-top: 20%;
}

.btn {
    border-radius: 4px;
}

.banner-info {
    font-size: 14px;
    padding: 6px 0px;
}

.banner-info p {
    font-size: 14px;
}

.btn-primary {
    background: linear-gradient(to right, #3091b1 0%, #37c2ef 50%, #3091b1 100%);
    color: white;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border: 0px;
}

.btn-primary:hover {
    background: linear-gradient(to right, #41b0d5 0%, #1fa2cd 50%, #0f789b 100%);
    color: white;
}

.btn-warning {
    background: linear-gradient(to right, #bc8811 0%, #fac656 50%, #b7820a 100%);
    color: #111111;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.btn-warning:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ce9108+0,fac656+50,ce9108+100 */
    background: linear-gradient(to right, #ce9108 0%, #fac656 50%, #ce9108 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #111111;
}

.btn-success {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a9db80+0,4baa1b+100 */
    background: linear-gradient(to bottom, rgba(169, 219, 128, 1) 0%, rgba(75, 170, 27, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: white;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.btn-success:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a9db80+0,3fad37+100 */
    background: linear-gradient(to bottom, rgba(169, 219, 128, 1) 0%, rgba(63, 173, 55, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.btn-outline-primary {
    border-color: white;
    color: white;
}

.btn-outline-primary:hover {
    border-color: white;
    background: white;
    color: #0a0a09 !important;
}

.table td {
    background: #1b1c24ab;
    color: white;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #494a54;
}

.card {
    background: linear-gradient(45deg, #101010 0%, #272727 53%, #101010 100%);
    border: 0px;
    color: white;
    margin-bottom: 10px;
}

.card-header {
    background: linear-gradient(to right, #bc8811 0%, #fac656 50%, #b7820a 100%);
    color: #111111;
    margin: -1px;
}

.table td p {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
}

.table th {
    background: #2b2c30ab;
    color: white;
    font-size: 14px;
    border: 1px solid #c19720;
}

.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
    color: white;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.navbar-text a.btn {
    padding: 10px 20px;
}

.navbar-text a.btn-warning {
    padding: 10px 20px;
    color: #111111;
}

.phone img {
    max-width: 100%;
}

background: linear-gradient(45deg, #101010 0%, #272727 53%, #101010 100%);
border-radius: 0px 0px 16px 16px;
padding: 30px;
box-shadow: 0px 0px 20px #0000002e;
border: 2px solid #f5c151;
border-top: 0px;
.phone {
    position: relative;
    margin-top: -50px;
}

.coin1 {
    position: absolute;
    top: 100px;
    left: 0px;
    -webkit-animation: bounce 1s infinite;
}

@-webkit-keyframes bounce {
    0% {
        bottom: 5px;
    }
    25%,
    75% {
        bottom: 15px;
    }
    50% {
        bottom: 20px;
    }
    100% {
        bottom: 0;
    }
}

.bounce {
    animation: bounce 2s infinite alternate;
}

@keyframes bounce {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-20px);
    }
}

.coin2 {
    position: absolute;
    top: 0px;
    left: 70px;
    animation-delay: 3s;
}

.coin3 {
    position: absolute;
    top: 260px;
    right: -20px;
    animation-delay: 2s;
}

.chart1 {
    position: absolute;
    top: 430px;
    right: 80px;
    animation-delay: 1s;
}

.chart2 {
    position: absolute;
    top: 400px;
    right: 35px;
    animation-delay: 2s;
}

.chart3 {
    position: absolute;
    top: 360px;
    right: 120px;
    animation-delay: 3s;
}

.hero-block {
    padding: 80px 0px 0px;
}

.hero-block h1 {
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 300;
}

.hero-block h1 span {
    color: #ecad1c;
    font-weight: 700;
}

.hero-block h1 b {
    color: #24c3db;
    font-weight: 700;
}

.hero-block p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 20px;
}

.buttons .btn-lg {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 1rem 2rem;
}

.buttons {
    margin-top: 30px;
}

.stats-container {
    background: linear-gradient(45deg, #101010 0%, #272727 53%, #101010 100%);
    border-radius: 0px 0px 10px 10px;
    margin: 0px;
    border: 2px solid #f5c151;
    border-top: 0px;
}

.stats-container h3 {
    font-size: 1.25rem;
}

.stats-container .form-control {
    margin-bottom: 10px;
}

.stats-top {
    border-radius: 6px 6px 0px 0px;
    height: 15px;
    background: linear-gradient(to right, #bc8811 0%, #fac656 50%, #b7820a 100%);
    margin-top: -100px;
}

.stats-container h4 {
    font-size: 18px;
    font-weight: 300;
}

.stats-container h2 {
    font-size: 30px;
    font-weight: 300;
    color: #fac656;
}

.stats-text li {
    margin-bottom: 10px;
}

.stats-text ol {
    padding-left: 10px;
}

.affiliates {
    background: url(images/aff-bg.jpg) no-repeat center top;
    background-size: cover;
    padding: 50px 0px;
}

.aff-block {
    padding: 10px 0px;
}

.aff-block p {
    font-size: 18px;
    line-height: 30px;
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 2px solid white;
    opacity: .25;
}

.aff-percent {
    border: 2px solid #f6c252;
    border-radius: 16px;
    padding: 20px;
    margin-top: 20px;
    background: #101010b3;
}

.aff-percent img {
    max-height: 60px;
    margin-left: 10px;
    margin-top: 10px;
}

.aff-percent p {
    padding-left: 20px;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 10px;
}

.aff-percent h2 {
    font-size: 72px;
    font-weight: 800;
}

.aff-percent h2 span {
    font-size: 48px;
}

.aff-block h2 {
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 300;
}

.aff-block h2 b {
    color: #ecad1c;
    font-weight: 700;
}

.aff-block h3 {
    font-size: 18px;
    text-transform: uppercase;
}

.aff-block h2 span {
    color: #ffa479;
}

.stat {
    border: 2px solid #3091B1;
    border-radius: 6px;
    margin: 20px 0px;
    text-align: center;
    padding-bottom: 20px;
    border-top: 0px;
}

.stat-top {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3091b1+0,37c2ef+50,3091b1+100 */
    background: linear-gradient(to right, #3091b1 0%, #37c2ef 50%, #3091b1 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    height: 10px;
    border-radius: 4px 4px 0px 0px;
    margin-bottom: 20px;
}

.stat h3 {
    font-size: 18px;
    font-weight: 600;
}

.stat figure {
    margin-bottom: 10px;
}

.stat span {
    display: block;
    font-size: 30px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 10px;
}

.plans-box {
    padding: 0px 0px 30px;
}

.mt-minus {
    margin-top: -20px;
}

.plans-box h2 {
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 20px;
}

.plans-box h2 b {
    color: #ecad1c;
    font-weight: 700;
}

.plans-box ul li {
    font-size: 16px;
    color: white;
    font-weight: 400;
    background: url("images/check.png") no-repeat left center;
    list-style: none;
    padding-left: 36px;
    line-height: 36px;
}

.plans-box h2 {
    text-align: left;
    font-size: 48px;
    font-weight: 300;
}

.plan-top {
    padding: 0px 15px 0px;
}

.plan-top h3 {
    font-size: 72px;
    font-weight: 300;
    margin-bottom: 0px;
}

.plan-top h3 span {
    font-size: 24px;
}

.plan-top {
    top: -5%;
    left: -5%;
    transform: rotate(3deg);
    border-bottom: 2px solid #f5c151;
    margin-bottom: 20px;
}

.plan-top h4 {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 0px;
    color: #f2be4e;
}

.plan-top h4 span {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    color: white;
}

.login-top h4 {
    font-size: 24px;
}

.login-top h4 span {
    display: inline;
}

.plan-top h3,
.plan-top h4 {
    margin-left: 5%;
    transform: rotate(-3deg);
}

.plans-box .col {
    width: 20%;
}

.form-control {
    background: #000000;
    border-radius: 6px;
    padding: 15px;
    border: 0px;
}

.calculator-container {
    background: linear-gradient(to right, #bc8811 0%, #fac656 50%, #b7820a 100%);
    border-radius: 16px;
    padding: 20px;
    margin-bottom: -50px;
    z-index: 100000;
    position: relative;
}

.calculatorinside p {
    border: 2px solid #101010;
    border-radius: 6px;
    padding: 20px;
    text-align: center;
    color: #021a2f;
    margin-bottom: 5px;
}

.calculatorinside p b {
    display: block;
}

.calculatorinside p b span {
    font-size: 30px;
    letter-spacing: -2px;
}

.calculator-container figure {
    margin-bottom: 0px;
}

.calculator label {
    font-size: 16px;
    font-weight: 700;
    color: #021a2f;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.plan {
    background: linear-gradient(45deg, #101010 0%, #272727 53%, #101010 100%);
    border-radius: 10px;
    box-shadow: 0px 0px 20px #0000002e;
    margin: 5px 0px;
    border: 2px solid #f5c151;
    margin-bottom: 20px;
}

.plan ul li {
    background: #453b25 url("images/check.png") no-repeat 10px center;
    padding-left: 42px;
    list-style: none;
    border-top: 1px solid #eab745;
    line-height: 40px;
    font-size: 14px;
    padding-right: 10px;
}

.plan ul li span {
    float: right;
    font-weight: 600;
    color: #e7b341;
}

.plan ul {
    padding-left: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #eab745;
}

.plan-top h3 {
    background: linear-gradient(to right, #bc8811 0%, #fac656 50%, #b7820a 100%);
    border-radius: 100%;
    width: 100px;
    height: 100px;
    color: #0c0c0c;
    font-weight: 800;
    font-size: 48px;
    padding: 6px;
    text-align: center;
    line-height: 48px;
    padding-top: 24px;
    letter-spacing: -3px;
    margin-left: -30px;
    margin-top: -15px;
    margin-bottom: -14px;
}

.plan-left {
    border-radius: 16px 0px 0px 16px;
    padding: 0px;
}

.account-block .plan-left {
    background: transparent;
    margin-right: 0px;
    padding: 10px;
}

.account-block .plan-top h4 {
    font-size: 0.8rem;
}

.account-block .plan-top h3 {
    font-size: 52px;
    font-weight: 300;
    margin-bottom: -10px;
    width: 90px;
    height: 90px;
    padding-top: 18px;
}

.summary-block .plan-left h3 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin-left: -39px;
}

.account-block .plan ul li {
    font-size: 14px;
}

.plan-right {
    border-radius: 0px 16px 16px 0px;
    padding: 20px 0px;
    text-align: center;
}

.mem-block {
    border: 2px solid #b5861d;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0px;
    text-align: center;
}

.plan-right .btn {
    font-size: 12px;
    padding: 8px 15px;
    width: 80%;
    margin: 0px 10%;
    border-radius: 36px;
}

.plan-right figure {
    margin: 0px auto 10px;
    text-align: center;
    width: 130px;
}

.payments {
    font-size: 24px;
    font-weight: 700;
    padding: 25px 10px;
}

.payments img {
    margin: 0px 3px;
}

.telegram {
    text-align: right;
    text-transform: uppercase;
    font-weight: 700;
}

footer {
    padding-bottom: 50px;
}

footer p {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

footer ul {
    margin-top: 10px;
}

footer ul li {
    list-style: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

.text-right ul li {
    text-align: right;
}

footer ul li a {
    color: white;
    line-height: 26px;
}

.calculator {
    padding-top: 20px;
}

.disclaimer {
    color: #a8a3a3;
    font-size: 14px;
    text-align: center;
    margin: 20px 0px;
    text-transform: none;
}

.calculatorleft {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 0px;
}

.calculatorleft input {
    border: 0px;
    border-radius: 6px;
    padding: 6px;
}

.calculator h2 {
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: left;
    .last-block
}

.calculator h2 b {
    color: #df87c7;
}

.border-red {
    border-top: 3px solid #df87c7;
}

.about-block {
    background: url(images/about-bg.png) no-repeat center top;
    background-size: cover;
    padding: 50px 0px;
}

.stats-plans {
    background: url(images/plans-bg.png) no-repeat center top;
    background-size: cover;
    padding: 40px 0px 0px;
}

.about-text {
    padding: 40px 30px;
}

.about-text p {
    font-size: 16px;
    line-height: 30px;
}

.block figure {
    padding: 15px;
}

.about-text .about-details p {
    font-size: 14px;
    line-height: 24px;
}

.about-details h3 {
    color: #dca843;
    font-size: 18px;
    font-weight: 600;
}

.about-text p.colored {
    font-size: 18px;
    line-height: 30px;
    color: #fac656;
    font-weight: 600;
}

.about-text h2 {
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 500;
}

.about-middle {
    border: 3px solid #cca64e;
    border-radius: 16px;
    margin-bottom: 10px;
}

.about-text h2 span {
    color: #fac656;
}

.features {
    text-align: center;
    padding: 60px 0px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#111111+0,181818+50,111111+100 */
    background: linear-gradient(to right, #111111 0%, #181818 50%, #111111 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-top: 2px solid #ddb76c;
    border-bottom: 2px solid #ddb76c;
}

.features h3 {
    font-size: 48px;
    font-weight: 300;
    padding: 10px 0px 20px;
    text-transform: uppercase;
}

.features h3 b {
    font-weight: 700;
    color: #ecad1c;
}

.features p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 5px 15px;
}

.features h4 {
    color: #ecad1c;
    font-size: 20px;
    font-weight: 600;
}

.statistics {
    background: url(images/stat-bg.png) no-repeat center top;
    background-size: cover;
    padding: 40px 0px;
}

.statistics h2.stat-title {
    font-size: 24px;
    font-weight: 400;
    background: linear-gradient(to right, #bc8811 0%, #fac656 50%, #b7820a 100%);
    border-radius: 16px 16px 0px 0px;
    font-size: 24px;
    text-transform: uppercase;
    color: #262626;
    text-align: center;
    padding: 20px 15px;
    margin-bottom: 0px;
}

.last-block {
    background: #453b25;
    list-style: none;
    border-top: 1px solid #eab745;
    line-height: 40px;
    font-size: 14px;
    padding: 5px 10px;
}

.last-block h2 {
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 400;
    margin-top: 15px;
}

.last-block p {
    margin-top: 5px;
    margin-bottom: 0px;
}

.last-block figure {
    margin-bottom: 0px;
    margin-right: -25px;
}

.last-block h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 8px;
}

.last-block h3 img {
    max-width: 80px;
    margin-left: 5px;
}

.history {
    float: right;
    color: #d5a12d;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 20px;
}

.last-block h2 span {
    font-size: 18px;
    color: #ffa479;
    display: block;
    font-weight: 600;
}

::placeholder {
    color: #565656 !important;
    opacity: 1;
    /* Firefox */
}

::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #565656 !important;
}

.member-nav li {
    display: block;
}

.member-nav a {
    display: block;
    padding: 4px 16px;
    background: linear-gradient(to right, #bc8811 0%, #fac656 50%, #b7820a 100%);
    color: #111111;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 30px;
    border-radius: 6px;
    margin-bottom: 5px;
    font-weight: 600;
}

.member-nav a i {
    float: right;
    color: #7d6fe1;
    font-size: 24px;
}

.member-nav {
    background: #272728c7;
    border-radius: 0px 0px 16px 16px;
    padding: 20px;
    box-shadow: 0px 0px 20px #0000002e;
    margin-bottom: 20px;
    border: 2px solid #bc8811;
    border-top: 0px;
}

.member-info {
    margin: 0px auto;
    text-align: center;
    color: white;
}

.member-info figure {
    display: block;
    margin: 0px auto 10px;
}

.member-info {
    padding-top: 20px;
}

.member-info span {
    display: block;
    color: #db9a39;
    font-weight: 600;
}

.member-nav a:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ce9108+0,fac656+50,ce9108+100 */
    background: linear-gradient(to right, #ce9108 0%, #fac656 50%, #ce9108 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #111111;
}

.account-block {
    padding: 10px;
}

.block-middle {
    border: 2px solid #b5861d;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0px;
    text-align: center;
}

.balance-small {
    display: block;
    background: #0f0f10;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 6px;
    font-size: 14px;
    border: 1px solid #ffffff33;
}

.balance-small span {
    color: #26c355;
    display: block;
    font-weight: 600;
}

.balance-small figure {
    margin-bottom: 0px;
    margin-top: 6px;
}

.balance-small figure img {
    max-width: 24px;
}

.page-subtitle {
    background: linear-gradient(to right, #3091b1 0%, #37c2ef 50%, #3091b1 100%);
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 14px;
}

.page-subtitle h3 {
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

.block-middle p {
    margin-bottom: 0px;
    font-size: 16px;
}

.balance-small p {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
}

.block-middle img {
    max-width: 60px;
}

.block-middle h3 {
    font-size: 26px;
    margin-bottom: 5px;
    font-weight: 600;
}

.balance-small2 figure {
    display: block;
    margin: 0px;
    text-align: center;
}

.balance-small2 figure img {
    max-width: 64px;
}

.account-table {
    padding: 0px 10px 20px;
}

.alert-info {
    background: #bf8a15;
    border: 1px solid #bf8a15;
    color: white;
}

.wrd-but img {
    max-width: 24px;
}

.wrd-but {
    width: 100%;
    text-align: left;
}

.pagination .page-link {
    background: #1a1f44ab;
    color: white;
    border: 1px solid #5f669dab;
}

.pagination .active>.page-link,
.pagination .page-link.active {
    background: #ad852c;
    border: 1px solid #ad852c;
}

.table {
    border-color: #3a3939;
    margin-bottom: 5px;
}

.plans-container {
    padding: 10px 0px;
}

.plan-block {
    border: 1px solid #f0f1f163;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 10px;
}

.middle h3 {
    color: #36ad55;
    font-size: 48px;
    font-weight: 800;
    letter-spacing: -2px;
    margin-bottom: 0px;
}

.middle h3 span {
    font-size: 30px;
}

.middle ul {
    padding: 0px;
    list-style: none;
    font-size: 12px;
    margin-bottom: 5px;
}

.plan-block h2 {
    color: #36ad55;
    font-size: 18px;
    font-weight: 600;
}

.plan-block p {
    font-size: 12px;
    line-height: 18px;
    color: #a7b0b5;
    margin-bottom: 5px;
}

.plan-block p.coins {
    font-size: 14px;
    line-height: 18px;
    color: #d5a41f;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0px;
    border-top: 1px dashed #d5a41f;
    padding-top: 10px;
}

.middle h2 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    margin-top: 5px;
    margin-left: 10px;
}

.bottom {
    color: #ffffff;
    border-left: 3px solid #d5a41f;
    padding-top: 0px;
}

.bottom ul li {
    list-style: none;
}

.select-button .radio {
    color: white;
    background: linear-gradient(to bottom, rgba(44, 93, 223, 1) 0%, rgba(16, 70, 206, 1) 100%);
    padding: 4px 20px;
    border-radius: 36px;
    margin-top: 3px;
    font-size: 12px;
}

.select-button input[type=radio] {
    display: none;
}

.select-button input[type="radio"]:checked+.radio {
    color: white;
    background: linear-gradient(to bottom, rgba(255, 167, 121, 1) 0%, rgba(255, 107, 117, 1) 100%);
}

.pay-button {
    display: inline-block;
    margin: 3px;
}

.pay-button .btn-secondary {
    width: 100%;
    text-align: center;
    border-radius: 4px;
}

.pay-button .btn-secondary span {
    display: block;
    color: #bdffd1;
    font-size: 12px;
}

.alert-success {
    border: 0px;
    background: #c3fbd4;
    color: #146429;
}

.account-block h4 {
    font-size: 1.2rem;
}
 

.deposit-info {
    padding: 20px;
    border: 1px solid #d38f14;
    font-size: 14px;
}

.deposit-info p {
    color: white;
    border-bottom: 1px solid #d5e9de33;
    font-size: 16px;
}

.text-muted {
    color: #837762 !important;
}

.text-warning {
    color: #ff8755 !important;
}

.navbar-toggler {
    background: #d99d42;
    color: black;
    padding: 5px 10px;
    border-radius: 6px;
}

.block-middle2 {
    border: 1px solid #8b6834;
    margin-top: 10px;
}

.block-middle2 span {
    color: #cd8a26;
    font-size: 1.5rem;
}

@media (min-width: 992px) {
    .member-nav .navbar-toggler {
        display: none;
    }
}

@media (max-width: 992px) {
    .member-show {
        display: none;
    }
    .last-block {
        display: block !important;
    }
    .mt-minus {
        margin-top: 0px;
    }
    .mt-minus img {
        max-height: 100px;
    }
    .plans-box .col {
        width: 100%;
    }
    .navbar-brand img {
        max-width: 250px;
    }
    .table td,
    .table th {
        display: block;
    }
    .hero-block h1 {
        font-size: 46px;
    }
    .phone {
        position: relative;
        margin-top: 0px;
    }
    .coin1 {
        width: 150px;
    }
    .coin2 {
        position: absolute;
        top: 20px;
        left: 70px;
        animation-delay: 3s;
        width: 120px;
    }
    .coin3 {
        position: absolute;
        top: 180px;
        right: 10px;
        animation-delay: 2s;
        width: 100px;
    }
    .chart2 {
        position: absolute;
        top: 240px;
        right: 35px;
        animation-delay: 2s;
        width: 20px;
    }
    .chart3 {
        position: absolute;
        top: 260px;
        right: 120px;
        animation-delay: 3s;
        width: 20px;
    }
    .chart1 {
        position: absolute;
        top: 230px;
        right: 80px;
        animation-delay: 1s;
        width: 20px;
    }
    .telegram {
        text-align: left;
        text-transform: uppercase;
        font-weight: 700;
        margin-top: 20px;
    }
    .buttons .btn-lg {
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0.5rem 1.6rem;
    }
    .pay-button {
        display: inline-block;
        margin: 3px;
        width: 45%;
    }
}