@font-face {
    font-family: 'rub-arial-regular';
    src: local('rub-arial-regular');
    src: url(fonts/rub-arial-regular.woff), url(fonts/rub-arial-regular.ttf)
}

h1 {
    color: #5B0099;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.navbar-brand span {
    color: #590096;
    padding-left: 10px;
    font-weight: 500;
}

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

.ma-img-area {
    text-align: center;
}

.price-label {
    font-family: 'rub-arial-regular';
}

.payment-type {
    text-align: left;
}

.payment-type-header {
    margin: 10px 0 0 0;
}

.payment-type-header-group {
  color: #606060;
  margin-bottom: 0;
}

.payment-type-header-description {
  color: #606060;
  margin-bottom: 0;
}

.payment-type-header-action {
  font-weight: bold;
  margin-bottom: 0;
}

.payment-type a {
  margin: 10px 0;
  width: 100%;
}

.payment-type-image {
    float: left;
}

.payment-type a img {
}

.payment-type-text1 {
    margin-left: 60px;
    font-size: 110%;
    text-align: left;
}

.payment-type-text2 {
    color: rgba(10, 37, 64, 0.7);
    margin-left: 60px;
    text-align: left;
}

.payment-type-image {
    height: 40px;
    margin-top: 5px;
    width: 40px;
}

    .payment-type-image img {
        height: 40px;
        width: 40px;
    }

    .payment-type-image svg {
        height: 20px;
        margin: 10px;
        width: 20px;
    }

.payment-type-image-bank-card {
    background-color: rgba(204, 54, 99, 0.2);
    border-radius: 50%;
}

    .payment-type-image-bank-card svg {
        fill: rgb(204, 54, 99);
    }

.payment-type-image-cash {
    background-color: rgb(213, 155, 57);
    border-radius: 50%;
}

    .payment-type-image-cash svg {
        fill: rgb(255, 255, 255);
    }

.qr-area {
  text-align: center;
}
.qr {
  height: 250px;
  width: 250px;
}