* {
    outline: none;
}

html,
body {
    height: auto !important;
}

body {
    position: relative;
    margin: 0px;
    font-size: 14px;
}

body.own {
    padding: 0px;
    background: rgba(255, 255, 255, 0);
}

body.external {
    background: none;
    padding: 0;
}

.own .wrapForm {
    padding: 25px 0;
}

.own .wrapForm,
.wrapForm_center {
    margin: 0px auto;
}

.preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;

    &::-webkit-scrollbar-track {
        background: #f6f7fb;
    }

    &::-webkit-scrollbar-thumb {
        background: rgba(65, 74, 95, 0.2);
    }

    &::-webkit-scrollbar {
        width: 5px;
    }
}

.preview .wrapFooter {
    display: none;
}

.preview .mainForm.processing .progress,
.preview .mainForm.processing .overlay {
    display: none;
}

.hemail {
    display: none;
}

img {
    border: 0;
    max-width: 100%;
}

:focus::-webkit-input-placeholder {
    color: transparent;
}

:focus::-moz-placeholder {
    color: transparent;
}

:focus::placeholder {
    color: transparent;
}

.text::-webkit-input-placeholder {
    opacity: 0.75;
}

.text::-moz-placeholder {
    opacity: 0.75;
}

.text::placeholder {
    opacity: 0.75;
}

.ql-align-center {
    text-align: center;
}

.ql-align-right {
    text-align: right;
}

.ql-align-justify {
    text-align: justify;
}

.wrapForm {
    width: 540px;
}

.wrapForm .mainForm {
    border: none;
    border-radius: 0;
    box-shadow: none;
    ;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
}

.wrapForm .wrapFooter {
    font-size: 11px;
    color: #666666;
}

.wrapForm .wrapFooter .copyrights {
    margin-top: 12px;
    text-align: center;
}

.wrapForm .wrapFooter .copyrights a {
    color: #666;
    text-decoration: none;
}

.wrapForm .wrapFooter .copyrights a:hover {
    text-decoration: underline;
}

.languages {
    position: relative;
    text-align: right;
    color: rgba(255, 255, 255, 0.8);
    padding: 5px 3px !important;
    z-index: 999;
    cursor: pointer;
    font-size: 0.8em !important;
    font-weight: normal !important;
}

.languages__name {
    padding: 5px 20px 5px 5px;
    position: relative;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 3px;
}

.languages__name:hover {
    border-color: #eaeaea;
}

.languages__name:after {
    content: "";
    display: inline-block;
    border: 4px solid transparent;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: transparent;
    border-top: 4px solid rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 4px;
}

.languages__list {
    display: none;
    position: absolute;
    right: 4px;
    top: 5px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    text-align: left;
}

.languages__row {
    padding: 5px 7px;
    text-wrap: nowrap;
}

.languages_open .languages__list {
    display: block;
}

.user_formish {
    color: rgba(255, 255, 255, 0.8);
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 1.5;
    background: rgba(255, 255, 255, 0);
}

.user_formish h3 {
    color: #00AAED;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 1.25;
    background: #f2f2f2;
    border-radius: 3px;
    border: 0px solid #414a5f;
    box-shadow: none;
    ;
    text-align: left;
    padding: 5px 15px 5px 15px;
    margin: 0px 0px 18px 0px;
}

.user_formish div.page {
    display: none;
}

.user_formish div.page.current {
    display: block;
}

.user_formish label.label {
    display: block;
    color: rgba(255, 255, 255, 0.8);

    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    word-wrap: break-word;
    margin: 0 0 3px;
}

.user_formish .shift a {
    color: rgba(255, 255, 255, 0.8);

    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 1.5;
}

.user_formish .shift.type-terms.error label,
.user_formish .shift.error a,
.errorSummary a {
    color: #ff3d71;

    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 1.3;
}

.user_formish div.shift.error {
    background: rgba(255, 255, 255, 0);
    border: none;
    border-radius: 0;
    box-shadow: none;
    ;
    margin: 7px -1px;
    padding-bottom: 5px;
}

.user_formish.slice div.shift.error {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
}

