:root {
    --accent-color: #ef3e33;
    --accent-dark: #3E3F43;
    --accent-black: #2F3138;
    --accent-black2: #262730;
    --accent-light: #ffffff;
    --accent-orange: #FF9C09;
    --secondary-color: #2d9cdb;
    --accent-blue: #33BBFF;
    --disable-color: #bdbdbd;
    --border-color-1: #ABB0BA;
    --text-color-1: #4f4f4f;
    --text-color: #111111;
    --text-grey: #909090;
    --text-grey2: #9F9F9F;
    --text-grey3: #7D7D7D;
    --text-color-disable: #C4C4C4;
    --bg-grey: #F2F2F2;
    --border-color: #EBEBEB;
    --border-color-grey: #D9D9D9;
    --bg-light: #F7F7F8;
    --counter-green: #6ABF40;
    --green-hover: #57A432;
    --grey7: #777D88;
    --wrapper-contain: 1700px;
    --box-shadow-default: 0 4px 20px rgba(0, 0, 0, 0.1);
    --cubic-1: cubic-bezier(0.54, -0.81, 0.57, 0.57);
    --font-primary: 'Montserrat', sans-serif;
    --font-rife: 'Oswald', sans-serif
}

.b-wrapper {
    max-width: var(--wrapper-width, 1402px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px
}

.wrapper {
    max-width: var(--wrapper-width, 1920px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 8px;
    padding-right: 8px
}

.wrapper-contain {
    width: 100%;
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px
}

.b-btn {
    max-width: 256px;
    width: 100%;
    height: 40px;
    color: var(--accent-color);
    border: 2px solid var(--accent-color);
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s
}

.b-btn:hover {
    color: #fff;
    background-color: var(--accent-color)
}

.b-btn--disable {
    opacity: .5;
    pointer-events: none
}

*,
::after,
::before {
    box-sizing: inherit
}

html {
    box-sizing: border-box;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.content-box-component {
    box-sizing: content-box
}

body {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: 69px 0 58px;
    margin: 0;
    background: var(--bg-grey);
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body .vidget-chat-block {
    z-index: 100
}

.hidden,
[hidden] {
    display: none !important
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0)
}

img {
    display: block;
    max-width: 100%;
    height: auto
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: 0
}

.disableScroll {
    overflow: hidden
}

.enableScroll {
    overflow: auto
}

button {
    font-size: inherit;
    font-family: inherit;
    cursor: pointer
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    margin-top: 0;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2
}

h3 {
    font-size: 1.75rem;
    line-height: 1.2
}

h6 {
    font-size: 1rem;
    line-height: 1.2;
    margin-top: 0
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

a {
    color: var(--counter-green);
    text-decoration: none;
    background-color: transparent
}

.form-group {
    position: relative
}

.form-control {
    display: block;
    width: 100%;
    padding: 0 15px;
    font-family: var(--font-primary);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    color: var(--text-grey3);
    background-clip: padding-box;
    background: var(--bg-grey);
    border: 2px solid var(--bg-grey);
    border-radius: 3px;
    transition: .3s ease
}

input.form-control {
    height: 48px
}

select.form-control {
    height: 48px;
    padding-right: 45px
}

textarea.form-control {
    padding: 10px 15px;
    max-height: 200px
}

.form-control:focus {
    outline: 0;
    background: var(--accent-light);
    border-color: var(--border-color)
}

.form-control[readonly]:focus {
    background: var(--bg-grey);
    border-color: var(--bg-grey)
}

.control-label {
    font-size: 12px;
    line-height: 1;
    color: var(--text-color);
    margin-bottom: 9px
}

.help-block-error {
    font-family: var(--font-primary);
    font-size: 11px;
    font-weight: 400;
    color: var(--accent-color);
    margin: 0;
    position: absolute;
    left: 0;
    top: 100%
}

textarea::-webkit-scrollbar {
    width: 2px
}

textarea::-webkit-scrollbar-thumb {
    background-color: var(--counter-green)
}

textarea::-webkit-scrollbar-track {
    background-color: var(--bg-grey)
}

input.form-control::-webkit-input-placeholder {
    -webkit-transition: .3s ease;
    transition: .3s ease
}

input.form-control::-moz-placeholder {
    -moz-transition: .3s ease;
    transition: .3s ease
}

input.form-control:-moz-placeholder {
    -moz-transition: .3s ease;
    transition: .3s ease
}

input.form-control:-ms-input-placeholder {
    -ms-transition: .3s ease;
    transition: .3s ease
}

textarea.form-control::-webkit-input-placeholder {
    -webkit-transition: .3s ease;
    transition: .3s ease
}

textarea.form-control::-moz-placeholder {
    -moz-transition: .3s ease;
    transition: .3s ease
}

textarea.form-control:-moz-placeholder {
    -moz-transition: .3s ease;
    transition: .3s ease
}

textarea.form-control:-ms-input-placeholder {
    -ms-transition: .3s ease;
    transition: .3s ease
}

input.form-control:focus::-webkit-input-placeholder {
    opacity: 0
}

input.form-control:focus::-moz-placeholder {
    opacity: 0
}

input.form-control:focus:-moz-placeholder {
    opacity: 0
}

input.form-control:focus:-ms-input-placeholder {
    opacity: 0
}

textarea.form-control:focus::-webkit-input-placeholder {
    opacity: 0
}

textarea.form-control:focus::-moz-placeholder {
    opacity: 0
}

textarea.form-control:focus:-moz-placeholder {
    opacity: 0
}

textarea.form-control:focus:-ms-input-placeholder {
    opacity: 0
}

.modal.fade {
    display: none
}

:root {
    --base: 0;
    --below: -1;
    --above: 1;
    --header-index: 100;
    --site-header-row: 1;
    --sticky-header: 104;
    --sticky-header-open: 106;
    --site-navigation-index: 110;
    --catalog-open-widget: 100;
    --catalog-index: 150;
    --filter-index: 150;
    --overlay-index: 106;
    --notification-index: 200;
    --dropdown-index: 90;
    --tap-to-top: 100;
    --default-modal: 210
}

.charity-header {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 56px;
    font-family: Montserrat, sans-serif
}

.charity-header__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.charity-header__logo {
    width: 94px
}

.charity-header__lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    align-items: center
}

.charity-header__lang-title {
    color: #fff;
    margin-right: 8px
}

.charity-header__lang-nav {
    color: #242629;
    position: relative
}

.charity-header__lang-nav.show .charity-header__lang-dropdown {
    display: block
}

.charity-header__lang-nav.show .charity-header__lang-button:before {
    transform: rotate(-180deg)
}

.charity-header__lang-button {
    width: 113px;
    height: 40px;
    padding-left: 16px;
    padding-right: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    background: #eeefef;
    border: none;
    border-radius: 4px;
    font-weight: 500;
    color: #242629;
    cursor: pointer;
    position: relative
}

.charity-header__lang-button:before {
    content: '';
    display: block;
    position: absolute;
    right: 19px;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 5px solid #52595d;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-top: -2px
}

.charity-header__lang-button svg {
    margin-right: 8px
}

.charity-header__lang-button .desc {
    display: none
}

.charity-header__lang-dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 105%;
    width: 190px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
    overflow: hidden
}

.charity-header__lang-dropdown .radio-charity {
    background: #fff;
    padding: 0 15px;
    margin-bottom: 0
}

.charity-header__lang-dropdown .radio-charity--checked {
    background: #e0e0e0
}

.charity-header__lang-dropdown .radio-charity__visible-checkbox {
    width: 16px;
    height: 16px
}

.charity-header__lang-dropdown .radio-charity__visible-checkbox:before {
    width: 10px;
    height: 10px
}

.charity-header__lang-dropdown .radio-charity__desc {
    font-size: 14px;
    color: #242629
}

body.charity_certificate {
    padding-top: 0;
    padding-bottom: 0
}

.charity-certificate {
    font-family: Montserrat, sans-serif;
    color: #000;
    line-height: 1.2
}

.charity-certificate__wrapper {
    width: 100%;
    max-width: 1142px;
    padding: 0 16px;
    margin: 0 auto
}

.charity-certificate-title {
    font-size: 42px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 0
}

.charity-certificate__hero {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.charity-certificate__hero:before {
    content: '';
    display: block;
    width: 200%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#72c6ef), to(#055395));
    background: -o-linear-gradient(left, #72c6ef 0, #055395 100%);
    background: linear-gradient(90deg, #72c6ef 0, #055395 100%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    position: absolute;
    left: -50%;
    top: 0;
    z-index: -1
}

.charity-certificate__hero .charity-certificate__wrapper {
    position: relative;
    z-index: 10
}

.charity-certificate__hero-content {
    max-width: 297px;
    padding-top: 108px;
    color: #fff
}

.charity-certificate__hero-text {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.22;
    margin-top: 14px;
    margin-bottom: 20px
}

.charity-certificate__order {
    position: relative;
    z-index: 10;
    width: 100%;
    width: calc(100% + 32px);
    max-width: 445px;
    margin-left: -16px;
    margin-right: -16px
}

.charity-certificate__title {
    font-size: 18px;
    font-weight: 700;
    color: #242629
}

.charity-certificate__check {
    background: #fff;
    box-shadow: 0 4px 32px rgba(0, 0, 0, .3);
    border-radius: 8px;
    overflow: hidden;
    margin-top: 20px;
    padding: 24px 20px
}

.charity-certificate__check-form {
    margin-top: 24px;
    position: relative
}

.charity-certificate__check-form .form-group {
    width: 100%;
    position: relative
}

.charity-certificate__check-form .form-group.has-error .form-control {
    color: #ed1c24
}

.charity-certificate__check-form .form-control {
    width: 100%;
    height: 56px;
    padding: 0 72px 0 16px;
    margin: 0;
    background: #f4f4f4;
    border-radius: 6px;
    border: 1px solid transparent;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    color: #242629;
    line-height: 1.2
}

.charity-certificate__check-form .form-control:focus {
    border: 1px solid #8976d3;
    outline: 0
}

.charity-certificate__check-form input::-webkit-input-placeholder {
    opacity: .5;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.charity-certificate__check-form input::-moz-placeholder {
    opacity: .5;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.charity-certificate__check-form input:-moz-placeholder {
    opacity: .5;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.charity-certificate__check-form input:-ms-input-placeholder {
    opacity: .5;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.charity-certificate__check-form input:focus::-webkit-input-placeholder {
    opacity: 0
}

.charity-certificate__check-form input:focus::-moz-placeholder {
    opacity: 0
}

.charity-certificate__check-form input:focus:-moz-placeholder {
    opacity: 0
}

.charity-certificate__check-form input:focus:-ms-input-placeholder {
    opacity: 0
}

.charity-certificate__check-form .help-block,
.charity-certificate__check-form .help-block-error {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    position: static
}

.charity-certificate__check-form .help-block-error {
    color: #ed1c24
}

.charity-certificate__check-btn {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #0b74c4, #055395);
    border-radius: 6px;
    border: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0
}

.charity-certificate__check-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    gap: 10px;
    margin-top: 24px;
    line-height: 1.2
}

.charity-certificate__check-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    gap: 10px
}

.charity-certificate__check-name {
    font-size: 14px;
    font-weight: 400;
    color: #242629
}

.charity-certificate__check-date {
    font-size: 14px;
    font-weight: 500;
    color: #242629
}

.charity-certificate__check-status {
    font-size: 14px;
    font-weight: 600
}

.charity-certificate__check-status:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #242629;
    margin-right: 4px
}

.charity-certificate__check-status.green {
    color: #6abf40
}

.charity-certificate__check-status.green:before {
    background: #6abf40
}

.charity-certificate__check-status.yellow {
    color: #e3b123
}

.charity-certificate__check-status.yellow:before {
    background: #e3b123
}

.charity-certificate__check-status.red {
    color: #ed1c24
}

.charity-certificate__check-status.red:before {
    background: #ed1c24
}

@-webkit-keyframes line-anim {
    0% {
        stroke-dashoffset: 5425
    }

    20% {
        stroke-dashoffset: 5425
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes line-anim {
    0% {
        stroke-dashoffset: 5425
    }

    20% {
        stroke-dashoffset: 5425
    }

    100% {
        stroke-dashoffset: 0
    }
}

.charity-certificate__line {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

.charity-certificate__line svg {
    width: 1130px;
    position: absolute;
    left: 70.5%;
    top: -94px;
    transform: translate(-50%, 0) scale(.82, 1)
}

.charity-certificate__line svg path {
    stroke-width: 8px;
    stroke-dasharray: 5425;
    -webkit-animation: line-anim 2.5s linear;
    animation: line-anim 2.5s linear
}

.charity-certificate__clouds {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.charity-cloud1 {
    position: absolute;
    top: -170px;
    z-index: 3
}

.charity-cloud2 {
    position: absolute;
    top: -11px;
    z-index: 2
}

.charity-cloud3 {
    position: absolute;
    top: 170px;
    z-index: 1
}

.charity-cloud {
    left: 100%
}

.charity-certificate__about {
    background: #ffeb38;
    position: relative;
    z-index: 3
}

.charity-certificate__about:before {
    content: '';
    display: block;
    width: 100%;
    height: 300px;
    background: #ffeb38;
    position: absolute;
    left: 0;
    bottom: 100%;
    z-index: -1
}

.charity-certificate__about-bg {
    position: absolute;
    left: 0;
    top: -397px;
    bottom: 0;
    width: 100%;
    background-image: url(wheat.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 510% auto
}

.charity-certificate__about-content {
    padding-top: 56px;
    padding-bottom: 65px;
    position: relative
}

.charity-certificate__about-text {
    margin-top: 24px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #242629
}

.charity-certificate__about-text p {
    margin-top: 0;
    margin-bottom: 20px
}

.charity-certificate__about-text strong {
    font-weight: 600
}

.charity-certificate__about-text a {
    color: #365ee6;
    text-decoration: underline
}

.charity-certificate__about-text a:hover {
    text-decoration: none
}

.charity-certificate__about-text .text-highlight {
    white-space: nowrap;
    font-weight: 600;
    position: relative;
    z-index: 1
}

.charity-certificate__about-text .text-highlight:first-child:before {
    left: -12px
}

.charity-certificate__about-text .text-highlight:before {
    content: '';
    display: block;
    background: #fff;
    position: absolute;
    z-index: -1;
    left: -4px;
    top: -3px;
    bottom: -3px;
    right: -5px
}

.charity-certificate__works-content {
    padding-top: 56px;
    padding-bottom: 46px;
    position: relative
}

.charity-certificate__works-list {
    margin-top: 45px
}

.charity-certificate__works-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    grid-gap: 0 16px;
    gap: 0 16px;
    margin-bottom: 40px;
    position: relative
}

.charity-certificate__works-item:after {
    content: '';
    position: absolute;
    left: 96px;
    bottom: -24px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #242629
}

.charity-certificate__works-item:last-child:after {
    display: none
}

.charity-certificate__works-img {
    width: 80px;
    flex-shrink: 0
}

.charity-certificate__works-text {
    font-size: 15px;
    font-weight: 600
}

.charity-certificate__works-text p {
    margin: 0 0 4px
}

.charity-certificate__works-text .note {
    font-size: 14px;
    font-weight: 400
}

.charity-certificate__rules {
    text-align: center
}

.charity-certificate__rules-link {
    font-size: 14px;
    font-weight: 400;
    color: #365ee6;
    text-decoration: underline
}

.charity-certificate__rules-link:hover {
    text-decoration: none
}

.charity-certificate__partners {
    padding-bottom: 58px
}

.charity-certificate__form {
    width: 100%;
    min-height: 363px;
    background: #fff;
    box-shadow: 0 4px 32px rgba(0, 0, 0, .3);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    z-index: 5
}

.charity-certificate__form .form-group {
    margin-bottom: 18px
}

.charity-certificate__form .form-control {
    width: 100%;
    height: 40px;
    background: #eeefef;
    border-radius: 4px;
    border: none;
    padding: 0 16px;
    margin: 0;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #242629
}

.charity-certificate__form .control-label {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #52595d;
    margin-bottom: 6px
}

.charity-certificate__form input:focus {
    outline: 0
}

.charity-certificate__form input::-webkit-input-placeholder {
    opacity: .5;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.charity-certificate__form input::-moz-placeholder {
    opacity: .5;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.charity-certificate__form input:-moz-placeholder {
    opacity: .5;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.charity-certificate__form input:-ms-input-placeholder {
    opacity: .5;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.charity-certificate__form input:focus::-webkit-input-placeholder {
    opacity: 0
}

.charity-certificate__form input:focus::-moz-placeholder {
    opacity: 0
}

.charity-certificate__form input:focus:-moz-placeholder {
    opacity: 0
}

.charity-certificate__form input:focus:-ms-input-placeholder {
    opacity: 0
}

.charity-certificate__form .help-block,
.charity-certificate__form .help-block-error {
    position: absolute;
    width: calc(100% - 32px);
    margin-top: 1px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1
}

.charity-certificate__form .help-block-error {
    color: #e63027
}

.charity-certificate__step {
    width: 100%;
    padding: 24px 20px 20px;
    background: #fff;
    display: grid;
	border-radius: 12px;
}

.charity-certificate__form-step1 {
    grid-template-rows: 1fr 112px
}

.charity-certificate__form-step1 .charity-certificate__step-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
    gap: 20px;
    border-top: 1px solid #dedede;
    padding-top: 16px
}

.charity-certificate__form-step2 {
    grid-template-rows: 1fr 56px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    height: 100%;
    display: none
}

.charity-certificate__form-step2 .charity-certificate__step-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
}

.charity-certificate__thank {
    height: 467px;
    background: #fff;
    box-shadow: 0 4px 32px rgba(0, 0, 0, .3);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    z-index: 4
}

.charity-certificate__fail {
    height: 467px;
    background: #fff;
    box-shadow: 0 4px 32px rgba(0, 0, 0, .3);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    z-index: 3
}

.charity-certificate__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    height: 56px;
    padding: 0 15px;
    background: #8976d3;
    border-radius: 4px;
    border: none;
    flex-grow: 1;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.charity-certificate__btn.charity-certificate__btn--disabled {
    background: rgba(137, 118, 211, .7);
    cursor: default
}

.charity-certificate__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #365ee6;
    background: 0 0;
    border: none;
    padding: 0;
    margin-right: 16px;
    cursor: pointer
}

.charity-certificate__back svg {
    margin-right: 7px
}

.charity-certificate__step-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #365ee6;
    margin-top: 17px;
    margin-bottom: 17px
}

.charity-certificate__step-link:hover {
    text-decoration: underline
}

.radio-group {
    margin-bottom: 16px
}

.radio-group__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #52595d;
    margin-bottom: 5px
}

.radio-charity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: #eeefef;
    padding: 0 12px;
    margin-bottom: 2px;
    cursor: pointer
}

.radio-charity__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.radio-charity__visible-checkbox {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #52595d;
    background: #fff;
    margin-right: 8px;
    transition: .3s
}

.radio-charity__visible-checkbox::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #4491f5;
    transform: translate(-50%, -50%);
    display: none
}

.radio-charity__checkbox:checked~.radio-charity__visible-checkbox::before {
    display: block
}

.radio-charity__desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    color: #52595d;
    text-align: left
}

.charity-certificate__step-top {
    width: 100%
}

.charity-certificate__step-top::-webkit-scrollbar {
    width: 2px
}

.charity-certificate__step-top::-webkit-scrollbar-thumb {
    background-color: #9889d3;
    border-radius: 2px
}

.charity-certificate__step-top::-webkit-scrollbar-track {
    background-color: #e0e0e0
}

#certificateorder-captcha-image {
    margin-bottom: -10px
}

.charity-certificate__block {
    width: 100%;
    margin: 32px 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    grid-gap: 24px;
    gap: 24px
}

.charity-certificate__add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 59px
}

.charity-certificate__add-btn {
    font-size: 15px;
    font-weight: 500;
    color: #8976d3;
    line-height: 22px;
    text-align: center;
    padding: 0;
    border: none;
    background: 0;
    margin: 0
}

.charity-certificate__add-btn svg {
    margin-left: 4px;
    vertical-align: middle;
    margin-bottom: 1px
}

.radio-group-certificates {
    display: grid;
    grid-template-columns: 1fr 130px;
    grid-gap: 10px;
    margin-bottom: 0;
    position: relative
}

.radio-group-certificates:not(.radio-group-certificates.radio-group-certificates1) {
    margin-top: 32px
}

.radio-group-certificates.radio-group-certificates1 .radio-certificates__delete {
    display: none
}

.radio-group-certificates .radio-group__text {
    font-weight: 700;
    margin-bottom: 18px
}

.radio-group-certificates .charity-certificate__total {
    display: none
}

.radio-certificates__delete {
    font-size: 14px;
    font-weight: 400;
    color: #797d83;
    line-height: 20px;
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: -32px
}

.radio-certificates {
    position: relative
}

.radio-certificates.show .radio-certificates-dropdown {
    display: block
}

.radio-certificates.show .radio-certificates__arrow {
    transform: rotate(-180deg)
}

.radio-certificates__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    padding: 0 14px;
    background: -o-linear-gradient(180.79deg, #9796f0 -3.08%, #fbc7d4 104.66%);
    background: linear-gradient(269.21deg, #9796f0 -3.08%, #fbc7d4 104.66%);
    border-radius: 6px;
    border: none;
    overflow: hidden;
    position: relative;
    z-index: 3;
    cursor: pointer
}

.radio-certificates__button .radio-charity__cert-cost {
    font-size: 20px;
    font-weight: 700;
    color: #242629
}

.radio-certificates__button .radio-charity__cert-euro {
    display: none;
    position: absolute;
    bottom: 0;
    right: 56px;
    font-size: 13px
}

.radio-certificates__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: #9889d3;
    border-radius: 6px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.radio-certificates__arrow svg {
    width: 100%;
    height: 100%
}

.radio-charity__img {
    width: 29px;
    flex-shrink: 0;
    margin-bottom: 1px;
    margin-right: 14px
}

.radio-charity__cert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    gap: 10px
}

.radio-charity__cert-cost {
    line-height: 1
}

.radio-charity__cert-euro {
    font-size: 16px;
    font-weight: 400;
    color: #242629;
    margin-top: 2px
}

.radio-certificates-dropdown {
    display: none;
    width: 100%;
    max-height: 332px;
    padding: 2px;
    background: -o-linear-gradient(180.79deg, #9796f0 -3.08%, #fbc7d4 104.66%);
    background: linear-gradient(269.21deg, #9796f0 -3.08%, #fbc7d4 104.66%);
    border-radius: 0 0 7px 7px;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 56px
}

.radio-certificates-dropdown .radio-charity {
    padding: 0 24px;
    margin: 0;
    background: #fff
}

.radio-certificates-dropdown .radio-charity.radio-charity--checked {
    background: -o-linear-gradient(180.79deg, #dddbf8 -3.08%, #f3e0ed 104.66%);
    background: linear-gradient(269.21deg, #dddbf8 -3.08%, #f3e0ed 104.66%)
}

.radio-certificates-dropdown .radio-charity__cert {
    width: 100%;
    justify-content: space-between
}

.radio-certificates-dropdown .radio-charity__cert-cost {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .03em;
    color: #313144
}

.radio-certificates-dropdown .radio-charity__cert-euro {
    font-weight: 600;
    letter-spacing: .03em;
    color: #313144
}

.radio-certificates-dropdown__inner {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 0 0 7px 7px;
    overflow: auto
}

.radio-certificates-dropdown__inner::-webkit-scrollbar {
    width: 2px
}

.radio-certificates-dropdown__inner::-webkit-scrollbar-thumb {
    background-color: #9889d3;
    border-radius: 2px
}

.radio-certificates-dropdown__inner::-webkit-scrollbar-track {
    background-color: #e0e0e0
}

.radio-group-receivers .radio-charity:first-of-type {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.radio-group-receivers .radio-charity:last-of-type {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

#certificateorder-phone {
    display: none
}

#certificateorder-phonefront::-webkit-input-placeholder {
    opacity: .5
}

#certificateorder-phonefront::-moz-placeholder {
    opacity: .5
}

#certificateorder-phonefront:-moz-placeholder {
    opacity: .5
}

#certificateorder-phonefront:-ms-input-placeholder {
    opacity: .5
}

.charity-certificate__form .iti__country#iti-0__item-ru,
.charity-certificate__form .iti__country[data-dial-code="7"] {
    display: none
}

.charity-certificate__form .iti--separate-dial-code .iti__flag-container {
    padding: 0;
    background: #eeefef
}

.charity-certificate__form .iti--separate-dial-code .iti__flag-container:hover {
    background: #eeefef
}

.iti__country-list:hover {
    background: #fff
}

.charity-certificate__form .iti--separate-dial-code .iti__selected-flag {
    background: #eeefef;
    border-radius: 4px 0 0 4px;
    padding: 0 35px 0 14px
}

.charity-certificate__form .iti--separate-dial-code .iti__selected-flag:before {
    content: '';
    display: block;
    width: 2px;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 1
}

.charity-certificate__form .iti--separate-dial-code .iti__selected-flag:hover {
    background: #eeefef
}

.charity-certificate__form .iti__country.iti__highlight {
    background: #eeefef
}

.charity-certificate__form .iti__selected-flag .iti__flag {
    background-image: url(../../images/flags/flags@2x.png);
    background-size: 5652px 15px;
    background-color: #eeefef;
    box-shadow: 0 0 1px 0 #eeefef;
    transform: scale(1.2)
}

.charity-certificate__form .iti__arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #52595d;
    margin-left: 11px
}

.charity-certificate__form .iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #52595d
}

.charity-certificate__form .iti--separate-dial-code .iti__selected-dial-code {
    font-size: 16px;
    font-weight: 500;
    color: #242629;
    margin-left: 10px
}

.charity-certificate__calculate-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.charity-certificate__calculate-name {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #242629
}

.charity-certificate__counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #eeefef;
    border-radius: 6px;
    overflow: hidden
}

.charity-certificate__counter-input {
    width: 62px;
    height: 48px;
    border: none;
    outline: 0;
    background: 0 0;
    text-align: center;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    color: #242629
}

.charity-certificate__counter-input:focus {
    outline: 0
}

.charity-certificate__counter-btn {
    width: 34px;
    height: 48px;
    border: none;
    position: relative;
    cursor: pointer
}

.charity-certificate__counter-btn:before {
    content: '';
    display: block;
    width: 14px;
    height: 2px;
    background: #242629;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -1px
}

.charity-certificate__counter-btn--plus:after {
    content: '';
    width: 2px;
    height: 14px;
    background: #242629;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1px;
    margin-top: -7px
}

.charity-certificate__price {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    text-align: right;
    color: #242629
}

.charity-certificate__price-euro {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
    color: #797d83
}

.charity-certificate__step-title {
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
    text-align: center;
    color: #e63027;
    padding-top: 44px;
    margin-bottom: 23px
}

.charity-certificate__step-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #242629;
    margin-bottom: 28px
}

.charity-certificate__step-text p {
    margin: 0
}

.charity-certificate__sum {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 20px;
    gap: 20px
}

.charity-certificate__sum .charity-certificate__total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px
}

