html body {
    background: #222222;
}

/* ====================] Абонементы [================ */

#price {
    padding: 50px 0 120px 0;
    background: #222222;
}

#price .custom-sm-title {
    text-align: center;
    font-weight: 600;
    font-size: 40px;
}

#price .custom-sm-title:not(:first-child) {
    margin-top: 50px;
}

#price .col-xl-4 {
    margin-top: 25px;
}

#price .price-info {
    background: #2C2C2C;
    border-radius: 4px;
    padding: 25px;
}

#price .price-count {
    text-align: center;
    font-weight: 400;
    font-size: 25px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 4px;
    padding: 20px 0;
}

#price .price-value {
    text-align: center;
    font-weight: 600;
    font-size: 60px;
    margin-top: 25px;
}

#price .price-duration {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
}

#price .price-duration span {
    font-weight: 500;
}

#price .btn-custom {
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

svg.close:hover {
    cursor: pointer;
}

#pay-modal .modal-dialog.modal-dialog-centered {
    max-width: 600px;
}

#pay-modal .modal-content {
    background: #242424;
    border-radius: 10px;
}

#pay-modal .modal-body {
    padding: 25px 90px
}

#pay-modal .custom-input {
    margin-top: 15px;
}

#pay-modal .custom-input:first-child {
    margin-top: 40px;
}

#pay-modal .request-description {
    text-align: center;
}

#pay-modal .btn-custom {
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

#pay-modal .custom-input {
    width: 100%;
}

/*#price .btn-custom {*/
/*    pointer-events: none;*/
/*    cursor: default;*/
/*}*/

.pay-title {
    text-align: center;
    font-weight: 400;
    font-size: 25px;
}

.tmg #tmg_ps_nextstep form {
    text-align: center !important;
}

.tmg h3 {
    display: none !important;
}

div#pk-paywidget .modal div.modal-content {
    background: #242424;
    color: white;
    border: none;
}

.pay-info {
    font-weight: 600;
    font-size: 18px;
    text-align: right;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.pay-info .pay-description {
    float: left;
}

.pay-info svg:hover {
    cursor: pointer;
}

#pay-modal .pay-val {
    width: 70px;
    margin-left: 10px;
}

#pay-modal .pay-count {
    width: 25px;
    text-align: center;
}

.pay-info p,
.pay-info div {
    display: inline-block;
}

@media screen and (max-width: 980px) {

    #price .price-count {
        font-size: 22px;
    }

    #price .price-count span {
        padding: 20px 64px;
    }

}

@media screen and (max-width: 500px) {

    #pay-modal .modal-body {
        padding: 25px 10px
    }

    #pay-modal .pay-description {
        float: none;
    }

    #pay-modal .pay-info {
        text-align: center;
    }

    #pay-modal .pay-info div {
        display: block;
    }

}