.user_formish div.shift.error .error {
    margin-top: 10px;
    color: #ff3d71;

    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 1.3;
}

.user_formish .shift.error .info {
    color: #ff3d71;

    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 1.3;
}

.user_formish .shift .info {
    color: #999999;

    font-weight: normal;
    font-style: italic;
    font-size: 11px;
    line-height: 1.25;
    margin-bottom: 6px;
}

.user_formish.slice .shift .info {
    padding-left: 40%;
    margin-top: -7px;
    margin-bottom: 10px;
    clear: left;
}

.user_formish .shift.type-hidden,
.user_formish .shift.type-formatting {
    display: none;
}

.user_formish.slice .shift.type-username .info,
.user_formish.slice .shift.type-socbuttons .info,
.user_formish.slice .shift.type-image .info {
    padding-left: 0;
}

.user_formish div.shift.type-html {
    padding-top: 0;
}

.user_formish div.shift.type-html .unit {
    margin-top: 8px;
}

.unit__image {
    margin-bottom: 10px;
    text-align: center;
}

.unit__image img {
    cursor: pointer;
}

.user_formish .unit_image-hidden {
    padding: 0 !important;
}

.user_formish .unit_image-hidden input,
.user_formish .unit_image-hidden label {
    display: none !important;
}

.user_formish .unit_image-hidden .unit__image {
    margin: 0 !important;
    position: relative;
}

.user_formish .unit_image-hidden .unit__image img {
    vertical-align: bottom;
}

.user_formish .unit_image-hidden.unit_checked .unit__image:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
}

.user_formish .unit_image-hidden.unit_checked .unit__image:after {
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 18px;
    height: 18px;
    background-image: url("/images/form/i-checkbox.svg");
    border: 1px solid #fff;
    border-radius: 2px;
}

.user_formish label.label span.required {
    color: #f00;
    font-weight: bold;
}

.user_formish input.text,
.user_formish textarea,
.user_formish select,
.user_formish .type-file .unit .file-fd,
.user_formish .type-autocomplete .select2-container--default .select2-selection--single,
.user_formish .type-autocomplete .select2-container--default .select2-selection--multiple,
.user_formish .type-autocomplete .select2-container--default.select2-container--focus .select2-selection--multiple {
    color: #151a30;

    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1.3;
    border: none;
    border-radius: 0;
    box-shadow: none;
    ;
    background: #ffffff;
    padding: 9px 16px 9px 16px;
    transition: all 0.2s linear 0s;
}

.user_formish input.text:focus,
.user_formish textarea:focus,
.user_formish select:focus {
    outline: none;
    color: #151a30;

    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1.3;
    border: none;
    border-radius: 0;
    box-shadow: none;
    ;
    background: #ffffff;
}

.user_formish .unit {
    position: relative;
    margin-top: 8px;
}

.user_formish.slice .type-select .unit {
    margin-left: 0;
}

.user_formish .unit.noMar {
    margin: 0;
}

.user_formish .unit.value {
    overflow: hidden;
}

.user_formish .unit.value input.text,
.user_formish .unit.value textarea,
.user_formish .unit.value select,
.user_formish .unit.value .selectbox {
    float: left;
    display: block;
    width: 70px;
    min-width: 70px;
    margin-right: 5px;
}

.user_formish .unit.value .units {
    float: left;
    display: block;
    width: 32px;
    font-size: 20px;
    padding: 6px 0 0 0;
}

.user_formish .shift .description {
    color: rgba(255, 255, 255, 0.8);
    font-weight: normal;
    margin-bottom: 10px;
    overflow: hidden;
}

.user_formish .shift .description table {
    border-collapse: collapse;
}

.user_formish .shift .description table thead td,
.user_formish .shift .description table th {
    background: #FFFFFF;
}

.user_formish .shift .description table td,
.description table th {
    border: 1px solid #CCCCCC;
    font-size: 12px;
    padding: 6px 12px;
    text-align: left;
}

.user_formish .shift .image {
    overflow: hidden;
    margin: 15px 0;
    text-align: center;
}

.user_formish .shift {
    padding: 5px 10px 0px;
    margin: 0 0px 0px 0px;
    position: relative;
}

