.z-content {
    padding-top: 48px;
    padding-bottom: 48px;
    padding-top: 57px;
    padding-left: 48px;
    padding-right: 48px;
    font-size: 16px;
    line-height: 160%;
}

h1 {
    font-size: 40px;
    margin-bottom: 12px;
    color: var(--gray-9);
    font-weight: 500;
    margin-bottom: 42px;
}

h4 {
    font-size: 24px;
    padding: 16px 0 38px;
}

p {
    padding: 6px 0;
}

.promotions .row {
    margin-left: -25px;
    margin-right: -25px;
}

.promotions .col-xs-1,
.promotions .col-sm-1,
.promotions .col-md-1,
.promotions .col-lg-1,
.promotions .col-xs-2,
.promotions .col-sm-2,
.promotions .col-md-2,
.promotions .col-lg-2,
.promotions .col-xs-3,
.promotions .col-sm-3,
.promotions .col-md-3,
.promotions .col-lg-3,
.promotions .col-xs-4,
.promotions .col-sm-4,
.promotions .col-md-4,
.promotions .col-lg-4,
.promotions .col-xs-5,
.promotions .col-sm-5,
.promotions .col-md-5,
.promotions .col-lg-5,
.promotions .col-xs-6,
.promotions .col-sm-6,
.promotions .col-md-6,
.promotions .col-lg-6,
.promotions .col-xs-7,
.promotions .col-sm-7,
.promotions .col-md-7,
.promotions .col-lg-7,
.promotions .col-xs-8,
.promotions .col-sm-8,
.promotions .col-md-8,
.promotions .col-lg-8,
.promotions .col-xs-9,
.promotions .col-sm-9,
.promotions .col-md-9,
.promotions .col-lg-9,
.promotions .col-xs-10,
.promotions .col-sm-10,
.promotions .col-md-10,
.promotions .col-lg-10,
.promotions .col-xs-11,
.promotions .col-sm-11,
.promotions .col-md-11,
.promotions .col-lg-11,
.promotions .col-xs-12,
.promotions .col-sm-12,
.promotions .col-md-12,
.promotions .col-lg-12 {
    padding-left: 25px;
    padding-right: 25px;
}

.buttons-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.buttons-wrap.lines {
    justify-content: center;
}

.buttons-wrap.lines::before,
.buttons-wrap.lines::after {
    content: '';
    position: relative;
    height: 1px;
    width: 20vw;
    margin: 0 24px;
    max-width: 272px;
}

