body {
    font-family: "Source regular";
    /*font-size: 20px;*/
}
.center {
    padding: 0 40px;
}
.hidden {
    display: none;
}
.button {
    color: #fff;
    text-decoration: none;
    background-color: #6c2ff6;
    padding: 15px 35px;
    border: 2px solid #6c2ff6;
    font-size: 20px;
    font-family: "Source bold";
    display: inline-block;
    cursor: pointer;
    text-align: center;
    -webkit-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;-o-transition: 0.3s all;transition: 0.3s all;
}
.button:disabled {
    color: #673ab7;
    border-color: #673ab7;
    background: #673ab7;
    position: relative;
}
.button:disabled:focus, .button:disabled:hover {
    border-color: #673ab7;
    background: #673ab7;
}
.button:disabled:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url('/bitrix/js/ui/buttons/src/css/images/ui-loader-wait-white.min.svg?v=1.2') center / 30px no-repeat;
}
.button--white {
    color: #6c2ff6;
    border: 2px solid #fff;
    background: #fff;
}
.button--transparent {
    color: #6c2ff6;
    border: 2px solid #6c2ff6;
    background: transparent;
}
.input-text {
    box-sizing: border-box;
    width: 100%;
    font-family: "Source regular";
    margin: 8px 0;
    padding: 18px 24px;
    border: 2px solid #eee;
    font-size: calc(.00238 * 100vw + 15.2381px);
}
.input-text.invalid {
    border: 2px solid red;
}

.input-checkbox + .input-checkbox-label {
    display: block;
    border: 2px solid #6c2ff6;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    cursor: pointer;
}
.input-checkbox:checked + .input-checkbox-label {
    background: url('/bitrix/templates/main/img/galka.svg') center / 12px no-repeat;
}
/*--------------------------------*/
.text-violet {
    color: #6c2ff6;
}
.mb {
    margin-bottom: 80px;
}
.mb-24 {
    margin-bottom: 24px;
}
.grecaptcha-badge {
    display: none;
}
@media (max-width: 767.98px) {
    .center {
        padding: 0 20px;
    }
}
.table {
    border-collapse: collapse;
}
.table td, .table th {
    padding: 5px 10px;
    border: 1px solid #efefef;
    text-align: left;
}

.swipe-wrapper {
    overflow-x: auto;
}