.user_formish .shift.type-indent {
    margin-bottom: 0;
}

.user_formish .shift.hide,
.user_formish .label.hide,
.user_formish .section.hide {
    display: none;
}

.user_formish.slice .shift.error {
    padding-top: 18px;
}

.user_formish .shift.slice:after,
.user_formish.slice .shift:after {
    content: "";
    clear: both;
    display: block;
}

.user_formish .shift.slice label {
    float: left;
    width: 35%;
}

.user_formish .shift.slice .rc {
    overflow: visible;
    padding-left: 40%;
}

.user_formish .shift.slice .rc label {
    float: none;
    width: auto;
    white-space: nowrap;
}

.user_formish.slice .shift {
    padding: 9px 2px 1px 1px;
}

.user_formish.slice .shift label {
    float: left;
    width: 40%;
    word-wrap: break-word;
}

.user_formish.slice .shift .rc {
    overflow: visible;
    padding-left: 40%;
    margin-top: -8px;
    margin-bottom: 0px;
}

.user_formish.slice .shift.inline {
    margin-bottom: 0px;
}

.user_formish.slice .shift .rc label {
    float: none;
    width: auto;
    white-space: nowrap;
}

.user_formish.slice .shift.nohover {
    overflow: visible;
}

.user_formish.slice .shift .has_sb {
    height: 0;
    line-height: 0;
}

.iti {
    color: #151a30;

    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1.3;
}

.iti .iti__country-list {
    z-index: 99;
    background: #ffffff;
}

.user_formish .shift.type-button {
    text-align: left;
    margin-bottom: 0px;
}

.user_formish .shift.btn {
    text-align: left;
    margin: 0px 0px 0px 0px;
}