.charity-certificate__step-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 164px;
    height: 134px;
    margin: 0 auto;
    position: relative
}

.charity-certificate__step--auth {
    grid-template-rows: 1fr 56px;
    grid-gap: 75px
}

.charity-certificate__step--auth .charity-certificate__title,
.charity-certificate__step--auth .form-group {
    margin-bottom: 32px
}

.charity-certificate__step--auth .charity-certificate__emailauth-input {
    width: 100%;
    height: 56px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e6e9eb;
    padding: 0 130px 0 20px;
    margin: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: #4f4f4f
}

.charity-certificate__step--auth .charity-certificate__emailauth-input:focus {
    border-color: #9889d3
}

.charity-certificate__step--auth .control-label {
    font-size: 14px;
    line-height: 1.5;
    color: #4f4f4f;
    margin-bottom: 4px
}

.charity-certificate__step--auth .help-block-error {
    font-size: 12px
}

.charity-certificate__step--auth .charity-certificate__btn {
    width: 100%;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700
}

.charity-certificate__step--auth .charity-certificate__btn:disabled {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .69)), to(rgba(255, 255, 255, .69))), #8976d3;
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, .69) 0, rgba(255, 255, 255, .69) 100%), #8976d3;
    background: linear-gradient(0deg, rgba(255, 255, 255, .69) 0, rgba(255, 255, 255, .69) 100%), #8976d3;
    pointer-events: none
}

