.ribbon {
        width: 150px;
        height: 150px;
        overflow: hidden;
        position: absolute;
    }

    .ribbon::before,
    .ribbon::after {
        position: absolute;
        z-index: -1;
        content: "";
        display: block;
        border: 5px solid #2980b9;
    }

    .ribbon span {
        position: absolute;
        display: block;
        width: 225px;
        padding: 8px 3px 8px 22px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        color: #fff;
        font-size: 15px;
        text-shadow: #00000094 0px 0px 2px;
        text-align: center;
    }

    .ribbon-bl span {
        background-color: #2c83dd;
    }

    .ribbon-yl span {
        background-color: #e04d4d;
    }

    .ribbon-top-right {
        top: -10px;
        right: -10px;
    }

    .ribbon-top-right::before,
    .ribbon-top-right::after {
        border-top-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-top-right::before {
        top: 0;
        left: 17px;
    }

    .ribbon-top-right::after {
        bottom: 17px;
        right: 0;
    }

    .ribbon-top-right span {
        left: -25px;
        top: 30px;
        font-weight: bold;
        transform: rotate(45deg);
    }

    .pricing-footer {
        text-align: center;
        margin-top: 50px;
    }

    .pricing1 {
        font-family: 'Montserrat', sans-serif;
        color: #8d97ad;
        font-weight: 300;
    }

    .pricing1 ul {
        color: #363a3e;
        font-size: 1.05em;
    }

    .pricing1 strike {
        color: #717171;
    }

    .pricing1 .yellow-bd {
        color: #ad9446;
        background: #f7f3dd;
        border-radius: 7px;
    }

    .pricing1 .green-bd {
        padding: 4px;
        color: #39521e;
        background: #dbffb494;
        font-size: 1.05rem;
        text-align: center;
        border: 1px solid #cdf4a2;
        border-radius: 8px;
    }

    .ico_check {
        color: #35b035;
    }

    .ico_close {
        color: #d82121;
    }

    .pricing1 h1,
    .pricing1 h2,
    .pricing1 h3,
    .pricing1 h4,
    .pricing1 h5,
    .pricing1 h6 {
        color: #3e4555;
    }

    .pricing1 .font-weight-medium {
        font-weight: 500;
    }

    .pricing1 .bg-light {
        background-color: #f4f8fa !important;
    }

    .pricing1 .subtitle {
        color: #8d97ad;
        line-height: 24px;
        font-size: 14px;
    }

    .pricing1 .font-14 {
        font-size: 14px;
    }

    .pricing1 h6 {
        line-height: 22px;
        font-size: 19px;
        font-weight: bold;
    }

    .pricing1 .card {
        border-radius: 8px;
        background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAAHpk4xqAAAAElBMVEX6+vrs7Ozr6+vu7u7v7+/t7e3EXgZMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM/VzrERA0EQAsGdAfJPWRG8c55wuyi4xt3CDuCW9pCDnvOYl9HEq8bkMojcwHLYwpnUXjTrKZoLLd4a7KVtG0U9ZYWFkQM0aZd5mQoKyYFqNsAbbcMo7AKbykbuX5In4pv2TT618tTi6Uaf6HvrB6gQAgdgFALaAAAAAElFTkSuQmCC);
    }

    .pricing1 .card.card-shadow {
        -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
        box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
    }

    .pricing1 .on-hover {
        -webkit-transition: 0.1s;
        -o-transition: 0.1s;
        transition: 0.1s;
    }

    .pricing1 .on-hover:hover {
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -webkit-font-smoothing: antialiased;
    }

    .pricing1 .btn-black {
        background: #22261b;
    }

    .pricing1 .btn-black span {
        vertical-align: middle;
    }

    .pricing1 .btn-black img {
        width: 16px;
        display: none;
    }

    .pricing1 .btn-black:hover {
        background: #2a3037;
    }

    .pricing1 .btn-success-gradiant {
        background: #95bf4f;
        background: -webkit-linear-gradient(legacy-direction(to right), #95bf4f 0%, #4f846c 100%);
        background: -webkit-gradient(linear, left top, right top, from(#95bf4f), to(#4f846c));
        background: -webkit-linear-gradient(left, #95bf4f 0%, #4f846c 100%);
        background: -o-linear-gradient(left, #95bf4f 0%, #4f846c 100%);
        background: linear-gradient(to right, #95bf4f 0%, #4f846c 100%);
    }

    .pricing1 .btn-success-gradiant:hover {
        background: #8eae61;
        background: -webkit-linear-gradient(legacy-direction(to right), #8eae61 0%, #34814e 100%);
        background: -webkit-gradient(linear, left top, right top, from(#8eae61), to(#34814e));
        background: -webkit-linear-gradient(left, #8eae61 0%, #34814e 100%);
        background: -o-linear-gradient(left, #8eae61 0%, #34814e 100%);
        background: linear-gradient(to right, #8eae61 0%, #34814e 100%);
    }

    .pricing1 .btn-danger-gradiant {
        background: #ff4d7e;
        background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%);
        background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b));
        background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
        background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
        background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);
    }

    .pricing1 .btn-danger-gradiant:hover {
        background: #ff6a5b;
        background: -webkit-linear-gradient(legacy-direction(to right), #ff6a5b 0%, #ff4d7e 100%);
        background: -webkit-gradient(linear, left top, right top, from(#ff6a5b), to(#ff4d7e));
        background: -webkit-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
        background: -o-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
        background: linear-gradient(to right, #ff6a5b 0%, #ff4d7e 100%);
    }

    .pricing1 .btn-md {
        padding: 12px 30px;
        font-size: 16px;
        border-radius: 5px;
    }

    .pricing1 .onoffswitch {
        width: 70px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        margin: 0 auto;
    }

    .pricing1 .onoffswitch-label {
        cursor: pointer;
        border: 2px solid transparent;
        border-radius: 20px;
    }

    .pricing1 .onoffswitch-inner {
        width: 200%;
        margin-left: -100%;
        -webkit-transition: margin 0.3s ease-in 0s;
        -o-transition: margin 0.3s ease-in 0s;
        transition: margin 0.3s ease-in 0s;
    }

    .pricing1 .onoffswitch-inner::before,
    .pricing1 .onoffswitch-inner::after {
        display: block;
        float: left;
        width: 50%;
        height: 30px;
        padding: 0;
        line-height: 30px;
        font-size: 14px;
        color: white;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .pricing1 .onoffswitch-inner::before {
        content: "";
        padding-right: 27px;
        background-color: #2cdd9b;
        color: #ffffff;
    }

    .pricing1 .onoffswitch-inner::after {
        content: "";
        padding-right: 24px;
        background-color: #3e4555;
        color: #999999;
        text-align: right;
    }

    .pricing1 .onoffswitch-switch {
        width: 23px;
        margin: 6px;
        height: 23px;
        top: -1px;
        bottom: 0;
        right: 35px;
        border-radius: 20px;
        -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        transition: all 0.3s ease-in 0s;
    }

    .pricing1 .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }

    .pricing1 .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
        right: 0px;
    }

    .pricing1 .price-badge {
        top: -13px;
        left: 0;
        right: 0;
        width: 100px;
        margin: 0 auto;
    }

    .pricing1 .badge-inverse {
        background-color: #3e4555;
    }

    .pricing1 .display-5 {
        font-size: 2.4rem;
        color: #263238;
    }

    .pricing1 .pricing sup {
        font-size: 18px;
        top: -14px;
    }

    .pricing1 .pricing .yearly {
        display: none;
    }

    .alert-disabled-account,
    .alert-aborted-download {
        background-color: #181d222b;
        color: #fff;
        font-weight: bold;
        font-size: 17px;
        line-height: 2.5rem;
        border: 1px solid #1b1e24;
        border-radius: 8px;
        margin-bottom: 5px;
        text-align: center;
    }

    .alert-promo {
        background: none;
        border-color: transparent;
        font-weight: 600;
        text-align: center;
        color: white;
        margin: 0px 0px 10px 0px;
        background: #181d222b;
        padding: 13px;
        border: 1px solid #1b1e24;
        border-radius: 8px;
    }

    .alert-promo p {
        font-weight: bold;
        font-size: 17px;
    }

    .promo-donation-page ul#countdown {
        list-style: none;
        padding: 0;
        display: block;
        margin-top: -2px;
    }

    .promo-donation-page ul#countdown li {
        display: inline-block;
    }

    .promo-donation-page ul#countdown li.separator {
        margin: 0px 4px;
        font-size: 22px;
        line-height: 38px;
        vertical-align: top;
        color: #b9b8b8;
    }

    .promo-donation-page ul#countdown li p {
        margin-top: 3px;
        color: #ccd0d8;
        font-size: 11px;
        text-align: center;
    }

    .promo-donation-page ul#countdown li span {
        background: #1d2127;
        padding: 6px;
        border: 1px solid #1b1e24;
        border-radius: 6px;
        font-size: 26px;
        line-height: 38px;
        font-weight: 800;
        color: #fff;
    }

    #purchase .payment-footer {
        border-top: 1px solid #0000002b;
        color: #000000;
        background: #f3f3f36b;
        font-size: 15px;
    }

    #purchase .payment-list-item.disabled {
        display: none;
    }

    #purchase .payment-error.orange {
        background: #d3f4fff7;
        border: 1px solid #7bedff;
        color: #4b7a8d;
        font-size: 14px;
    }

    #purchase .payment-icon.paypal {
        background: url('/assets/img/payment_methods/pp.svg') no-repeat center center;
        background-size: contain;
    }

    
    #purchase .payment-icon.revolut {
        background: url('/assets/img/payment_methods/revo.png') no-repeat center center;
        background-size: contain;
    }

     
    #purchase .payment-icon.mercuryo {
        background: url('/assets/img/payment_methods/mercuryo.png') no-repeat center center;
        background-size: contain;
    }