.user_formish .shift .submit {
    color: #ffffff;

    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.3;
    background: #0365d9;
    border: none;
    border-radius: 0;
    box-shadow: none;
    ;
    width: 100%;
    height: 48px;
    padding: 16px 0px 12px 0px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

.user_formish .shift .submit[disabled] {
    background-color: #9AC1F0;
    cursor: default;
}

.user_formish .shift .submit:hover {
    color: #ffffff;

    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.3;
    background: #0365d9;
    border: none;
    border-radius: 0;
    box-shadow: none;
    ;
}

.next,
.user_formish .shift .button.save {
    color: #666666;

    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 1.25;
    background: #dcdcdc;
    border-radius: 0px;
    border: 1px solid #dbd8db;
    box-shadow: none;
    ;
    padding: 5px 14px 6px 14px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    display: inline-block;
}

.next:hover,
.user_formish .shift .button.save:hover {
    color: #666666;

    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 1.25;
    background: #ffffff;
    border-radius: 0px;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    ;
}

.user_formish .shift .prev {
    color: #666666;

    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 1.25;
    background: #dcdcdc;
    border-radius: 0px;
    border: 1px solid #dbd8db;
    box-shadow: none;
    ;
    padding: 5px 14px 6px 14px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    display: inline-block;
}

.user_formish .shift .prev:hover {
    color: #666666;

    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 1.25;
    background: #ffffff;
    border-radius: 0px;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    ;
}

.btn .prev {
    margin-right: 5px;
}

.without-submit.last .prev {
    margin-right: 0;
}

.btn .save {
    margin-right: 15px;
}

.user_formish .btn .reset,
.user_formish .btn .resultBtn {
    margin-left: 5px;
}

.user_formish .button.hide {
    display: none;
}

.user_formish .errorSummary {
    color: #ff3d71;

    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 1.3;
    background: rgba(255, 255, 255, 0);
    border: none;
    border-radius: 0;
    box-shadow: none;
    ;
    margin: 0 10px;
    padding: 5px;
}

.user_formish .errorSummary.errorSummary_bottom {
    margin-top: 20px;
}

.user_formish .errorSummary.errorSummary_top {
    margin-bottom: 20px;
}

.user_formish .errorSummary ul {
    margin: 0;
    padding: 5px 20px;
}

.user_formish .success_message {
    color: #ffffff;

    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1.4;
    background: rgba(21, 26, 48, 0);
    border: none;
    border-radius: 0;
    box-shadow: none;
    ;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.user_formish .success_message p {
    margin: 5px 0;
}

.user_formish .success_message table {
    max-width: 100%;
}

ul.rating {
    list-style: none outside none;
    margin-bottom: 15px;
    padding: 0;
}

ul.rating:last-child {
    margin-bottom: 0;
}

ul.rating li {
    background: none repeat scroll 0 0 transparent;
}

ul.rating li div.rating-row {
    background: none repeat scroll 0 0 #CCCCCC;
    padding: 5px;
    border-radius: 12px;
}

ul.rating li div.rating-row div.rating-result {
    background: none repeat scroll 0 0 #00AAED;
    height: 10px;
    border-radius: 12px;
}

.user_formish input.text,
.user_formish textarea,
.user_formish select,
.user_formish .type-file .unit,
.user_formish .type-file .unit .file-fd,
.user_formish .section .shift {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.overlay {
    background: #fff;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.5;
    filter: alpha(Opacity=50);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5;
}

.mainForm .progress {
    display: none;
}

.mainForm.processing {
    padding-bottom: 29px;
}

.mainForm.processing .progress,
.mainForm.processing .overlay {
    display: block;
}

.counter-length {
    position: relative;
}

.counter-length__text {
    font-size: 11.2px;
    color: #151a30;
    text-align: right;
    position: absolute;
    right: 5px;
    bottom: 50%;
    margin-bottom: -0.6em;
    opacity: 0.7;
}

.type-textarea .counter-length__text {
    bottom: 5px;
    margin-bottom: 0;
}

.page_first .btn .prev,
.page_last .btn .next,
.btn .send {
    display: none;
}

.page_last .btn .send,
.page_last .btn .resultBtn {
    display: inline-block;
}

.load-data-source .unit:after {
    content: '';
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -11.1px;
    width: 18.2px;
    height: 18.2px;
    border-radius: 50%;
    border: 2px solid #151a30;
    border-color: #151a30 transparent #151a30 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

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

    .wrapForm,
    .user_formish input.text,
    .user_formish textarea,
    .user_formish .type-select .unit .arrow,
    .user_formish .type-file .unit .file-fd,
    .user_formish .type-username .username,
    .user_formish .type-autocomplete .select2-container,
    .user_formish .type-signature .signature {
        width: 100% !important;
    }

    .user_formish .section.columns-1 .shift,
    .user_formish .section.columns-2 .shift,
    .user_formish .section.columns-3 .shift,
    .user_formish .section.columns-4 .shift,
    .user_formish .section>.section {
        width: auto !important;
        float: none !important;
    }

    .user_formish .section>.section {
        margin-bottom: 10px;
    }

    .user_formish .checkbox .other input.text,
    .user_formish .radio .other input.text {
        display: block;
        margin-top: 6px;
    }

    .own .wrapForm {
        padding: 0;
    }

    .tooltip {
        width: 90%;
        left: auto;
        right: 0;
    }
}

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

    .user_formish .shift.type-checkbox .checkbox .unit,
    .user_formish .shift.type-radio .radio .unit {
        display: block;
        width: 100%;
        margin-right: 0 !important;
    }

    .popup .wrapForm,
    body.popup {
        padding: 0;
    }

    .user_formish .shift.btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .wrapForm .user_formish .button {
        width: 100% !important;
        margin: 0 0 5px;
    }

    .user_formish .shift .prev {
        -webkit-box-ordinal-group: 1000;
        -ms-flex-order: 999;
        order: 999;
    }

    .popup .wrapForm .mainForm {
        padding-bottom: 75px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0;
    }
}

.user_formish .section:after {
    content: "";
    clear: both;
    display: block;
}

.user_formish .section .shift,
.user_formish .section>.section {
    float: left;
}

.user_formish.slice .section .shift,
.user_formish.slice .section>.section {
    clear: none;
}

.user_formish .section.columns-1>.shift,
.user_formish .section.columns-1>.section {
    width: auto;
    float: none;
}

.user_formish .section.columns-2>.shift,
.user_formish .section.columns-2>.section {
    width: 50%;
}

.user_formish .section.columns-2>.shift:nth-child(2n+1),
.user_formish .section.columns-2>.section:nth-child(2n+1) {
    clear: both;
}

.user_formish .section.columns-3>.shift,
.user_formish .section.columns-3>.section {
    width: 33.33333%;
}

.user_formish .section.columns-3>.shift:nth-child(3n+1),
.user_formish .section.columns-3>.section:nth-child(3n+1) {
    clear: both;
}

.user_formish .section.columns-4>.shift,
.user_formish .section.columns-4>.section {
    width: 25%;
}

.user_formish .section.columns-4>.shift:nth-child(4n+1).user_formish .section.columns-4>.section:nth-child(4n+1) {
    clear: both;
}

.i2682854>div:nth-child(1n) {
    width: 50% !important;
}

.i2682854>div:nth-child(2n) {
    width: 50% !important;
}

.user_formish select {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
}

.user_formish.slice .shift.type-select {
    padding-right: 1px;
}

.progress {
    background: #fff;
    bottom: 0;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
    color: #fff;
    font-size: 14px;
    line-height: 1.2em;
}

.progress .bar {
    animation: 1s linear 0s normal none infinite animate-bg;
    background-color: #00AAED;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
    background-size: 35px 35px;
    min-height: 17px;
    width: 100%;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    text-align: center;
    padding: 1px 0;
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 35px 0;
    }
}

@-webkit-keyframes animate-bg {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 35px 0;
    }
}