.charity-certificate__email {
    position: relative
}

.charity-certificate__send-email {
    background: 0 0;
    padding: 0;
    border: none;
    position: absolute;
    right: 20px;
    bottom: 14px;
    font-size: 14px;
    font-weight: 600;
    color: #8976d3;
    line-height: 2
}

.charity-certificate__send-email[disabled] {
    pointer-events: none
}

.charity-certificate__auth-or {
    font-size: 14px;
    font-weight: 400;
    color: #4f4f4f;
    line-height: 1.5;
    text-align: center;
    padding: 8px 0
}

.charity-certificate__authtext {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 1.5
}

.charity-certificate__authtext a {
    color: #8976d3
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.charity-certificate__code-cell {
    position: absolute;
    display: inline-block;
    border: 1px solid #e6e9eb;
    border-radius: 8px;
    width: 63px;
    height: 48px
}

.charity-certificate__code-cell:nth-child(2) {
    left: 71px
}

.charity-certificate__code-cell:nth-child(3) {
    left: 142px
}

.charity-certificate__code-cell:nth-child(4) {
    left: 213px
}

.charity-certificate__code-label {
    display: block;
    height: 48px;
    margin-bottom: 8px;
    overflow: hidden
}

.charity-certificate__code {
    position: relative
}

.charity-certificate__code:before {
    content: '';
    display: block;
    width: 36px;
    height: 73px;
    background: var(--accent-light);
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0
}

.charity-certificate__code .help-block-error {
    position: static
}

.charity-certificate__code-input {
    width: 285px;
    height: 48px;
    background-color: transparent;
    padding: 0;
    margin-left: 28px;
    letter-spacing: 63px;
    font-size: 14px;
    font-weight: 500;
    color: #4f4f4f;
    outline: 0;
    border: none;
    overflow: hidden
}

.charity-certificate__code-input:focus {
    outline: 0;
    box-shadow: none
}

.charity-certificate__send-again {
    background-color: transparent;
    border: none;
    padding: 0 0 14px;
    font-size: 12px;
    font-weight: 600;
    color: #8976d3;
    line-height: 1.5;
    text-align: left
}

.charity-certificate__send-again[disabled] {
    pointer-events: none
}

.charity-certificate__code-input--disable {
    pointer-events: none
}

.charity-footer {
    padding: 30px 0;
    font-family: Montserrat, sans-serif;
    line-height: 1.2
}

.charity-footer__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center
}