.buttons-wrap.lines::before {
    background: linear-gradient(270deg, var(--primary-color) 2%, #00000000 100%);
}

.buttons-wrap.lines::after {
    background: linear-gradient(90deg, var(--primary-color) 2%, #00000000 100%);
}

.send-button {
    font-size: 14px;
    padding: 11px 22px;
    display: inline-block;
}

@media (max-width: 668px) {
    h1 {
        font-size: 1.6em;
    }

    .z-content {
        padding: 28px 12px;
    }

    .buttons-wrap.lines::before,
    .buttons-wrap.lines::after {
        display: none;
    }

    .function-field-trigger .zlibicon-soc-chains {
        margin-right: 7px !important;
    }
}

.promotions form .color-form {
    background-color: var(--color-blue-background);
    border-radius: 8px;
    margin-bottom: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.promotions form .color-form .input-field {
    margin-bottom: 0;
}

@media (min-width: 760px) {
    .promotions form .color-form {
        padding: 30px 40px;
    }
}

.promotions form .color-form {
    background-color: var(--color-blue-background);
    border-radius: 8px;
    margin-bottom: 50px;
}

.promotions form .color-form .desc {
    color: var(--gray-7);
    font-size: 14px;
    line-height: 1.4em;
    display: inline-block;
}

.promotions form .color-form .details {
    color: var(--gray-7);
    font-size: 14px;
    line-height: 1.4em;
    display: inline-block;
    margin-bottom: 12px;
}

.promotions form .color-form label {
    font-weight: normal;
}

.promotions form .input-field{
    margin-bottom: 31px;
} 
.promotions form .input-field > span.input-title{
    font-weight: bold;
}
.promotions form .input-field input, .promotions form .input-field textarea{
    margin-top: 9px;
} 
.promotions form .input-field .form-group_counter{
    font-size: 12px;
    float: right;
    height: 0;
} 
.promotions form input[type="text"] {
    width: 100%;
    height: 40px;
}

.promotions form .multiselect-input-wrap input[type="text"] {
    width: 100%;
    height: 40px;
    margin-top: 0;
    margin-bottom: 0;
}

.promotions .flex-col-md-list input {
    position: relative;
    top: 1px;
}

.promotions .flex-col-md-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 17px;
}

.promotions form textarea {
    width: 100%;
    margin-top: 9px;
}

.promotions form textarea + .form-group_counter{
    margin-top: -6px;
}

.promotions form textarea[name="description"] {
    min-height: 83px;
}

.promotions form .color-form textarea {
    width: 100%;
    margin-top: 9px;
}

.promotions form .multiselect-box-wrap {
    width: 100%;
    margin-top: 9px;
    margin-bottom: 17px;
}

.promotions form .presend-warning {
    width: 100%;
    font-size: 14px;
    color: var(--gray-7);
    line-height: 140%;
    text-align: center;
    margin-bottom: 39px;
}

.promotions form .presend-warning span {
    text-align: center;
    max-width: 390px;
    display: inline-block;
}

.promotions h1 span {
    position: relative;
    z-index: 0;
}

.promotions h1 span:after {
    position: absolute;
    left: -1%;
    content: '';
    bottom: -13px;
    width: 102%;
    height: 19px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDA2IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBoZWlnaHQ9IjIyIiB2aWV3Qm94PSIwIDAgNDA2IDIyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSA5LjY4NTY2QzU5LjEyMTEgNi41NjcgMjMxLjc5OSAtMi4wNzY5NSA0MDUgNy4xMDczMUMzMTUuMDk0IDcuMTA3MzEgMjU2LjI2IDkuMzI1MTggMTgwLjgzNyAxOSIgc3Ryb2tlPSIjRUVGOUZGIiBzdHJva2Utd2lkdGg9IjYiLz4KPHBhdGggZD0iTTEgOS42ODU2NkM1OS4xMjExIDYuNTY3IDIzMS43OTkgLTIuMDc2OTUgNDA1IDcuMTA3MzFDMzE1LjA5NCA3LjEwNzMxIDI1Ni4yNiA5LjMyNTE4IDE4MC44MzcgMTkiIHN0cm9rZT0idXJsKCNwYWludDBfcmFkaWFsXzI1MTI0XzU0MSkiIHN0cm9rZS13aWR0aD0iNiIvPgo8cGF0aCBkPSJNMSA5LjY4NTY2QzU5LjEyMTEgNi41NjcgMjMxLjc5OSAtMi4wNzY5NSA0MDUgNy4xMDczMUMzMTUuMDk0IDcuMTA3MzEgMjU2LjI2IDkuMzI1MTggMTgwLjgzNyAxOSIgc3Ryb2tlPSJ1cmwoI3BhaW50MV9yYWRpYWxfMjUxMjRfNTQxKSIgc3Ryb2tlLXdpZHRoPSI2Ii8+CjxwYXRoIGQ9Ik0xIDkuNjg1NjZDNTkuMTIxMSA2LjU2NyAyMzEuNzk5IC0yLjA3Njk1IDQwNSA3LjEwNzMxQzMxNS4wOTQgNy4xMDczMSAyNTYuMjYgOS4zMjUxOCAxODAuODM3IDE5IiBzdHJva2U9InVybCgjcGFpbnQyX3JhZGlhbF8yNTEyNF81NDEpIiBzdHJva2Utd2lkdGg9IjYiLz4KPHBhdGggZD0iTTEgOS42ODU2NkM1OS4xMjExIDYuNTY3IDIzMS43OTkgLTIuMDc2OTUgNDA1IDcuMTA3MzFDMzE1LjA5NCA3LjEwNzMxIDI1Ni4yNiA5LjMyNTE4IDE4MC44MzcgMTkiIHN0cm9rZT0idXJsKCNwYWludDNfcmFkaWFsXzI1MTI0XzU0MSkiIHN0cm9rZS1vcGFjaXR5PSIwLjIiIHN0cm9rZS13aWR0aD0iNiIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzI1MTI0XzU0MSIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgxMzcuNTggMjAuNSkgcm90YXRlKC0yLjU1NTI0KSBzY2FsZSgyMzUuNTE4IDI1LjA1OCkiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNjY4MUUyIiBzdG9wLW9wYWNpdHk9IjAuODEiLz4KPHN0b3Agb2Zmc2V0PSIwLjk1MzY3NyIgc3RvcC1jb2xvcj0iIzY2ODFFMiIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQxX3JhZGlhbF8yNTEyNF81NDEiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoODIuNDg4NiAtMC42MjUpIHJvdGF0ZSgxNDkuNzI1KSBzY2FsZSgzMy4yMjQ0IDE3NC40OTYpIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzFENTJBMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxRDUyQTAiIHN0b3Atb3BhY2l0eT0iMC4xOCIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50Ml9yYWRpYWxfMjUxMjRfNTQxIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDQyNS42NTkgMC41MDAwMDEpIHJvdGF0ZSgxNzcuNTA2KSBzY2FsZSg0MjUuMDYyIDMxLjYzMjYpIj4KPHN0b3Agb2Zmc2V0PSIwLjE5NjY0NSIgc3RvcC1jb2xvcj0iIzEzRTVENSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KPHN0b3Agb2Zmc2V0PSIwLjcxMDYyNCIgc3RvcC1jb2xvcj0iIzEzRTVENSIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQzX3JhZGlhbF8yNTEyNF81NDEiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjAzIDUuNzUpIHJvdGF0ZSg5MCkgc2NhbGUoMTMuMjUgNDQ1LjMxOCkiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjQ5Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4xOSIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
    background-size: 100% 100%;
    z-index: -1;
}

.promotions .example-table-top,
.promotions .example-table-bottom {
    position: relative;
    pointer-events: none;
}

.promotions .example-table {
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 63px;
}

h5 {
    font-size: 20px;
    margin-right: 15px;
}

h5 span {
    color: var(--primary-color);
}

.promotions .example-table-top {
    background: var(--card-bg-color);
    border: 1px solid var(--border-color);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.promotions .example-table-bottom {
    background: var(--card-bg-color);
    border: 1px solid var(--border-color);
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.promotions .example-table z-promotion {
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    display: block;
}

.promotions .flex-title {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
}

.function-field {
    font-size: 14px;
}

.function-field-trigger {
    color: var(--primary-color);
    margin-right: 15px;
    cursor: pointer;
    position: relative;
}

.function-field-trigger .text {
    text-decoration: underline;
}

.function-field-trigger input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}

.function-field-trigger input[type="file"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.function-field-trigger .zlibicon-attach-image {
    font-size: 17px;
    top: 3px;
    position: relative;
    margin-right: 5px;
}

.zlibicon-soc-chains {
    position: relative;
    top: 1px;
    margin-right: 4px;
}

.function-field-trigger .zlibicon-soc-chains {
    font-size: 17px;
    top: 3px;
    position: relative;
    margin-right: 2px;
}

.function-field-input .zlibicon-soc-chains {
    font-size: 17px;
    top: 4px;
    position: relative;
    margin-right: 5px;
}

.function-field-input,
.function-field.typing .function-field-trigger,
.function-field.typing .function-field-description {
    display: none;
}

.function-field-input input {
    margin: auto !important;
    padding: 3px !important;
    height: auto !important;
    background: var(--gray-4) !important;
    border: none !important;
    position: relative;
    top: -2px;
    margin-bottom: -6px !important;
}

.function-field.typing .function-field-input {
    display: flex;
}

html [nextgen] input[type="radio"] {
    color-scheme: light;
}

html.dark [nextgen] input[type="radio"],
html.glass [nextgen] input[type="radio"] {
    color-scheme: dark;
}

#zlibrary-modal-styled .modal-dialog {
    max-width: 400px;
    width: 94% !important;
    margin: auto;
}

@media (max-width: 678px) {
    #zlibrary-modal-styled .modal-dialog {
        margin-top: 10vh !important;
    }
}

#zlibrary-modal-styled .modal-dialog {
    max-width: 400px;
    width: 94%;
    margin: auto;
}

#zlibrary-modal-styled .modal-content {
    border-radius: 10px
}