@-moz-keyframes animate-bg {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 35px 0;
    }
}

.progress .bar,
.user_formish,
.user_formish #error,
.user_formish .error label.error,
.user_formish .shift .description p,
.user_formish .shift .description p a,
.user_formish .shift .submit,
.user_formish .shift .submit:hover,
.user_formish .type-autocomplete .select2-container--default .select2-selection--multiple,
.user_formish .type-autocomplete .select2-container--default .select2-selection--single,
.user_formish .type-autocomplete .select2-container--default.select2-container--focus .select2-selection--multiple,
.user_formish .type-file .unit .file-fd,
.user_formish div.shift.error .error,
.user_formish input.text,
.user_formish input.text:focus,
.user_formish label.label,
.user_formish select,
.user_formish select:focus,
.user_formish textarea,
.user_formish textarea:focus {
    font-family: Vela Sans, Helvetica !important
}

.user_formish .shift .submit,
.user_formish .shift .submit:hover,
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.user_formish .shift {
    padding: 0
}

.i2682854>div:nth-child(1n) {
    width: auto !important;
    flex: 0 0 48.5%
}

.section.columns-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 17.6px
}

@media (max-width:579px) {
    .section.columns-2 {
        flex-direction: column;
        column-gap: 15px;
        row-gap: 17.6px
    }
    .wrapForm {
        width: 100%;
    }
}

.user_formish label.label {
    color: rgba(255, 255, 255, .8) !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    font-size: 12px !important;
    margin: 0
}

.user_formish input.text,
.user_formish input.text:focus {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    color: #151a30;
    border: 1px solid #fff
}

.user_formish input::placeholder,
.user_formish select {
    color: #5a667e !important;
    opacity: 1
}

.user_formish label.label span.required {
    display: none
}

.user_formish .shift .submit,
.user_formish .shift .submit:hover {
    border-radius: 8px;
    padding: 12px 16px;
    color: #0365d9;
    font-weight: 700;
    transition: .3s ease-in-out
}

.user_formish .shift .submit:hover {
    background-color: #9ac1f0;
    color: #9ac1f0
}