.charity-footer__copyright {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    margin: 0
}

@media (min-width:414px) {
    .charity-header {
        padding-top: 24px
    }

    .charity-certificate-title {
        font-size: 48px
    }

    .charity-certificate__hero:before {
        width: 160%;
        left: -30%
    }

    .charity-certificate__hero-content {
        max-width: 338px;
        padding-top: 142px;
        padding-bottom: 19px
    }

    .charity-certificate__hero-text {
        font-size: 20px;
        margin-top: 16px
    }

    .charity-certificate__order {
        margin: 0 auto
    }

    .charity-certificate__line svg {
        width: 1300px;
        left: 71%;
        top: -44px;
        transform: translate(-50%, 0) scale(.9, 1)
    }

    .charity-certificate__line svg path {
        stroke-width: 6px
    }

    .charity-cloud2 {
        top: 44px
    }

    .charity-cloud3 {
        top: 262px
    }

    .charity-certificate__about-bg {
        background-size: 440% auto
    }

    .charity-certificate__works-item {
        grid-gap: 0 24px;
        gap: 0 24px
    }

    .charity-certificate__works-item:after {
        left: 120px
    }

    .charity-certificate__works-img {
        width: 96px
    }

    .radio-charity__desc {
        font-size: 16px
    }
}

@media (min-width:576px) {
    .charity-certificate__hero:before {
        width: 140%;
        left: -20%
    }

    .charity-certificate__check {
        padding: 30px 32px
    }

    .charity-certificate__line svg {
        width: 1600px;
        left: 71%
    }

    .charity-certificate__line svg path {
        stroke-width: 4px
    }

    .charity-certificate__about-bg {
        top: -380px;
        background-size: 300% auto
    }

    .charity-certificate__works-text {
        font-size: 16px
    }

    .charity-certificate__partners {
        padding-bottom: 135px
    }

    .charity-certificate__form .help-block,
    .charity-certificate__form .help-block-error {
        width: auto;
        margin-top: 3px;
        line-height: 1.2
    }

    .charity-certificate__step {
        padding: 24px 32px 30px
    }

    .charity-certificate__back {
        margin-right: 32px
    }

    .radio-certificates__button {
        height: 56px
    }

    .radio-certificates__button .radio-charity__cert-cost {
        font-size: 22px
    }

    .radio-certificates__button .radio-charity__cert-euro {
        font-size: 16px;
        right: 62px;
        bottom: 1px
    }

    .radio-certificates__arrow {
        width: 56px;
        height: 56px
    }

    .radio-charity__img {
        width: 38px;
        margin-right: 17px
    }

    .charity-certificate__counter-input {
        height: 56px
    }

    .charity-certificate__counter-btn {
        height: 56px
    }
}

