@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,cyrillic-ext);
*
{
    box-sizing:border-box;
    min-height: 0;
    min-width: 0;
}


body,
html
{
    width:100%;
    min-height:100%;
    margin:0;
    padding:0;
    position:relative;
}

body
{
    background: #F2F7FA;
    min-width:1280px;
    color: #3C4249;
    font-family: "Open Sans";
    font-size: 18px;
    display: flex;
    flex-direction: column;
}


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

a
{
    color: #3C4249;
    text-decoration:none;
    transition: all 0.2s ease;
    font-family: 'Lato', sans-serif;
}

a:hover
{
    text-decoration:none;
    color: #EB006E;
}

a:focus
{
    outline: none;
    text-decoration:none;
}

.header {
    flex: 0 0 auto;
}

.footer {
    flex: 0 0 auto;
}

.content {
    flex: 1 1 auto;
}

.header__wrapper,
.content__wrapper,
.footer__wrapper {
    margin: 0 auto;
    width: 1280px;
    padding: 0 20px;
    position: relative;
}

.header {
    padding-top: 40px;
    padding-bottom: 40px;
}

.header__logo {
    margin: 0 auto;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 30px;
}

.header__logo-text {
    color: #3C4249;
    font-size: 12px;
}

.header__dop {
    position: absolute;
    right: 0;
    top: -30px;
    z-index: 1;
    color: #3C4249;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.header__dop a {
    font-size: 12px;
    text-decoration: none;
}