.user_formish .shift .submit:before {
    content: "Стать клиентом";
    width: 194px;
    height: 24px;
    background: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.22607 12.6665H12.5002C12.7369 12.6665 12.9627 12.7673 13.1202 12.9431C13.2777 13.119 13.3536 13.354 13.3286 13.589L12.9544 17.0473L16.7744 11.3331H12.5002C12.2636 11.3331 12.0377 11.2323 11.8802 11.0565C11.7219 10.8806 11.6461 10.6456 11.6719 10.4106L12.0461 6.95312L8.22607 12.6665ZM11.7597 21.1671C11.6647 21.1671 11.5689 21.1513 11.4747 21.1171C11.1147 20.9854 10.8897 20.6254 10.9314 20.2446L11.5722 14.3338H6.66721C6.35971 14.3338 6.07721 14.1646 5.93221 13.8938C5.78721 13.6221 5.80388 13.2929 5.97471 13.0371L12.5489 3.2046C12.7614 2.8846 13.1647 2.75293 13.5255 2.8846C13.8864 3.01543 14.1114 3.37627 14.0697 3.7571L13.4289 9.6671H18.3339C18.6414 9.6671 18.9239 9.8371 19.0689 10.1079C19.2139 10.3796 19.1972 10.7079 19.0264 10.9638L12.4522 20.7971C12.2947 21.0338 12.0314 21.1671 11.7597 21.1671Z" fill="white"/><mask id="mask0_2580_2468" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="5" y="2" width="15" height="20"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.22607 12.6665H12.5002C12.7369 12.6665 12.9627 12.7673 13.1202 12.9431C13.2777 13.119 13.3536 13.354 13.3286 13.589L12.9544 17.0473L16.7744 11.3331H12.5002C12.2636 11.3331 12.0377 11.2323 11.8802 11.0565C11.7219 10.8806 11.6461 10.6456 11.6719 10.4106L12.0461 6.95312L8.22607 12.6665ZM11.7597 21.1671C11.6647 21.1671 11.5689 21.1513 11.4747 21.1171C11.1147 20.9854 10.8897 20.6254 10.9314 20.2446L11.5722 14.3338H6.66721C6.35971 14.3338 6.07721 14.1646 5.93221 13.8938C5.78721 13.6221 5.80388 13.2929 5.97471 13.0371L12.5489 3.2046C12.7614 2.8846 13.1647 2.75293 13.5255 2.8846C13.8864 3.01543 14.1114 3.37627 14.0697 3.7571L13.4289 9.6671H18.3339C18.6414 9.6671 18.9239 9.8371 19.0689 10.1079C19.2139 10.3796 19.1972 10.7079 19.0264 10.9638L12.4522 20.7971C12.2947 21.0338 12.0314 21.1671 11.7597 21.1671Z" fill="white"/></mask><g mask="url(%23mask0_2580_2468)"><rect x="2.5" y="2" width="20" height="20" fill="white"/></g></svg>') no-repeat;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    color: #fff;
    background-position-y: -3px
}

.user_formish .shift .description {
    margin-bottom: 12px
}

.user_formish .shift .description p,
.user_formish .shift .description p a {
    margin: 0;
    font-size: 10px;
    line-height: 160%
}

.user_formish .shift .description p a {
    text-decoration: underline;
}

.user_formish select,
.user_formish select:focus {
    font-size: 14px;
    line-height: 18px;
    border-radius: 8px;
    padding: 9px 8px 9px 12px;
    border: 1px solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Navigation / 24 / Arrow down"><path id="Mask" fill-rule="evenodd" clip-rule="evenodd" d="M7.00073 10.0007C7.00073 9.74474 7.09873 9.48874 7.29373 9.29374C7.68473 8.90274 8.31673 8.90274 8.70773 9.29374L12.0127 12.5987L15.3057 9.41874C15.7037 9.03574 16.3367 9.04674 16.7197 9.44374C17.1027 9.84174 17.0917 10.4747 16.6957 10.8577L12.6957 14.7197C12.3027 15.0987 11.6797 15.0937 11.2937 14.7077L7.29373 10.7077C7.09873 10.5127 7.00073 10.2567 7.00073 10.0007Z" fill="%2378849C"/></g></svg>');
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: top 50% right 8px;
    cursor: pointer;
    transition: background-image .2s ease-in-out
}

.user_formish select.active {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00073 13.9993C7.00073 14.2553 7.09873 14.5113 7.29373 14.7063C7.68473 15.0973 8.31673 15.0973 8.70773 14.7063L12.0127 11.4013L15.3057 14.5813C15.7037 14.9643 16.3367 14.9533 16.7197 14.5563C17.1027 14.1583 17.0917 13.5253 16.6957 13.1423L12.6957 9.28026C12.3027 8.90126 11.6797 8.90626 11.2937 9.29226L7.29373 13.2923C7.09873 13.4873 7.00073 13.7433 7.00073 13.9993Z" fill="%2378849C"/></svg>')
}