@media (min-width:768px) {
    .wrapper-contain {
        padding-left: 20px;
        padding-right: 20px
    }

    .charity-certificate-title {
        font-size: 56px
    }

    .charity-certificate__hero:before {
        width: 120%;
        left: -10%
    }

    .charity-certificate__hero-content {
        max-width: 390px
    }

    .charity-certificate__hero-text {
        font-size: 22px;
        font-weight: 500;
        margin-top: 49px
    }

    .charity-certificate__line svg {
        width: 1920px;
        left: 67%;
        transform: translate(-50%, 0)
    }

    .charity-certificate__line svg path {
        stroke-width: 2px
    }

    .charity-certificate__about-bg {
        top: -425px;
        background-size: 250% auto
    }

    .charity-certificate__works-item:after {
        left: 164px
    }

    .charity-certificate__works-img {
        width: 140px
    }

    .charity-certificate__works-text {
        font-size: 18px
    }
}

@media (min-width:992px) {
    .charity-header__logo {
        width: 117px
    }

    .charity-header__lang-title {
        margin-right: 16px
    }

    .charity-header__lang-button {
        width: 190px;
        background: #fff
    }

    .charity-header__lang-button .desc {
        display: inline
    }

    .charity-header__lang-button .mob {
        display: none
    }

    .charity-certificate-title {
        font-size: 64px
    }

    .charity-certificate__hero:before {
        width: 100%;
        left: 0
    }

    .charity-certificate__hero-content {
        max-width: 450px;
        height: 606px
    }

    html[lang=ru] .charity-certificate__hero-content {
        max-width: 475px
    }

    .charity-certificate__hero-text {
        font-size: 24px
    }

    .charity-certificate__order {
        position: absolute;
        right: 16px;
        top: 120px;
        width: 445px;
        margin: 0
    }

    .charity-certificate__check {
        box-shadow: 0 4px 32px rgba(132, 132, 132, .8)
    }

    .charity-certificate__line svg {
        width: 2510px;
        left: 44.9%
    }

    .charity-cloud1 {
        top: -250px
    }

    .charity-certificate__about:before {
        display: none
    }

    .charity-certificate__about-bg {
        top: -144px;
        background-size: 160% auto
    }

    .charity-certificate__about-content {
        max-width: 500px;
        padding-top: 0
    }

    .charity-certificate__about-content:before {
        content: '';
        display: block;
        width: 80px;
        height: 28px;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .charity-certificate__about-text {
        margin-top: 13px
    }

    .charity-certificate__works-content {
        padding-top: 63px
    }

    .charity-certificate__works-content:before {
        content: '';
        display: block;
        width: 80px;
        height: 28px;
        background: #ffeb38;
        position: absolute;
        left: 0;
        top: 0
    }

    .charity-certificate__works-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 16px 70px;
        padding-bottom: 26px
    }

    .charity-certificate__works-item {
        display: block;
        margin-bottom: 32px
    }

    .charity-certificate__works-item:after {
        left: auto;
        bottom: auto;
        right: 0;
        top: 62px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #242629;
        border-right: none
    }

    .charity-certificate__works-img {
        margin-bottom: 21px
    }

    .charity-certificate__works-text {
        font-size: 18px
    }

    .charity-certificate__works-text .note {
        margin-top: 8px
    }

    .charity-certificate__rules-link {
        font-size: 16px
    }

    .charity-certificate__form {
        height: 467px;
        box-shadow: 0 4px 32px rgba(132, 132, 132, .8)
    }

    .charity-certificate__form .form-group {
        margin-bottom: 24px
    }

    .charity-certificate__form .control-label {
        margin-bottom: 8px
    }

    .charity-certificate__form-step1 {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 4;
        height: 100%
    }

    .charity-certificate__step-top {
        width: calc(100% + 32px);
        height: 304px;
        margin: 0 -16px;
        padding: 0 16px;
        overflow: auto
    }

    .charity-certificate__block {
        margin: 20px 0 24px
    }

    .charity-certificate__add {
        margin-bottom: 48px
    }

    .charity-certificate__step--auth {
        grid-gap: 53px
    }

    .charity-certificate__step--auth .charity-certificate__title,
    .charity-certificate__step--auth .form-group {
        margin-bottom: 20px
    }

    .charity-certificate__code-cell {
        width: 74px
    }

    .charity-certificate__code-cell:nth-child(2) {
        left: 82px
    }

    .charity-certificate__code-cell:nth-child(3) {
        left: 164px
    }

    .charity-certificate__code-cell:nth-child(4) {
        left: 246px
    }

    .charity-certificate__code-input {
        width: 327px;
        letter-spacing: 74px;
        margin-left: 33px
    }

    .charity-certificate__send-again {
        padding: 0
    }

    .charity-footer {
        padding: 50px 0
    }

    .charity-footer__row {
        justify-content: center
    }

    .charity-footer__copyright {
        font-size: 14px
    }
}