.header__pa {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header__pa-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.header__pa-item-notice {

}

.header__pa-item-notice:hover {
    opacity: .7;
}

.footer {
    padding-top: 55px;
}

.footer__soc {
    width: fit-content;
    margin: 0 auto 30px auto;
}

.footer__soc-caption {
    text-align: center;
    font-size: 18px;
}

.footer__soc-items {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 13px;
}

.footer__soc-item {

}

.footer__soc-item * {
    transition: all 0.2s ease;
}

.footer__soc-item:hover svg path {
    fill: #EB006E;
}

.footer__body {
    padding: 25px 0 28px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer__body-copy {

}

.footer__body-logo {
    margin-bottom: 8px;
}

.footer__body-text {
    font-size: 12px;
}

.footer__body-r {
    font-size: 12px;
}

.footer__body-r a {
    font-size: 12px;
}

form {
    margin: 0;
    padding: 0;
}

.button {
    color: #FFF;
    text-align: center;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: 2px solid transparent;
    border-radius: 4px;
    background: #E50071;
    padding: 16px 32px;
    width: fit-content;
    transition: all 0.2s ease;
    cursor: pointer;
}

.button:hover {
    color: #FFF;
    opacity: .7;
}

.button-transparent {
    color: #3C4249;
    border-radius: 4px;
    border: 2px solid #E50071;
    background: transparent;
}

.button-transparent:hover {
    background: #E50071;
    color: #fff;
}

.button-white {
    color: #3C4249;
    border-radius: 4px;
    border: 2px solid #E50071;
    background: #fff;
}

.button-white:hover {
    background: #E50071;
    color: #fff;
    border-color: #fff;
    opacity: 1;
}

.input {
    color: #3C4249;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 6px;
    background: #F2F7FA;
    border: 0;
    outline: none;
    padding: 16px 20px;
    transition: all 0.2s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select.input {
    padding-right: 40px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="10" viewBox="0 0 17 10" fill="none"><path d="M17 1.60764L8.5 10L0 1.60764L1.41819 0L8.5 6.99184L15.5818 0L17 1.60764Z" fill="%23E50071"/></svg>');
    background-repeat: no-repeat;
    background-position: right 20px center;
}

.content__body {
    padding: 43px 55px 51px 55px;
    border-radius: 18px;
    background: #FFF;
}

.content__body-small {
    max-width: 654px;
    margin-left: auto;
    margin-right: auto;
}

.checkbox {

}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    color: #3C4249;
    font-size: 18px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    flex-grow: 0;
    border-radius: 6px;
    border: 1px solid transparent;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    background-color: #F2F7FA;
    transition: all 0.2s ease;
}

.custom-checkbox:not(:disabled):active+label::before {

}

.custom-checkbox:checked+label::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" fill="none"><path d="M18 2.17434L7.21237 13L0 5.76221L2.1667 3.58786L7.21237 8.65132L15.8333 0L18 2.17434Z" fill="%23E50071"/></svg>');
}

.content__caption {
    color: #3C4249;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 67px;
}

.content__message {
    color: #E50071;
    text-align: center;
    font-size: 18px;
    margin-bottom: 25px;
    margin-top: -50px;
}

/*three-block*/

.three-block {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.three-block__item {
    padding: 20px;
    border-radius: 18px;
    background: #FFF;
    flex: 0 0 calc(33.33333% - 16px);
}

.three-block__caption {
    font-size: 24px;
    margin-top: 7px;
    text-align: center;
}

.three-block__desc {
    font-size: 18px;
    margin-top: 10px;
    text-align: center;
    min-height: 75px;
}

.three-block__butt {
    text-align: center;
    margin-top: 20px;
}

.three-block__butt .button {
    margin: 0 auto;
}

.three-block__ico {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="234" height="138" viewBox="0 0 234 138" fill="none"><path d="M233.713 101.437L233.693 101.55C231.137 119.809 216.493 134.998 198.403 137.411C146.625 138.588 94.7798 137.603 42.9863 137.802C18.6676 139.111 -2.35039 117.026 0.212245 92.5016C1.85162 75.1037 15.1947 60.1248 32.2776 56.1899C33.0375 55.9603 33.7187 55.6615 34.138 55.1332C34.7645 54.3753 34.7715 53.2775 34.8512 52.3201C35.0394 48.5406 35.5862 44.8853 36.4895 41.3504C48.3137 -4.56864 108.881 -15.0992 134.865 24.2873C136.389 26.7164 137.864 26.0547 140.057 24.8888C163.726 13.0599 192.384 26.9741 198.134 52.9116C198.476 54.651 199.435 55.7267 201.168 56.1077C221.932 60.5028 236.23 80.9214 233.713 101.437Z" fill="%23F3F4F7"/></svg>') no-repeat center;
}

.three-block__ico img {
    max-height: 100%;
}

.three-block.disabled {
    margin-top: 20px;
}

.three-block.disabled .three-block__item {
    padding: 24px 60px;
}

.three-block__d-i {
    color: #AEB0B2;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    opacity: 0.3;
}

.three-block__d-c {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
}

/*three-block*/

/*pass-form*/

.pass-form {
    width: 690px;
    margin: 0 auto;
}

.pass-form-w100 {
    width: 100%;
}

.pass-form__title {
    margin-bottom: 20px;
    color: #6BB870;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}

.pass-form__title.grey {
    color: #3C4249;
}

.pass-form__title.red {
    color: #E50071;
}

.pass-form__desc {
    margin-top: 30px;
    color: #3C4249;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}

.pass-form__f {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.pass-form__fi {
    position: relative;
    flex: 1 1 auto;
}

.pass-form__fi-b {
    display: flex;
    gap: 16px;
}

.pass-form__fi-b .button {
    white-space: nowrap;
    height: 100%;
}

.pass-form__fi .input {
    position: relative;
    z-index: 1;
    padding-right: 60px;
    width: 100%;
}

.pass-form__reload {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.2s ease;
    cursor: pointer;
}

.pass-form__reload * {
    transition: all 0.2s ease;
}

.pass-form__reload:hover svg path {
    fill: #E50071;
}

.pass-form__copi {
    flex: 0 0 auto;
}

.pass-form__ch {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.pass-form__size {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.pass-form__size-i {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 0 0 250px;
}

.pass-form__size-caption {
    color: #3C4249;
    font-size: 18px;
    font-weight: 600;
}

.pass-form__size-in {
    width: 100px;
}

.pass-form__size-input {
    width: 100px;
    text-align: center;
}

.pass-form__slider-wrapper {
    width: 100%;
    margin: 10px 0;
}

.pass-form__slider {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    background: #f1f5f9;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
}

.pass-form__slider::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #e50070 var(--value, 0%), #f1f5f9 var(--value, 0%));
    height: 8px;
    border-radius: 4px;
}

.pass-form__slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    background: #e50070;
    border-radius: 4px;
    cursor: pointer;
    margin-top: -4px;
}

.pass-form__slider::-moz-range-track {
    background: #f1f5f9;
    height: 8px;
    border-radius: 4px;
}

.pass-form__slider::-moz-range-progress {
    background: #e50070;
    height: 8px;
    border-radius: 4px;
}

.pass-form__slider::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #e50070;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.pass-form__butt {
    text-align: center;
}

.pass-form__butt .button {
    margin: 0 auto;
}

/*pass-form*/

/*send-form*/

.send-form {
    width: 690px;
    margin: 0 auto;
}

.send-form__item {

}

.send-form__textarea {
    width: 100%;
    height: 180px;
    resize: vertical;
}

.send-form__copi {
    margin-top: 40px;
}

.send-form__butt {
    margin-top: 40px;
}

.send-form__settings {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    gap: 14px;
}

.send-form__date {
    display: flex;
    align-items: center;
    gap: 14px;
}

.send-form__date .input {
    width: 90px;
}

.send-form__type {
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    gap: 16px;
    display: none;
}

.send-form__type select {
    width: 250px;
}

.send-form__tags {
    margin-bottom: 20px;
}

/*send-form*/

/*tags*/

.tags {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.tags__item {
    color: #3C4249;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 6px 16px;
    border-radius: 8px;
    background: #F2F7FA;
}

.tags__item:hover,
.tags__item.active {
    color: #FFF;
    background: #E50071;
}


/*tags*/


/*fe*/

.fe {

}

.fe__tabs {
    margin-bottom: 40px;
}

.fe__caption {
    margin-bottom: 24px;
    display: flex;
    gap: 12px;
    color: #3C4249;
    font-size: 18px;
    font-weight: 700;
    align-items: flex-end;
}

.fe__caption-small {
    color: #D3D6E2;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    top: -3px;
}

.fe__params {
    margin-bottom: 30px;
}

.fe__wrapper {
    display: flex;
    gap: 24px;
}

.fe__param {
    flex: 0 0 calc(33.3333% - 16px);
}

.fe__param label {
    font-size: 16px;
    height: 45px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 11px;
}

.fe__param span {
    font-size: 14px;
    display: block;
}

.fe__param .input {
    width: 100%;
}

.fe__f {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}

.fe__l {
    flex: 0 0 calc(50% - 15px);
}

.fe__r {
    flex: 0 0 calc(50% - 15px);
}

.fe__upload {
    border-radius: 10px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="362" height="172" viewBox="0 0 573 172" fill="none"><path d="M20.1538 -4H59.6923L-98.4615 175H-138L20.1538 -4Z" fill="%23F6FCFF"/><path d="M92.641 -4H132.179L-25.9744 175H-65.5128L92.641 -4Z" fill="%23F6FCFF"/><path d="M165.128 -4H204.667L46.5128 175H6.97435L165.128 -4Z" fill="%23F6FCFF"/><path d="M237.615 -4H277.154L119 175H79.4615L237.615 -4Z" fill="%23F6FCFF"/><path d="M310.103 -4H349.641L191.487 175H151.949L310.103 -4Z" fill="%23F6FCFF"/><path d="M382.59 -4H422.128L263.974 175H224.436L382.59 -4Z" fill="%23F6FCFF"/><path d="M455.077 -4H494.615L336.462 175H296.923L455.077 -4Z" fill="%23F6FCFF"/><path d="M527.564 -4H567.103L408.949 175H369.41L527.564 -4Z" fill="%23F6FCFF"/><path d="M600.051 -4H639.59L481.436 175H441.897L600.051 -4Z" fill="%23F6FCFF"/><path d="M672.538 -4H712.077L553.923 175H514.385L672.538 -4Z" fill="%23F6FCFF"/><path d="M745.026 -4H784.564L626.41 175H586.872L745.026 -4Z" fill="%23F6FCFF"/><path d="M817.513 -4H857.051L698.897 175H659.359L817.513 -4Z" fill="%23F6FCFF"/><path d="M890 -4H929.538L771.385 175H731.846L890 -4Z" fill="%23F6FCFF"/><path d="M962.487 -4H1002.03L843.872 175H804.333L962.487 -4Z" fill="%23F6FCFF"/><path d="M1034.97 -4H1074.51L916.359 175H876.82L1034.97 -4Z" fill="%23F6FCFF"/><path d="M1107.46 -4H1147L988.846 175H949.308L1107.46 -4Z" fill="%23F6FCFF"/></svg>');
    background-repeat: repeat-x;
    background-position: left center;
    background-size: cover;
    background-color: #F2F7FA;
    height: 176px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    gap: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.fe__upload.active {
    animation: uploadBG 12s linear infinite;
    transform: scale(1.1);
}

.fe__upload-message {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.fe__upload-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background-color: rgba(229, 0, 113, 1);
    transition: width 0.1s linear;
    pointer-events: none;
    background-image: url('data:image/svg+xml,<svg width="362" height="172" xmlns="http://www.w3.org/2000/svg" fill="none"><g><title>Layer 1</title><path id="svg_1" fill="%23F6FCFF" d="m20.1538,-4l39.5385,0l-158.1538,179l-39.5385,0l158.1538,-179z"/><path id="svg_2" fill="%23F6FCFF" d="m92.641,-4l39.538,0l-158.1534,179l-39.5384,0l158.1538,-179z"/><path id="svg_3" fill="%23F6FCFF" d="m165.128,-4l39.539,0l-158.1542,179l-39.53845,0l158.15365,-179z"/><path id="svg_4" fill="%23F6FCFF" d="m237.615,-4l39.539,0l-158.154,179l-39.5385,0l158.1535,-179z"/><path id="svg_5" fill="%23F6FCFF" d="m310.103,-4l39.538,0l-158.154,179l-39.538,0l158.154,-179z"/><path id="svg_6" fill="%23F6FCFF" d="m382.59,-4l39.538,0l-158.154,179l-39.538,0l158.154,-179z"/><path id="svg_7" fill="%23F6FCFF" d="m455.077,-4l39.538,0l-158.153,179l-39.539,0l158.154,-179z"/><path id="svg_8" fill="%23F6FCFF" d="m527.564,-4l39.539,0l-158.154,179l-39.539,0l158.154,-179z"/><path id="svg_9" fill="%23F6FCFF" d="m600.051,-4l39.539,0l-158.154,179l-39.539,0l158.154,-179z"/><path id="svg_10" fill="%23F6FCFF" d="m672.538,-4l39.539,0l-158.154,179l-39.538,0l158.153,-179z"/><path id="svg_11" fill="%23F6FCFF" d="m745.026,-4l39.538,0l-158.154,179l-39.538,0l158.154,-179z"/><path id="svg_12" fill="%23F6FCFF" d="m817.513,-4l39.538,0l-158.154,179l-39.538,0l158.154,-179z"/><path id="svg_13" fill="%23F6FCFF" d="m890,-4l39.538,0l-158.153,179l-39.539,0l158.154,-179z"/><path id="svg_14" fill="%23F6FCFF" d="m962.487,-4l39.543,0l-158.158,179l-39.539,0l158.154,-179z"/><path id="svg_15" fill="%23F6FCFF" d="m1034.97,-4l39.54,0l-158.151,179l-39.539,0l158.15,-179z"/><path id="svg_16" fill="%23F6FCFF" d="m1107.46,-4l39.54,0l-158.154,179l-39.538,0l158.152,-179z"/></g></svg>');
    background-repeat: repeat-x;
    background-position: left center;
    background-size: cover;
    /*animation: uploadBG 12s linear infinite;*/
}

.fe__upload.activeLoad .fe__upload-progress {
    animation: uploadBG 12s linear infinite;
    transform: scale(1);
}

.fe__upload-percent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    font-size: 20px;
    pointer-events: none;
    color: #000;
    background: #fff;
    border-radius: 10px;
    padding: 0;
}

@keyframes uploadBG {
    0% {
        background-position: 0 center;
    }
    100% {
        background-position: -573px center;
    }
}

.title {
    cursor: pointer;
}

.fe__l .fe__caption {
    margin-bottom: 20px;
}

.fe__l-desc {
    margin-top: 20px;
}

.fe__l-desc input {
    width: 100%;
}

.fe__l-file {
    display: flex;
    align-items: center;
    gap: 20px;
}

.file-upload__input {
    display: none;
}

.file-upload__title {
    font-size: 18px;
    font-weight: 700;
}

.fe__body {
    display: none;
}

.fe__body1 {
    display: block;
}

/*fe*/

/*fe-send*/

.fe-send {

}

.fe-send__caption {
    color: #3C4249;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.fe-send__body {

}

.fe-send__body-item {
    color: #9E9E9E;
    text-align: center;
    font-size: 18px;
    margin-bottom: 3px;
}

.fe-send__body-item:last-child {
    margin-bottom: 0;
}

.fe-send__body-item span {
    color: #3C4249;
}

.fe-send__body-item.big {
    font-size: 22px;
    color: #3C4249;
    margin-bottom: 4px;
}

.fe-send__butt {
    margin-top: 30px;
    text-align: center;
}

.fe-send__butt .button {
    margin-left: auto;
    margin-right: auto;
}

/*fe-send*/

.alert .send-form__copy {
    text-align: center;
    margin-top: 24px;
}

.alert .send-form__copy .button {
    margin: 0 auto;
}

.sendded__copi {
    margin-left: auto;
    margin-right: auto;
}

.checkbox__ch5 {
    width: 100%;
    text-align: center;
}

.code-wrap {

}

.code-wrap textarea {
    display: none;
}

.code-wrap #highlight {
    max-height: 300px;
    overflow-y: auto;
}

.table {
   border-collapse: collapse;
    width: 100%;
}

.table th {
    border: none;
    padding: 10px 20px;
    vertical-align: top;
    text-align: left;
    background: #f1f6ff;
}

.table td {
    border: none;
    padding: 10px 10px;
    font-size: 14px;
    text-align: left;
    vertical-align: top;
    background-color: #fff;
    transition: all 0.2s ease;
}

.table tr:nth-child(2n+2) td {
    background: rgba(244, 246, 250, 1);
}

.table tr:hover td {
    background: #d3dced;
}

.tlp {
    position: relative;
}

.tlp__ico {
    position: relative;
    cursor: pointer;
}

.tlp__body {
    position: absolute;
    top: 120%;
    left: 0;
    z-index: 2;
    display: none;
    padding: 3px 10px;
    color: #3C4249;
    border-radius: 4px;
    border: 1px solid #E50071;
    background: #fff;
    font-size: 14px;
    font-weight: normal;
    min-width: 250px;
    text-align: center;
}