.user_formish input.text:focus,
.user_formish select.active {
    border: 1px solid #1982ff
}

.user_formish select option {
    color: rgba(0, 0, 0, .87);
    background: #fff
}

.user_formish div.shift.error,
.user_formish div.shift.error label.error {
    margin: 0;
    padding-bottom: 0
}

.user_formish div.shift.error .error,
.user_formish div.shift.error div.error2 {
    margin-top: 4px
}

.user_formish div.shift.error input.text,
.user_formish div.shift.error select,
.user_formish input.text.error,
.user_formish input.text.error2 {
    border: 1px solid #ff3d71
}

.user_formish input.text.error {
    margin-top: 0 !important
}

.user_formish #error {
    color: #ff3d71;
    font-size: 12px;
    line-height: 1.3;
    position: relative;
    margin-top: 4px
}

@media (max-width:539px) {
    .i2682854>div:nth-child(1n) {
        flex: 0 0 100%;
    }
}

.user_formish .suggestions-suggestions {
    border-radius: 8px;
    border: 1px solid #e1e5eb;
    background: #fff;
    box-shadow: rgba(31, 0, 223, .08) 0 2px 4px 0;
    margin-top: 4px !important;
    max-height: 190px;
    overflow-y: scroll;
    max-width: 262px
}

.user_formish .suggestions-suggestion {
    font-family: "Vela Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 11px 0 11px 12px;
    color: #151a30
}

.user_formish .suggestions-suggestion:hover {
    background: #e8f2ff;
    color: #1982ff
}

.user_formish .suggestions-hint {
    padding: 5px 11px;
    color: #5a667e
}

.suggestions-suggestions::-webkit-scrollbar-track {
    background-color: transparent
}

.suggestions-suggestions::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 20px
}

.suggestions-suggestions::-webkit-scrollbar:horizontal {
    height: 4px
}

.suggestions-suggestions::-webkit-scrollbar-thumb {
    border-radius: 40px;
    border: 7px solid #fff;
    background-color: #78849c
}

.overlay {
    opacity: 0
}

.progress {
    background: 0 0;
    position: relative;
    bottom: 48px
}

.progress .bar {
    text-shadow: none;
    background: #0365d9;
    color: #0365d9;
    border-radius: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    transition: .3s ease-in-out;
    padding: 13px 16px;
    min-height: auto;
    width: auto;
    height: 48px;
    box-sizing: border-box;
    animation: none;
    position: relative
}

.progress .bar:before {
    animation: 5s linear infinite rotation;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M7.5 19.7942C5.95845 18.9042 4.71543 17.5771 3.92815 15.9806C3.14086 14.3841 2.84466 12.5901 3.077 10.8253C3.30934 9.06046 4.05979 7.40419 5.23344 6.06589C6.4071 4.72759 7.95125 3.76737 9.67063 3.30667C11.39 2.84596 13.2074 2.90546 14.893 3.47763C16.5785 4.0498 18.0566 5.10895 19.1402 6.52115C20.2238 7.93334 20.8643 9.63515 20.9807 11.4114C21.0971 13.1876 20.6842 14.9584 19.7942 16.5" stroke="white" stroke-width="2"/></svg>');
    background-repeat: no-repeat;
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 50%
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media (max-width:370px) {
    .progress .bar {
        height: 53px
    }
}

.suggestions-nowrap {
    white-space: nowrap
}

.suggestions-input {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.suggestions-input::-ms-clear {
    display: none
}

.suggestions-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    vertical-align: top;
    -webkit-text-size-adjust: 100%
}

.suggestions-suggestions {
    background: #fff;
    color: #000;
    border: none;
    border-radius: 8px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    left: 0;
    min-width: 100%;
    position: absolute;
    z-index: 9999;
    -webkit-text-size-adjust: 100%
}

.suggestions-suggestions strong {
    font-weight: 400;
    color: #39f
}

.suggestions-suggestions.suggestions-mobile {
    border-style: none
}

.suggestions-suggestions.suggestions-mobile .suggestions-suggestion {
    border-bottom: 1px solid #ddd
}

.suggestions-suggestion {
    padding: 4px 4px;
    overflow: hidden
}

.suggestions-suggestion:hover {
    background: #f7f7f7
}

.suggestions-selected {
    background: #f0f0f0
}

.suggestions-selected:hover {
    background: #f0f0f0
}

.suggestions-hint {
    padding: 4px 4px;
    white-space: nowrap;
    overflow: hidden;
    color: #777;
    font-size: 85%;
    line-height: 20px
}

.suggestions-subtext {
    color: #777
}

.suggestions-subtext_inline {
    display: inline-block;
    min-width: 6em;
    vertical-align: bottom;
    margin: 0 .5em 0 0
}

.suggestions-subtext-delimiter {
    display: inline-block;
    width: 2px
}

.suggestions-subtext_label {
    margin: 0 0 0 .25em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 3px;
    background: #f5f5f5;
    font-size: 85%
}

.suggestions-value[data-suggestion-status=LIQUIDATED] {
    position: relative
}

.suggestions-value[data-suggestion-status=LIQUIDATED]:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 1px solid rgba(0, 0, 0, .4);
    content: ""
}