@media (max-height:860px) and (min-width:992px) {
    .charity-certificate__order {
        top: 90px
    }

    .charity-certificate__check {
        padding: 24px 32px
    }

    .charity-certificate__check-form {
        margin-top: 16px
    }

    .charity-certificate__check-result {
        margin-top: 14px
    }

    .charity-certificate__form {
        height: 425px
    }

    .charity-certificate__thank {
        height: 425px
    }

    .charity-certificate__fail {
        height: 425px
    }

    .charity-certificate__step-top {
        height: auto;
		overflow: hidden;
    }

    .radio-group-certificates:not(.radio-group-certificates.radio-group-certificates1) {
        margin-top: 20px
    }

    .radio-certificates__delete {
        top: -27px
    }
}

@media (min-width:1200px) {
    body {
        padding-top: 0;
        padding-bottom: 0
    }

    .charity-certificate-title {
        font-size: 74px
    }

    .charity-certificate__hero-title {
        line-height: 90px
    }

    .charity-certificate__hero-text {
        font-size: 26px;
        line-height: 32px
    }

    .charity-cloud1 {
        top: -280px
    }

    .charity-certificate__about-bg {
        background-size: 100% auto
    }

    .charity-certificate__about-content {
        max-width: 550px
    }

    .charity-certificate__works-list {
        grid-template-columns: repeat(5, 1fr)
    }

    .charity-certificate__works-item:after {
        right: -26px
    }
}

@media (min-width:1300px) {
    .wrapper-contain {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:1660px) {
    .wrapper-contain {
        width: 87.24%;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1800px) {
    .charity-certificate__line svg {
        left: 46.2%
    }
}

@media (min-width:2200px) {
    .charity-certificate__about-bg {
        top: -175px
    }
}

@media (max-width:1200px) {
    body .widget-button.bottom-center,
    body .widget-button.bottom-left,
    body .widget-button.bottom-right,
    body .widget-button.left-bottom,
    body .widget-button.right-bottom {
        bottom: 60px;
        z-index: 100
    }
}