#zlibrary-modal-styled .modal-content h2 {
    text-align: center;
    line-height: 1.6em;
    font-size: 20px;
    color: var(--gray-9);
}

#zlibrary-modal-styled .modal-content .text {
    margin-bottom: 40px;
    text-align: center;
    font-size: 15px;
}

html.glass #zlibrary-modal-styled .modal-content:before {
    border-radius: 10px;
}

#zlibrary-modal-styled .round {
    width: 100px;
    background: #BAE0BD;
    border: 2px solid #5E9C76;
    border-radius: 100px;
    height: 100px;
    margin: 30px auto 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 48px;
    color: var(--gray-1);
}

.buttons-wrap-check {
    position: relative;
}

.buttons-wrap-check .button-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: none;
}
.buttons-wrap-check button:disabled + .button-tooltip {
    display: block;
}

.has-error-message {
    display: none;
    font-size: 0.7em;
    margin-left: 3px;
    font-style: italic;
    padding: 2px 6px;
    background-color: var(--color-error-bg);
    border-radius: 4px;
    position: absolute;
    line-height: 11px;
    top: -5px;
}

.has-error span.has-error-message {
    display: inline;
}

.has-error span {
    color: var(--color-error);
}

[nextgen] .has-error input[type="text"],
[nextgen] .has-error textarea {
    border-color: var(--color-error);
    color: var(--color-error);
    background-color: var(--color-error-bg);
}