.suggestions-promo {
    font-size: 85%;
    display: none;
    color: #777;
    padding: 4px;
    text-align: center
}

.suggestions-promo a {
    color: #777;
    display: block;
    filter: grayscale(100%);
    line-height: 20px;
    text-decoration: none
}

.suggestions-promo a:hover {
    filter: grayscale(0)
}

.suggestions-promo svg {
    height: 20px;
    vertical-align: bottom
}

@media screen and (min-width:600px) {
    .suggestions-promo {
        position: absolute;
        top: 0;
        right: 0;
        text-align: left
    }
}

span.im-caret {
    -webkit-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite;
}

@keyframes blink {

    from,
    to {
        border-right-color: black;
    }

    50% {
        border-right-color: transparent;
    }
}

@-webkit-keyframes blink {

    from,
    to {
        border-right-color: black;
    }

    50% {
        border-right-color: transparent;
    }
}

span.im-static {
    color: grey;
}

div.im-colormask {
    display: inline-block;
    border-style: inset;
    border-width: 2px;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

div.im-colormask>input {
    position: absolute;
    display: inline-block;
    background-color: transparent;
    color: transparent;
    -webkit-appearance: caret;
    -moz-appearance: caret;
    appearance: caret;
    border-style: none;
    left: 0;
    /*calculated*/
}

div.im-colormask>input:focus {
    outline: none;
}

div.im-colormask>div {
    color: black;
    display: inline-block;
    width: 100px;
    /*calculated*/
}

.success-block, .error-block {
    margin: 0;
    min-height: 342px;
    padding-top: 25px;
    display: none;
}

.success-block-inner, .error-block-inner {
    max-width: 424px;
    background: #151A30;
    margin: 0 auto;
    padding: 24px 24px 32px 24px;
    border-radius: 16px;
    box-sizing: border-box;
}

.success-img, .error-img {
    text-align: left;
    margin-bottom: 32px;
}

.success-content, .error-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: left;
}

.success-content h1, .error-content h1 {
    font-family: "Vela Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin: 0;
    color: #fff;
    padding-left: 8px;
    padding-bottom: 0;
}

.success-content p, .error-content p {
    max-width: 338px;
    margin: 0 !important;
    font-family: "Vela Sans";
    font-size: 14px;
    font-style: normal;
    color: #D0DCEF;
    font-weight: 500;
    padding-left: 8px;
    padding-bottom: 0;
    line-height: 140%;
}

.error-content p {
    margin-bottom: 36px !important;
}

.success-content p a {
    color: #ffffff;
    text-decoration: none;
}

.btn.btn-blue {
        background: #0365D9;
        color: #fff;
        border-radius: 8px;
        padding: 11px 16px 13px 16px;
        width: 240px;
        display: inline-block;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        line-height: 130%;
        transition: .3s ease-in-out;
}

.btn.btn-blue:hover {
    background: #9AC1F0;
}

.error-text{
    color: #ff3d71;
}