/* @import url("https://fonts.googleapis.com/css?family=Roboto:500"); */

.l-container { max-width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }
.t-center {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
}
.check-code-block .h1 {
    font-family: "lazurski", sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    letter-spacing: 0.4px;
}

.check-code-block th {
    font-weight: normal;
    text-align: left;
}
.b-code-form { max-width: 291px; margin-left: auto; margin-right: auto; }

.b-code-form .b-basis-form__title { font-size: 16px; }
.b-basis-form__title { font-size: 18px; text-transform: uppercase; margin-bottom: 15px; text-align: center; font-family: "lazurski", sans-serif; font-weight: 900; }


.check-code-block input{
    color: #404040;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    text-align: left;
    max-width: 100%;
    font-size: inherit;
    padding: 5px 10px;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    line-height: normal;
    border-radius: 0;
    background: transparent;
    appearance: none;
}
.check-code-block .b-basis-form__input { border: 1px solid #606060; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; width: 100%; font-size: 13px; max-width: 100%; background-color: #fff; }

.check-code-block .b-basis-form__input + .b-basis-form__input { margin-top: 10px; }

.b-basis-form__btn { margin-top: 10px; margin-bottom: 10px; }


.b-btn:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}
.b-btn:hover {
    opacity: .8;
}
.b-basis-form__btn {
    margin-top: 10px;
    margin-bottom: 10px;
}
.b-btn-v1 {
    width: 100%;
    max-width: 100%;
    background-color: #000;
    color: #fff;
    height: 40px;
    font-size: 14px;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 500;
}

.b-btn-v3 {
    border-bottom: 1px dotted #000;
    font-size: 12px;
    color: #000;
}
.b-btn {
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    line-height: normal;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: .6px;
    text-decoration: none;
    position: relative;
}


.recaptcha-wrap { height: 50px; background-color: #f9f9f9; overflow: hidden; border: 1px solid transparent; cursor: pointer !important; }

.recaptcha-wrap:hover { border-color: #ededed; }

.recaptcha-wrap.is-invalid { border-color: red; }

.recaptcha { margin-top: -12px; margin-left: -2px; max-height: 70px; overflow: hidden; position: relative; }

.recaptcha:after { content: ''; background-color: #f9f9f9; position: absolute; right: 0; top: 0; height: 100%; width: 50%; pointer-events: none; }
.b-basis-form__input.error{
    border-color: red;
}
.recaptcha-wrap.error {
    border-color: red;
}



.b-inform-code-wrap { max-width: 788px; margin: 20px auto 30px; }

@media screen and (min-width: 568px) { .b-inform-code-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: -15px; } }

@media screen and (min-width: 568px) { .b-inform-code-row__params { padding: 15px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } }


.b-inform-code-params tr { border-top: 2px solid #f3f3f3; }

.b-inform-code-params td { padding: 10px 10px 10px 7px; border: 0; font-family: Roboto, sans-serif; color: #000000;  font-size: 13px; letter-spacing: 0.26px; }

.b-inform-code-params td:first-of-type { width: 100%; }

.b-inform-code-params td:last-of-type { white-space: nowrap; font-weight: 500; }

@media screen and (min-width: 568px) { .b-inform-code-row__preview { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 15px; -webkit-box-sizing: content-box; box-sizing: content-box; -ms-flex-preferred-size: 400px; flex-basis: 400px; max-width: 400px; } }

.b-inform-code-preview { overflow: hidden; position: relative; }

.b-inform-code-preview:after { content: ''; display: block; padding-bottom: 100%; pointer-events: none; }

.b-inform-code-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

@media screen and (max-width: 567px) { .b-inform-code-table thead { display: none; } }

.b-inform-code-table th { padding: 10px 8px; font-weight: 500; border: 2px solid #f3f3f3; }

@media screen and (max-width: 567px) { .b-inform-code-table th { text-align: left; } }

@media screen and (min-width: 568px) { .b-inform-code-table th:not(:first-of-type) { text-align: center; } }

@media screen and (max-width: 567px) { .b-inform-code-table tr { margin: 20px 0; display: block; } }

.b-inform-code-table td { padding: 10px 8px; border: 2px solid #f3f3f3; }

@media screen and (min-width: 568px) { .b-inform-code-table td:not(:first-of-type) { text-align: center; } }

@media screen and (max-width: 567px) { .b-inform-code-table td { display: block; text-align: right; }
    .b-inform-code-table td + td { border-top: 0; }
    .b-inform-code-table td:before { content: attr(data-title); font-weight: 700; float: left; } }

.b-inform-code-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.b-inform-code-btn { max-width: 280px; margin: 0 auto 15px; }
.b-inform-code-second-btn {
    margin: 0 auto 30px;
}

p.error {
    color: red;
}

.content-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 400px;
    margin: auto;
}

.content-box__item {
    margin: auto auto 31px auto;
}

.content-box__text {
    margin: 0 0 39px 0;
}

.no-margin {
    margin: 0;
}


.content-box__link {
    width: 351px;
    height: 42px;
    border: #000 solid 1px;
    padding: 13px 36px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
}

.content-box__image {
    max-width: 350px;
    margin: 28px auto 34px;
}

.content-box__line {
    width: 100%;
    background: #000;
    margin: 34px auto;
}

.content-box__line_with_link {
    margin: 0 auto 34px;
}

.content-box__question {
 align-self: flex-start;
}

.content-box__link_type_question {
    margin: 34px auto;
}

.head-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 400px;
}

.head-box__line {
    background: #000;
    margin: 0 auto;
    max-width: 185px;
}

.head-box__line_width_all {
    max-width: 100%;
}

.head-box__title {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    margin: 8px 0 0 0;
}

.head-box__logo {
    max-width: 34px;
    max-height: 42px;
    object-fit: contain;
}

.l-container__box {
    margin-top: 72px;
}


@media screen and (max-width: 426px) {
    .head-box {
        margin: 0 0 17px 0;
        max-width: 272px;
    }

    .head-box__title {
        width: 293px;
    }

    .content-box {
        width: 350px;
    }

    .content-box__link {
        padding: 13px 36px;
    }

    .content-box__line {
        margin: 21px auto;
    }

    .content-box__link_type_question {
        margin: 21px auto;
    }

    .content-box__line_with_link {
        margin: 0 auto 21px;
    }

    .l-container__box {
        margin-top: 19px;
    }
}