#root {
    position: relative
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', Arial;
    background-color: #f7f8f9;
    background-color: var(--color-main-background);
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none
}

@font-face {
  font-family: 'Exo 2 Bold Condensed';
  src: url('fonts/exo2-boldcondensed.eot');
  src: url('fonts/exo2-boldcondensed.woff') format('woff'), url('fonts/exo2-boldcondensed.woff2') format('woff2'), url('fonts/exo2-boldcondensed.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url(fonts/OpenSans-Light.eot);
    src: url(fonts/OpenSans-Light.eot?#iefix) format("embedded-opentype"), url(fonts/OpenSans-Light.woff) format("woff"), url(fonts/OpenSans-Light.ttf) format("truetype");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.textar {
    border: 1px solid var(--color-grey-light);
    width: 100%;
    height: 700px;
    resize: none;
    border-radius: 5px;
}

.textar:focus {
    outline: none !important;
    border-color: #e9e9e9;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    overflow: hidden;
    word-break: keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    white-space: nowrap!important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px;
    padding-right: 0
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: 700;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f1;
    color: #333;
    outline: none
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.zavuch-header {
    position: relative;
    z-index: 20;
    padding: 0 20px;
    background: #fff
}

.zavuch-header__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    margin: auto;
    background: #fff
}

.zavuch-header .favorites-icon,
.zavuch-header .notifier,
.zavuch-header .yaplus,
.zavuch-header__extra,
.zavuch-header__nav {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.zavuch-header__content {
    max-width: 1360px
}

.zavuch-header_theme_default .zavuch-header__nav .zavuch-header__nav-link,
.zavuch-header_theme_default .zavuch-header__nav .zavuch-header__nav-link:visited {
    color: #222426
}

.zavuch-header_theme_default .zavuch-header__nav .zavuch-header__nav-link:active,
.zavuch-header_theme_default .zavuch-header__nav .zavuch-header__nav-link:focus,
.zavuch-header_theme_default .zavuch-header__nav .zavuch-header__nav-link:hover,
.zavuch-header_theme_default .zavuch-header__nav .zavuch-header__nav-link_active_yes[class],
.zavuch-header_theme_default .zavuch-header__nav .zavuch-header__nav-link_active_yes[class]:visited {
    color: #d00
}

.zavuch-header__logo {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 29px;
    white-space: nowrap
}

.zavuch-header__logo-base,
.zavuch-header__logo-service {
    display: inline-block;
    vertical-align: top;
    outline: 0
}

.zavuch-header__logo-base {
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 107px;
    background-image: url(logon.svg)
}

@media screen and (max-width:1279px) {
    .zavuch-header_collapse .zavuch-header__logo {
        margin-right: 17px
    }
    .zavuch-header_collapse .zavuch-header__logo-base {
        width: 32px;
        background-image: url(logom.svg)
    }
}

@media screen and (max-width:1024px) {
    .zavuch-header__logo[class] {
        margin-right: 20px
    }
}

.zavuch-header__logo-service {
    width: 106px;
    margin-top: 10px;
    height: 29px;
    background-image: url(olimp.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

@media screen and (max-width:1279px) {
    .zavuch-header__logo-service {
        width: 89px;
        background-image: url(olimp.svg)
    }
}

@media screen and (max-width:1279px) {
    .zavuch-header__nav .zavuch-header__nav-link:not([data-s-text='']) span {
        display: none
    }
    .zavuch-header__nav .zavuch-header__nav-link::before {
        display: block
    }
    .hide1023 {
        display: none
    }
}

@media screen and (max-width:1023px) {
    .zavuch-header_wrap-nav {
        padding-bottom: 72px
    }
    .zavuch-header_wrap-nav .zavuch-header__nav {
        position: absolute;
        top: 52px;
        left: 20px
    }
    .hide1023 {
        display: none
    }
}

.zavuch-header__nav-link {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 2px;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    white-space: nowrap;
    border: 2px solid transparent;
    -webkit-transition: .1s;
    transition: .1s
}

.zavuch-header__nav-link,
.zavuch-header__nav-link:visited {
    text-decoration: none;
    color: #939cb0;
    fill: #939cb0
}

.zavuch-header__nav-link {
    margin-left: 12px
}

.m_l12 {
    margin-left: 19px
}

.zavuch-header__nav-link::before {
    display: none;
    content: attr(data-s-text)
}

.zavuch-header__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    padding-left: 24px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.zavuch-header__action-button {
    display: inline-block;
    margin-right: 16px;
    padding: 0 12px;
    line-height: 36px;
    border-radius: 4px
}

.zavuch-header__action-button,
.zavuch-header__action-button:visited {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    background: #154EC9
}

.Row_gap_s {
    padding-top: 3px
}

.Row_gap_s,
.Row_gapBottom_s {
    padding-bottom: 3px
}

.Row_gap_m {
    padding-top: 6px
}

.Row_gap_m,
.Row_gapBottom_m {
    padding-bottom: 6px
}

.Row_gapTop_m {
    padding-top: 6px
}

.Row_gap_l,
.Row_gapBottom_l {
    padding-bottom: 8px
}

.Row_gapTop_l {
    padding-top: 15px
}

.Row_gapTop_xl {
    padding-top: 21px
}

.Row_flex_start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.Row_flex_end,
.Row_flex_start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Row_flex_end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Row_flex_between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Row_flex_around,
.Row_flex_between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Row_align_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Row_align_start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.Row_align_end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.Row_align_stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.TutorIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.TutorIcon_clickable {
    cursor: pointer
}

.TutorIcon-Wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.TutorIcon-Wrapper:after {
    visibility: hidden;
    content: "\A0"
}

.TutorIcon_asset {
    display: none
}

.Title_level_1 {
    font-size: 1.5em
}

.Text_nowrap {
    white-space: nowrap
}

.Text_bold {
    font-weight: 700
}

.Text_light {
    font-weight: 100
}

.Text_color_red {
    color: #f52020;
    color: var(--color-red)
}

.Text_color_black {
    color: #000
}

.Text_color_grey {
    color: #999;
    color: var(--color-grey)
}

.Text_color_white {
    color: #fff;
    color: var(--color-white)
}

.Text_size_xs {
    font-size: 11px;
    font-size: var(--text-xs)
}

.Text_size_s {
    font-size: 12px;
    font-size: var(--text-s)
}

.Text_size_m {
    font-size: 14px;
    font-size: var(--text-m)
}

.Text_size_l {
    font-size: 16px;
    font-size: var(--text-l)
}

.Text_size_xl {
    font-size: 19px;
    font-size: var(--text-xl)
}

.Text_background_black,
.Text_background_gray {
    padding: 2px 6px;
    border-radius: 1em
}

.Text_background_gray {
    background-color: #f2f2f2;
    background-color: var(--background-color-gray)
}

.Text-Icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: .1ex;
    line-height: inherit;
    vertical-align: middle;
    -webkit-transform: translateY(-.1em);
    -ms-transform: translateY(-.1em);
    transform: translateY(-.1em)
}

.Text_tooltip {
    pointer-events: none
}

.Col {
    display: inline-block
}

.Col_gap_m {
    padding-right: 6px;
    padding-left: 6px
}

.Col_gap-left_m {
    padding-left: 6px
}

.Col_gap-left_n {
    padding-left: 12px
}

.Col_gap-left_l {
    padding-left: 15px
}

.Col_gap-right_m {
    padding-right: 6px
}

.Col_gap-right_n {
    padding-right: 12px
}

.Col_gap-right_l {
    padding-right: 15px
}

.TaskBlock {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    margin-top: 24px;
    line-height: 1.4em
}

.TaskBlock:first-child {
    margin-top: 0
}

.TaskBlock:not(.TaskBlock_inline):last-child {
    margin-bottom: 24px
}

.TaskBlock_inline[class] {
    display: inline;
    margin-top: 5px;
    vertical-align: middle
}

.TaskBlock_type_text a {
    color: #04b
}

.TaskBlock_type_text+.TaskBlock_type_text {
    margin-top: 6px
}

.TaskBlock_type_image {
    display: block;
    max-width: 100%;
    min-height: 1.1em;
    pointer-events: none
}

.TaskBlock_type_list_enum,
.TaskBlock_type_list_letter,
.TaskBlock_type_list_plain {
    line-height: 1.1em
}

.TaskBlock_type_list_enum li,
.TaskBlock_type_list_letter li,
.TaskBlock_type_list_plain li {
    margin-bottom: 1.1em
}

.TaskBlock_type_list_enum,
.TaskBlock_type_list_letter {
    padding-left: 0;
    list-style-type: none
}

.TaskBlock_type_list_enum li,
.TaskBlock_type_list_letter li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.TaskBlock_type_list_enum li:before,
.TaskBlock_type_list_letter li:before {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .3em
}

.TaskBlock_type_list_enum {
    counter-reset: increment
}

.TaskBlock_type_list_enum li {
    counter-increment: increment
}

.TaskBlock_type_list_enum li:before {
    content: counter(increment) "."
}

.TaskBlock_type_table {
    position: relative;
    overflow-x: auto
}

.TaskBlock_type_text_quote p {
    margin: 0 0 1em;
    text-indent: 1.5em
}

.TaskBlock-Table {
    border-collapse: collapse;
    border: none
}

.TaskBlock-TableCell {
    padding: 1em;
    text-align: left;
    border: 1px solid #000
}

.TaskBlock-TableCell_head {
    padding-bottom: 1.1em;
    font-weight: 700
}

.TaskBlock-Quote_minimized {
    position: relative;
    cursor: pointer
}

.TaskBlock-Quote_minimized:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    pointer-events: none;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(hsla(0, 0%, 100%, 0), #fff);
    left: 5px;
    width: calc(100% - 5px);
    height: 40px
}

.TaskBlock-QuoteText {
    padding-left: 1.1em;
    font-style: italic;
    border-left: 2px solid #ffdb4d
}

.Card {
    display: inline-block;
    overflow-x: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #efefef;
    border: 1px solid var(--color-grey-light);
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, .04);
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, .04);
    -webkit-box-shadow: var(--outer-gray-shadow);
    box-shadow: var(--outer-gray-shadow)
}

.Card_border-radius_m {
    border-radius: 6px;
    border-radius: var(--border-radius-m)
}

.Card_inner-space_s {
    padding: 5px
}

.Card_inner-space_n {
    padding: 20px
}

.Card_inner-space_l {
    padding: 30px
}

.Card_inner-space_none {
    padding: 0
}

.Card_background-image_none {
    background: #fff
}

.Card_withoutShadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.Card_interactive_disabled {
    pointer-events: none;
    color: #999;
    background-color: #efefef;
    background-color: var(--color-grey-light)
}

.Textinput_view_tutor .Textinput-Box {
    border: 2px solid #efefef;
    border-radius: 4px;
    background-color: #efefef;
    -webkit-transition: background-color .15s linear;
    transition: background-color .15s linear
}

.Textinput_view_tutor .Textinput-Control {
    color: #000
}

.Textinput_view_tutor .Textinput-Control::-webkit-input-placeholder {
    color: #ccc
}

.Textinput_view_tutor .Textinput-Control::placeholder {
    color: #ccc
}

.TextInput {
    position: relative
}

.TextInput_color_black .Textinput_view_tutor .Textinput-Control {
    color: #000;
    color: var(--color-black)
}

:root {
    --color-yellow: #ffdb4d;
    --color-blue: #0253ba;
    --color-link-blue: #04b;
    --color-link-visited: #551a8b;
    --color-link-active: #c00;
    --color-red: #f52020;
    --color-grey: #999;
    --color-grey-transparent: hsla(0, 0%, 60%, 0.2);
    --color-grey-light: #efefef;
    --color-green: #2b992b;
    --color-white: #fff;
    --color-black: #000;
    --inset-white-shadow: inset 0 -48px 20px -20px #fff;
    --outer-gray-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.04);
    --border-radius-s: 4px;
    --border-radius-m: 6px;
    --border-radius-l: 10px;
    --border-radius-xl: 16px;
    --color-main-background: #f7f8f9;
    --color-main-background-transparent: rgba(247, 248, 249, 0);
    --background-color-black: rgba(0, 0, 0, 0.8);
    --background-color-gray: #f2f2f2;
    --size-line: 7px;
    --size-xs: 6px;
    --size-s: 8px;
    --size-n: 9px;
    --size-m: 12px;
    --size-l: 16px;
    --size-xl: 21px;
    --diplom-thumb-width-xxxs: 62px;
    --diplom-thumb-height-xxxs: 38px;
    --diplom-thumb-width-xxs: 120px;
    --diplom-thumb-height-xxs: 70px;
    --diplom-thumb-width-xs: 136px;
    --diplom-thumb-height-xs: 85px;
    --diplom-thumb-width-s: 144px;
    --diplom-thumb-height-s: 90px;
    --diplom-thumb-width-m: 180px;
    --diplom-thumb-height-m: 103px;
    --diplom-thumb-width-l: 240px;
    --diplom-thumb-height-l: 134px;
    --diplom-thumb-width-xl: 260px;
    --diplom-thumb-height-xl: 145px
}



h1,
h2,
h3,
h4,
h5,
ul {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
    color: #000
}

.PageLayout {
    position: relative;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100vh
}

.PageLayout-Container,
.PageLayout-Content {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px
}

.PageLayout-Content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.PageLayout-Footer {
    margin-top: 30px;
    border-top: 1px solid #e9e9e9;
    background-color: #fff
}

.Navigation {
    position: relative;
    z-index: 13;
    font-size: 14px;
    font-size: var(--text-m);
    border-top: 1px solid #efefef;
    border-top: 1px solid var(--color-grey-light);
    border-bottom: 1px solid #efefef;
    border-bottom: 1px solid var(--color-grey-light);
    background-color: #fff;
    background-color: var(--color-white)
}

.Navigation-Content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 18px 20px;
    max-width: 992px;
    max-width: 1400px
}

.BreadCrumbs-Item {
    white-space: nowrap
}

.BreadCrumbs-Item,
.BreadCrumbs-Item_icon .BreadCrumbs-ItemLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.BreadCrumbs-ItemIcon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 5px
}

.BreadCrumbs-List {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    list-style: none
}

.BreadCrumbs_divider_arrow .BreadCrumbs-Item:after {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    margin: 0 12px;
    content: "";
    border-top: 1px solid #999;
    border-top: 1px solid var(--color-grey);
    border-right: 1px solid #999;
    border-right: 1px solid var(--color-grey);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.BreadCrumbs_divider_arrow .BreadCrumbs-Item_last:after {
    content: none
}

.Overflow {
    position: relative
}

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

.Calendar-Icon {
    width: 100%;
    height: 100%
}

.Calendar-Numbers {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 2px 0 0 2px
}

.Calendar-Numbers,
.Charts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Charts {
    height: 150px
}

.Charts-MainLine {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.Charts-Item {
    position: relative
}

.Charts-ScoreValue {
    color: #39cc9b
}

.Charts-DateWrapper {
    text-align: center
}

.Charts-Date {
    display: inline-block;
    margin-top: 9px;
    color: #999;
    color: var(--color-grey)
}

.Charts-Date_active {
    color: #39cc9b
}

.Charts-Pile {
    width: 30px;
    border-radius: 1px;
    background-color: #89e3cb;
    -webkit-transition: min-height .3s ease-in;
    transition: min-height .3s ease-in;
    will-change: min-height
}

.Charts-Pile_active {
    background-color: #39cc9b
}

.Charts-Pile_muted {
    background-color: #dff3ef
}

.Charts-ScorePile {
    position: relative;
    bottom: 0;
    text-align: center
}

.Charts-ScorePile_backplaced {
    position: absolute
}

.Scoremeter-HeadTitle {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.Scoremeter-HeadCounter {
    font-size: 36px;
    line-height: 31px
}

.Scoremeter-Separate {
    color: #efefef;
    color: var(--color-grey-light);
    border-width: 2px;
    border-style: solid;
    border-radius: 1px
}

.Scoremeter-CalendarText {
    max-width: 70px
}

.Achievement {
    position: relative;
    line-height: 1;
    text-align: center
}

.Achievement-Wrapper {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    will-change: filter
}

.Achievement-Wrapper_locked {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.Achievement-Icon {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 120%
}

.Achievement-Icon_small {
    background-size: 90%
}

.Achievement-Progress {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    cursor: pointer
}

.Achievement-Progress circle {
    -webkit-transition: stroke-dashoffset .4s;
    transition: stroke-dashoffset .4s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.AchievementCard {
    opacity: 0;
    -webkit-animation-name: appearance;
    animation-name: appearance;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: opacity
}

.AchievementCard-Icon {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@-webkit-keyframes appearance {
    to {
        opacity: 1
    }
}

@keyframes appearance {
    to {
        opacity: 1
    }
}

.UpperCard {
    width: 100%
}

.UpperCard-Img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 30px 15px 0
}

@media (max-width:991px) {
    .UpperCard-Img {
        display: none
    }
}

.UpperCard-Left {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.UpperCard-Links {
    font-size: 14px;
    font-size: var(--text-m)
}

.Identifier:not(.Identifier_link) {
    font-size: 12px;
    font-size: var(--text-s);
    color: #999;
    color: var(--color-grey)
}

.EduCard-Description {
    white-space: pre-wrap
}

.Task-InfoIcon {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 6px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Task-Title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-size: var(--text-l);
    line-height: 1
}

.Task-TitleElem {
    white-space: nowrap
}

.Task-Description {
    margin-top: 16px;
    margin-bottom: 26px;
    font-size: 14px;
    font-size: var(--text-m)
}

.Task-Validator {
    position: relative;
    width: 100%
}

.Task-InfoLine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Task-InfoLine_between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Task-Author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-size: var(--text-m);
    white-space: nowrap
}

.Task-Author a {
    text-decoration: underline;
    color: #999;
    color: var(--color-grey)
}

.Task-VariantControl input {
    padding-right: 22px
}

.VariantFinishButton-Control {
    width: 100%
}

.VariantTest-Content {
    will-change: filter, opacity;
    -webkit-transition: blur .3s, opacity .3s;
    transition: blur .3s, opacity .3s
}

@media (max-width:991px) {
    .TimerCard {
        position: fixed;
        z-index: 100;
        top: auto;
        bottom: -10px;
        left: 0;
        width: 100%
    }
    .TimerCard_hide {
        display: none
    }
}

@media (min-width:577px) and (max-width:991px) {
    .TimerCard {
        position: fixed;
        z-index: 100;
        top: auto;
        bottom: -10px;
        left: 0;
        width: 100%
    }
}

.TimerCard-Content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:577px) and (max-width:991px) {
    .TimerCard-Content {
        padding-bottom: 20px
    }
}

.TimerCard-Error {
    width: 100%;
    margin-bottom: 6px;
    font-size: 14px;
    font-size: var(--text-m);
    text-align: center;
    color: #f52020
}

.VariantTestPage-StickyContent {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    top: 20px
}

.PromoReference-Btn {
    width: 100%
}

.Pager-Link {
    display: inline-block;
    min-width: 38px;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    border-radius: 19px
}

.Pager-Link a {
    display: block;
    min-width: 38px;
    line-height: 38px;
}

.Pager-Link_active.Link_theme_black {
    color: #000;
    color: var(--color-black);
    background-color: #ffeba0
}

.Pager_type_search .Pager-Link_extra_next {
    padding: 0 20px 0 12px
}

.Pager_type_search .Pager-Link+.Pager-Link {
    margin-left: 8px
}

.UserStatistics-PendingScreen {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.UserStatistics-PendingScreen_mode_success {
    opacity: 0
}

.UserStatistics-Spinner {
    display: block
}

.UserStatistics-RightAnswer,
.UserStatistics-YourAnswer {
    word-break: break-all
}

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

.TutorTable-CellContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 250px;
    padding-top: 16px;
    padding-bottom: 16px;
    -webkit-transition: padding .3s, max-height .3s;
    transition: padding .3s, max-height .3s
}

.TutorTable-Control {
    margin-right: 15px;
    margin-left: 15px
}

.TutorTable-Head,
.TutorTable-Row {
    border-bottom: 1px solid #efefef;
    border-bottom: 1px solid var(--color-grey-light)
}

.TutorTable-Head_collapse,
.TutorTable-Row_collapse {
    border-bottom: none
}

.TutorTable-Head_collapse .TutorTable-Cell,
.TutorTable-Row_collapse .TutorTable-Cell {
    padding-top: 0;
    padding-bottom: 0
}

.TutorTable-Head_collapse .TutorTable-CellContent,
.TutorTable-Row_collapse .TutorTable-CellContent {
    overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0
}

.TutorTable-HeadItem {
    padding-bottom: 5px;
    text-align: left
}

.CabinetRightCard {
    padding: 15px 0
}

.CabinetRightCard-Row {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px
}

.CabinetRightCard-Row_selected:before {
    position: absolute;
    left: 0;
    width: 3px;
    height: 100%;
    content: "";
    background-color: #f52020;
    background-color: var(--color-red)
}

.CabinetRightCard-ItemText {
    margin-left: 30px
}

@media (max-width:991px) {
    .StatisticsPage-Right,
    .StatisticsPage .PageLayout-Right {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: 100%
    }
}

@media (max-width:576px),
(max-width:812px) and (orientation:landscape) {
    .StatisticsPage-Row {
        width: 100%
    }
}

.PageLayout-Content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:992px) {
    .PageLayout-Content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: 992px
    }
}

@media (min-width:1600px) {
    .PageLayout-Content {
        max-width: 1400px
    }
}

.PageLayout-Left,
.PageLayout-WideRight {
    width: 100%
}

@media (min-width:992px) {
    .PageLayout-Left,
    .PageLayout-WideRight {
        width: calc(100% - 320px)
    }
}

@media (min-width:1600px) {
    .PageLayout-Left,
    .PageLayout-WideRight {
        width: calc(100% - 380px)
    }
}

@media (min-width:992px) {
    .PageLayout-Left,
    .PageLayout-NarrowLeft {
        margin-right: 20px
    }
}

.PageLayout-NarrowLeft,
.PageLayout-Right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:991px) {
    .PageLayout-NarrowLeft,
    .PageLayout-Right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin-top: 0
    }
    .Card_inner-space_l {
        padding: 14px
    }
    .diplom__poll-image {
        display: none
    }
    .diplom2__poll-image {
        display: none
    }
    .imgdip {
        display: block
    }
    .imgblank {
        width: 49%
    }
    .minhide {
        display: none
    }
}

@media (min-width:992px) {
    .PageLayout-NarrowLeft,
    .PageLayout-Right {
        display: block;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        width: 300px
    }
    .PL {
        width: 466px
    }
    .PLZ {
        width: 1000px
    }
    .imgdip {
        display: none
    }
    .imgblank {
        width: 24%
    }
    .diplom__poll-image {
        width: 404px;
        height: 290px;
        background-size: cover!important
    }
    .diplom2__poll-image {
        width: 404px;
        height: 570px;
        background-size: cover!important
    }
    #rezultatfio_vebinar {
        position: absolute;
        top: 254px;
        width: 230px;
        left: 100px;
        color: #000;
        font-size: 18px;
        line-height: 1;
        font-weight: 700
    }
    #rezultatnazvanie_vebinar {
        position: absolute;
        top: 319px;
        width: 270px;
        left: 112px;
        color: #000;
        font-size: 8px;
        line-height: 1;
        font-weight: 700
    }
    #rezultnum_vebinar {
        position: absolute;
        top: 392px;
        width: 120px;
        left: 317px;
        color: #000;
        font-size: 8px;
        line-height: 1.2;
        font-weight: 700
    }
    #rezultatfio_publ {
        position: absolute;
        top: 270px;
        width: 220px;
        left: 180px;
        color: #000;
        font-size: 12px;
        line-height: 1;
        font-weight: 700
    }
    #rezultatdoljnost_publ {
        position: absolute;
        top: 286px;
        width: 220px;
        left: 180px;
        color: #000;
        font-size: 9px;
        line-height: 1
    }
    #rezultat_publ {
        position: absolute;
        top: 300px;
        width: 220px;
        left: 180px;
        color: #000;
        font-size: 9px;
        line-height: 1
    }
    #rezultatnazvanie_publ {
        position: absolute;
        top: 325px;
        width: 220px;
        left: 180px;
        color: #000;
        font-size: 10px;
        line-height: 1;
        font-weight: 700
    }
    #rezultatmesto_publ {
        position: absolute;
        top: 352px;
        width: 220px;
        left: 180px;
        color: #000;
        font-size: 9px;
        line-height: 1
    }
    #rezultnum_kurs {
        width: 254px;
        padding-left: 130px;
        color: #000;
        font-size: 9px;
        padding-top: 110px;
        font-weight: 400
    }
    #rezultat_kurs {
        width: 254px;
        padding-left: 130px;
        color: #000;
        font-size: 10px;
        padding-top: 0;
        font-weight: 400
    }
    #rezultatdoljnost_kurs {
        width: 254px;
        padding-left: 130px;
        color: #000;
        font-size: 10px;
        padding-top: 0;
        font-weight: 400
    }
    #rezultatschool_kurs {
        width: 254px;
        padding-left: 130px;
        color: #000;
        font-size: 10px;
        padding-top: 0;
        font-weight: 400
    }
    #rezultatfio_kurs {
        width: 254px;
        padding-left: 130px;
        color: #000;
        font-size: 13px;
        padding-top: 3px;
        font-weight: 700
    }
    #rezultatmesto_kurs {
        width: 200px;
        padding-left: 126px;
        color: #000;
        font-size: 8px;
        padding-top: 0;
        text-align: center
    }
    #rezultattip_kurs {
        width: 254px;
        padding-left: 130px;
        color: #000;
        font-size: 10px;
        padding-top: 2px
    }
    #rezultatnazvanie_kurs {
        width: 254px;
        padding-left: 130px;
        color: #000;
        font-size: 11px;
        padding-top: 5px;
        font-weight: 700
    }
    #rezultat {
        width: 354px;
        padding-left: 30px;
        text-align: center;
        color: #000;
        font-size: 12px;
        padding-top: 140px;
        font-weight: 400
    }
    #rezultatdoljnost {
        width: 354px;
        padding-left: 30px;
        text-align: center;
        color: #000;
        font-size: 12px;
        padding-top: 3px;
        font-weight: 400
    }
    #rezultatschool {
        width: 354px;
        padding-left: 30px;
        text-align: center;
        color: #000;
        font-size: 12px;
        padding-top: 3px;
        font-weight: 400
    }
    #rezultatcurator {
        width: 354px;
        padding-left: 30px;
        text-align: center;
        color: #000;
        font-size: 12px;
        padding-top: 3px;
        font-weight: 400
    }
    #rezultnum {
        width: 354px;
        padding-left: 30px;
        text-align: center;
        color: #000;
        font-size: 11px;
        padding-top: 20px;
        font-weight: 400
    }
    #rezultatfio {
        width: 354px;
        padding-left: 30px;
        text-align: center;
        color: #000;
        font-size: 15px;
        padding-top: 9px;
        font-weight: 700
    }
    #rezultatmesto {
        width: 354px;
        padding-left: 30px;
        text-align: center;
        color: #000;
        font-size: 16px;
        padding-top: 8px;
        font-weight: 700
    }
    #rezultattip {
        width: 354px;
        padding-left: 30px;
        text-align: center;
        color: #000;
        font-size: 12px;
        padding-top: 6px;
        font-weight: 400
    }
    #rezultatnazvanie {
        width: 354px;
        padding-left: 30px;
        text-align: center;
        color: #000;
        font-size: 13px;
        padding-top: 5px;
        font-weight: 700
    }
    #rezm {
        width: 354px;
        padding-left: 20px;
        text-align: center;
        color: #000;
        font-size: 11px;
        padding-top: 153px;
        line-height: 16px;
        font-weight: 700;
    }
    #reznm {
        width: 354px;
        padding-left: 94px;
        text-align: center;
        color: #000;
        font-size: 10px;
        padding-top: 244px;
        font-weight: 400;
    }
    .keis-img {
        width: 50px;
    }
}

@media (min-width:1600px) {
    .PageLayout-NarrowLeft,
    .PageLayout-Right {
        width: 360px
    }
    .PL {
        width: 800px
    }
    .PLZ {
        width: 3000px
    }
    .imgdip {
        display: none
    }
    .imgblank {
        width: 19%
    }
    .diplom__poll-image {
        width: 540px;
        height: 387px;
        background-size: cover!important
    }
    .diplom2__poll-image {
        width: 540px;
        height: 760px;
        background-size: cover!important
    }
    .keis-img {
        width: 100px;
    }
    #rezm {
        width: 354px;
        padding-left: 90px;
        text-align: center;
        color: #000;
        font-size: 13px;
        padding-top: 209px;
        line-height: 16px;
        font-weight: 700;
    }
    #rezultatfio_vebinar {
        position: absolute;
        top: 275px;
        width: 300px;
        left: 115px;
        color: #000;
        font-size: 23px;
        line-height: 1;
        font-weight: 700
    }
    #rezultatnazvanie_vebinar {
        position: absolute;
        top: 352px;
        width: 270px;
        left: 130px;
        color: #000;
        font-size: 10px;
        line-height: 1;
        font-weight: 700
    }
    #rezultnum_vebinar {
        position: absolute;
        top: 452px;
        width: 120px;
        left: 408px;
        color: #000;
        font-size: 9px;
        line-height: 1.2;
        font-weight: 700
    }
    #rezultatfio_publ {
        position: absolute;
        top: 290px;
        width: 270px;
        left: 222px;
        color: #000;
        font-size: 13px;
        line-height: 1;
        font-weight: 700
    }
    #rezultatdoljnost_publ {
        position: absolute;
        top: 306px;
        width: 270px;
        left: 222px;
        color: #000;
        font-size: 10px;
        line-height: 1
    }
    #rezultat_publ {
        position: absolute;
        top: 323px;
        width: 270px;
        left: 222px;
        color: #000;
        font-size: 10px;
        line-height: 1
    }
    #rezultatnazvanie_publ {
        position: absolute;
        top: 359px;
        width: 270px;
        left: 222px;
        color: #000;
        font-size: 11px;
        line-height: 1;
        font-weight: 700
    }
    #rezultatmesto_publ {
        position: absolute;
        top: 393px;
        width: 270px;
        left: 222px;
        color: #000;
        font-size: 10px;
        line-height: 1
    }
    #rezultnum_kurs {
        width: 300px;
        padding-left: 174px;
        color: #000;
        font-size: 9px;
        padding-top: 140px;
        font-weight: 400
    }
    #rezultat_kurs {
        width: 300px;
        padding-left: 174px;
        color: #000;
        font-size: 10px;
        padding-top: 0;
        font-weight: 400
    }
    #rezultatdoljnost_kurs {
        width: 300px;
        padding-left: 174px;
        color: #000;
        font-size: 10px;
        padding-top: 0;
        font-weight: 400
    }
    #rezultatschool_kurs {
        width: 300px;
        padding-left: 174px;
        color: #000;
        font-size: 10px;
        padding-top: 0;
        font-weight: 400
    }
    #rezultatfio_kurs {
        width: 300px;
        padding-left: 174px;
        color: #000;
        font-size: 13px;
        padding-top: 3px;
        font-weight: 700
    }
    #rezultatmesto_kurs {
        width: 300px;
        padding-left: 90px;
        color: #000;
        font-size: 9px;
        padding-top: 0;
        text-align: center
    }
    #rezultattip_kurs {
        width: 300px;
        padding-left: 174px;
        color: #000;
        font-size: 10px;
        padding-top: 2px
    }
    #rezultatnazvanie_kurs {
        width: 300px;
        padding-left: 174px;
        color: #000;
        font-size: 11px;
        padding-top: 5px;
        font-weight: 700
    }
    #rezultat {
        width: 354px;
        padding-left: 90px;
        text-align: center;
        color: #000;
        font-size: 12px;
        padding-top: 186px;
        font-weight: 400
    }
    #rezultatdoljnost {
        width: 354px;
        padding-left: 90px;
        text-align: center;
        color: #000;
        font-size: 12px;
        padding-top: 3px;
        font-weight: 400
    }
    #rezultatschool {
        width: 354px;
        padding-left: 90px;
        text-align: center;
        color: #000;
        font-size: 12px;
        padding-top: 3px;
        font-weight: 400
    }
    #rezultatcurator {
        width: 354px;
        padding-left: 90px;
        text-align: center;
        color: #000;
        font-size: 12px;
        padding-top: 3px;
        font-weight: 400
    }
    #rezultnum {
        width: 354px;
        padding-left: 90px;
        text-align: center;
        color: #000;
        font-size: 11px;
        padding-top: 20px;
        font-weight: 400
    }
    #rezultatfio {
        width: 354px;
        padding-left: 90px;
        text-align: center;
        color: #000;
        font-size: 15px;
        padding-top: 9px;
        font-weight: 700
    }
    #rezultatmesto {
        width: 354px;
        padding-left: 90px;
        text-align: center;
        color: #000;
        font-size: 16px;
        padding-top: 8px;
        font-weight: 700
    }
    #rezultattip {
        width: 354px;
        padding-left: 90px;
        text-align: center;
        color: #000;
        font-size: 12px;
        padding-top: 6px;
        font-weight: 400
    }
    #rezultatnazvanie {
        width: 354px;
        padding-left: 90px;
        text-align: center;
        color: #000;
        font-size: 13px;
        padding-top: 5px;
        font-weight: 700
    }
    #reznm {
        width: 354px;
        padding-left: 94px;
        text-align: center;
        color: #000;
        font-size: 10px;
        padding-top: 244px;
        font-weight: 400;
    }
}

@media (min-width:992px) {
    .PageLayout-Container {
        max-width: 992px
    }
}

@media (min-width:1600px) {
    .PageLayout-Container {
        max-width: 1400px
    }
}

.SearchForm-Input {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.SearchForm-Input .textinput_view_classic.textinput_theme_normal .textinput__control {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    font-size: 18px;
    font-size: var(--text-n)
}

.SearchForm-Input .textinput_view_classic.textinput_theme_normal .textinput__box {
    border-color: #ddd;
    border-radius: 6px;
    background-color: #f7f8f9;
    height: 36px
}

.SearchForm-Input .textinput_view_classic.textinput_theme_normal .icon_type_cross {
    background-image: url(//yastatic.net/s3/frontend/tutor/_/close-097a6e13fe.svg)
}

.SearchForm-Lense {
    width: 30px;
    height: 36px;
    opacity: .2;
    background-size: 25px
}

.SearchResult-Title {
    line-height: 24px;
    line-height: var(--line-xl)
}

.SearchResult-Link:visited {
    color: #551a8b;
    color: var(--color-link-visited)
}

.SearchResult-Text {
    line-height: 20px;
    line-height: var(--line-m)
}

.SearchResult-MoreText {
    white-space: nowrap
}

.SearchResult-MoreText:after {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    content: "";
    border-color: currentcolor;
    border-style: solid;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg) scale(.7) translateY(.2em);
    -ms-transform: rotate(45deg) scale(.7) translateY(.2em);
    transform: rotate(45deg) scale(.7) translateY(.2em)
}

.MimeIcon {
    position: relative;
    overflow: hidden;
    width: 30px
}

.MimeIcon-Back {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--border-radius-s);
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--border-radius-s)
}

.MimeIcon-Text {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase
}

.MimeIcon-Text_little {
    font-size: 8px
}

.SearchResult-Download .Button2-Icon {
    width: 30px;
    height: 36px
}

.SearchResult-MetaItem {
    margin-right: 10px
}

.SearchResult-MetaLine {
    line-height: 20px;
    line-height: var(--line-m)
}

.SearchResult+.SearchResult {
    margin-top: 30px
}

.SearchResult-Line,
.SearchResult-Text {
    word-wrap: break-word
}

.SearchResult-Line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: break-word
}

.SearchResult-Line_lines_3 {
    -webkit-line-clamp: 3
}

.Materials-Content {
    margin-bottom: 30px
}

.GradesNavigation-List {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    line-height: 20px
}

.GradesNavigation-Item:not(:last-child) {
    padding-right: 30px
}

.SubjectItem {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px
}

.SubjectItem_cols_2 {
    width: 50%
}

.SubjectItem_cols_4 {
    width: 25%
}

.SubjectItem_cols_3 {
    width: 33%
}

.SubjectItem-RowContent {
    height: 100%
}

.SubjectItem-ContentCell {
    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
}

.SubjectsSelect {
    width: calc(100% + 14px);
    margin: -7px
}

.SubjectsSelect-Content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.Header {
    border-bottom: 1px solid var(--color-grey-light)
}

.Footer[class] {
    padding: 20px 0;
    line-height: 27px;
    border-top: none;
    background-color: #fff
}

.Footer-Atlas,
.Footer-Rules,
.Footer-Support {
    margin-right: 10px;
    margin-left: 16px;
    line-height: 38px
}

.Footer-Column_side_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right
}

.TimerClock-Time {
    font-size: 35px;
    font-weight: 100
}

.TimerClock-Time_over {
    font-size: 30px
}

.TimerClock_paused .TimerClock-Time {
    color: #000
}

@media (max-width:576px),
(max-width:812px) and (orientation:landscape) {
    .TimerClock {
        -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
    }
    .TimerClock,
    .TimerClock-Content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .TimerClock-Content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .TimerClock-Time {
        margin-right: 6px;
        font-size: 14px;
        font-size: var(--text-m);
        font-weight: 700
    }
    .TimerClock-TestInfo {
        margin: 3px 0 0
    }
    .TimerClock-Button {
        min-height: 36px
    }
    .TimerClock-Description {
        padding: 0
    }
}

.TimerClock-TestInfo {
    margin-top: 16px;
    margin-bottom: 30px;
    text-align: left
}

@media (min-width:577px) and (max-width:991px) {
    .TimerClock-TestInfo {
        margin: 0 0 10px
    }
}

@media (max-width:576px),
(max-width:812px) and (orientation:landscape) {
    .TimerClock-Button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.TimerClock-Button:before {
    background-color: #e6e6e6
}

.TimerClock-Button_red:before {
    background-color: #9e2020!important
}

@media (min-width:992px) {
    .TimerCard {
        padding-bottom: 15px
    }
}

.tCard_view_diplomn {
    position: -webkit-sticky;
    position: sticky;
    z-index: 100;
    top: 20px
}

.tCard_view_diplomn:before {
    position: absolute;
    bottom: 100%;
    left: -20px;
    width: calc(100% + 40px);
    height: 20px;
    content: "";
    background: #f7f8f9
}

.tCard_view_diplomn .TimerCard-Content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tCard_view_diplomn .TimerCard-Button {
    width: 33%
}

.tCard_view_diplomn .TimerCard-Button .VariantFinishButton {
    display: inline-block
}

.UpperCard-Left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px
}

.AnswerButtons,
.UpperCard-Content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.UserStatistics-Table {
    position: relative
}

.UserStatistics-Cell {
    padding-right: 5px;
    padding-left: 5px
}

.BreadCrumbs-Item {
    overflow: hidden
}

.BreadCrumbs-Item:first-child {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.BreadCrumbs-ItemLink {
    overflow: hidden
}

.BreadCrumbs-ItemText {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.Formula_img {
    color: #fff;
    color: var(--color-white)
}

.Button2_size_n {
    height: 38px;
    line-height: 38px
}

.Button2_size_n .Button2-Text {
    margin: 0 16px
}

.SubjectsNavigation-Item {
    list-style: none
}

.SubjectsNavigation-Item+.SubjectsNavigation-Item {
    border-top: 1px solid hsla(0, 0%, 60%, .2);
    border-top: 1px solid var(--color-grey-transparent)
}

.SubjectsNavigation-Icon {
    margin-right: 10px
}

.GradesNavigation-List {
    padding: 0 10px 0 6px
}

.DiplomThumb {
    min-width: 180px;
    min-width: var(--diplom-thumb-width-m)
}

.DiplomThumb-Image {
    width: 100%;
    height: 103px;
    height: var(--diplom-thumb-height-m)
}

.DiplomThumb {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.DiplomThumb,
.DiplomThumb-Image {
    position: relative;
    overflow: hidden
}

.DiplomThumb-Image {
    pointer-events: none;
    border-radius: 6px;
    border-radius: var(--border-radius-m);
    border: 1px solid var(--color-grey-light);
    background-size: cover
}

.DiplomThumb-Image:before {
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .03)
}

.DiplomThumb-Image:after {
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    background-image: radial-gradient(closest-side, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0));
    -webkit-transform: translate(-60%, -35%);
    -ms-transform: translate(-60%, -35%);
    transform: translate(-60%, -35%)
}

.DiplomThumb-Link {
    display: block
}

.DiplomThumb-Info {
    line-height: 20px;
    pointer-events: none
}

.DiplomThumb-Title {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 19px;
    overflow-wrap: break-word;
    color: #000
}

.DiplomThumb-Title_lines_3 {
    -webkit-line-clamp: 3;
    max-height: 57px
}

.SDiplomCard-Icon {
    margin-right: 6px
}

.SDiplomCard-Content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -9px
}

.SDiplomCard-Link:after {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    content: "";
    border-color: currentcolor;
    border-style: solid;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg) scale(.7) translate(.1em);
    -ms-transform: rotate(45deg) scale(.7) translate(.1em);
    transform: rotate(45deg) scale(.7) translate(.1em)
}

.SDiplomCard-Thumb.DiplomThumb {
    width: 25%;
    min-width: 196px;
    padding: 8px 8px 11px
}

.SDiplomCard-Thumb.DiplomThumb .DiplomThumb-Image {
    height: 255px
}

.TooltipWrapper {
    display: inline-block;
    cursor: pointer
}

:root {
    --text-xs: 11px;
    --text-s: 12px;
    --text-m: 14px;
    --text-l: 16px;
    --text-n: 18px;
    --text-xl: 19px;
    --line-s: 17px;
    --line-m: 20px;
    --line-l: 22px;
    --line-xl: 24px;
    --padding-xxs: 6px;
    --padding-xs: 10px;
    --padding-s: 17px;
    --text-s: 13px;
    --text-m: 16px;
    --text-l: 18px;
    --text-xl: 22px
}

.Button2 {
    cursor: pointer
}

.Button2 .Button2-Icon {
    position: relative;
    pointer-events: none
}

.Button2 .Button2-Icon_side_left {
    position: absolute;
    top: 0;
    left: 0
}

.Button2-Text {
    resize: none;
    pointer-events: none
}

.Button2,
.Button2-Text {
    position: relative;
    display: inline-block;
    white-space: nowrap
}

.Button2 {
    overflow: visible;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -moz-user-focus: ignore;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    text-decoration: none;
    border-width: 0;
    outline: 0;
    background: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.Button2:before {
    border-radius: 4px
}

.Button2:after,
.Button2:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.Button2:after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.Link {
    cursor: pointer
}

.Link[aria-disabled=true] {
    cursor: default
}

.Link {
    text-decoration: none;
    outline: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.Link[aria-disabled=true] {
    pointer-events: none
}

.Icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%
}

.Icon:after {
    visibility: hidden;
    content: "\A0"
}

.Textinput {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    vertical-align: top
}

.Textinput_size_m .Textinput-Box {
    height: 36px
}

.Textinput_size_m .Textinput-Control {
    height: 36px;
    font-size: 15px;
    border-width: 0 10px
}

.Textinput-Control {
    position: relative;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: top;
    border: 0 solid rgba(0, 0, 0, 0);
    outline: 0;
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.Textinput-Control::-webkit-input-placeholder {
    opacity: 1
}

.Textinput-Control::placeholder {
    opacity: 1
}

.Textinput-Box {
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Textinput-Box,
.Textinput-Icon.Textinput-Icon {
    position: absolute
}

.icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%
}

.icon:after {
    visibility: hidden;
    content: "\A0"
}

.button2__text {
    display: inline-block;
    resize: none;
    white-space: nowrap
}

.button2 .button2__icon,
.button2__text {
    position: relative;
    pointer-events: none
}

.button2 .button2__icon_side_right {
    position: absolute;
    top: 0;
    right: 0
}

.button2 {
    display: inline-block;
    overflow: visible;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -moz-user-focus: ignore;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    background: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.button2:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.button2 {
    cursor: pointer
}

.button2_theme_pseudo {
    position: relative;
    z-index: 0;
    color: #000;
    border: none;
    outline: none
}

.button2_view_classic.button2_theme_pseudo:before {
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-transition: .1s ease-out;
    transition: .1s ease-out;
    -webkit-transition-property: border-color, border-width, background-color;
    transition-property: border-color, border-width, background-color
}

.button2_size_m {
    height: 32px;
    font-size: 15px;
    line-height: 32px
}

.button2_size_m .button2__text {
    margin: 0 15px
}

.button2_size_m .button2__icon {
    width: 32px
}

.button2_size_m .button2__icon.icon_type_arrow {
    width: 35px
}

.button2_size_m .button2__icon_side_right~.button2__text {
    margin-right: 29px
}

.button2_width_max {
    width: 100%
}

.button2_width_max .button2__text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.icon_type_arrow {
    background-image: url(//yastatic.net/s3/frontend/tutor/_/arrow-b-a366267e93.svg);
    -webkit-transition: -webkit-transform .1s ease-out;
    transition: -webkit-transform .1s ease-out;
    transition: transform .1s ease-out;
    transition: transform .1s ease-out, -webkit-transform .1s ease-out
}

.Spin2 {
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
}

.Spin2:after {
    visibility: hidden;
    content: "\A0"
}

.textinput__control {
    position: relative;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: top;
    border: 0 solid rgba(0, 0, 0, 0);
    outline: 0;
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.textinput__control::-webkit-search-cancel-button {
    display: none
}

.textinput__box {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid
}

.icon_type_cross {
    background-image: url(//yastatic.net/s3/frontend/tutor/_/cross-m-94e54ee299.svg)
}

.textinput__clear {
    right: 0;
    display: none;
    visibility: hidden;
    cursor: pointer
}

.textinput_view_classic .textinput__clear {
    opacity: 0
}

.textinput__clear {
    -webkit-transition: opacity .1s ease-out, visibility 0 linear .1s;
    transition: opacity .1s ease-out, visibility linear .1s
}

.textinput__clear.textinput__clear_visible_yes {
    display: block;
    visibility: visible
}

.textinput_view_classic .textinput__clear.textinput__clear_visible_yes {
    opacity: .3
}

.textinput__icon.textinput__icon {
    position: absolute
}

.textinput__icon {
    z-index: 3;
    top: 0
}

.textinput__icon_side_right {
    right: 0
}

.link {
    text-decoration: none;
    outline: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[class*=_pin_] .textinput__box {
    border-radius: 3px
}

.link {
    cursor: pointer
}

.link_theme_black {
    border-bottom: 2px solid #e6e6e6;
    color: #000;
    font-weight: 600;
}

.textinput_size_n {
    height: 36px
}

.textinput_size_n .textinput__control {
    height: 36px;
    font-size: 13px;
    border-width: 0 13px
}

.textinput_size_n .textinput__icon_side_right~.textinput__control,
.textinput_size_n.textinput_has-clear_yes .textinput__control {
    border-right-width: 36px
}

.textinput_size_n.textinput_has-clear_yes .textinput__icon_side_right~.textinput__control {
    border-right-width: 60px
}

.textinput_size_n.textinput_icon-right_yes .textinput__clear {
    right: 28px
}

.textinput_size_n .textinput__icon.icon {
    width: 36px;
    height: 36px
}

.link_theme_ghost {
    color: #999
}

.textinput_theme_normal {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    vertical-align: top
}

.textinput_theme_normal .textinput__control {
    color: #000
}

.textinput_view_classic.textinput_theme_normal .textinput__control::-webkit-input-placeholder {
    color: #999
}

.textinput_view_classic.textinput_theme_normal .textinput__box {
    border: 1px solid rgba(0, 0, 0, .2);
    background-color: #fff
}

.link_theme_normal {
    color: #04b
}

.footer .footer__link {
    text-decoration: none;
    color: #8792a8
}

.footer__link,
.footer__link+.copyright {
    margin-left: 16px
}

.footer .copyright .footer__link,
.footer__link:first-child {
    margin-left: 0
}

.copyright {
    white-space: nowrap
}

.footer__column {
    display: inline-block
}

.footer__column_side_right {
    float: right
}

.clearfix:after {
    display: block;
    clear: both;
    height: 0;
    content: ""
}

.footer {
    padding: 10px 20px;
    border-top: 1px solid #dedddb
}

.footer .copyright {
    display: inline
}

.footer {
    font-size: 14px;
    line-height: 17px
}

.Button2_view_default {
    -webkit-transition: color .15s linear, -webkit-transform .1s ease-out;
    transition: color .15s linear, -webkit-transform .1s ease-out;
    transition: transform .1s ease-out, color .15s linear;
    transition: transform .1s ease-out, color .15s linear, -webkit-transform .1s ease-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    color: #000
}

.Button2_view_default:before {
    -webkit-transition: background-color .15s linear;
    transition: background-color .15s linear;
    background-color: #e6e6e6
}

.Button2_theme_normal {
    position: relative;
    z-index: 0;
    color: #000;
    border: none;
    outline: none
}

.Button2_theme_normal:before {
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    background-color: #fff;
    background-clip: padding-box
}

.Button2_theme_normal.Button2_checked:before {
    border-color: rgba(153, 122, 0, .5);
    background-color: #ffeba0
}

.Button2_theme_action {
    position: relative;
    z-index: 0;
    color: #000;
    border: none;
    outline: none
}

.Button2_theme_action:before {
    border-radius: 3px;
    background-color: #ffdb4d
}

.Button2_size_m {
    height: 36px;
    font-size: 15px;
    line-height: 36px
}

.Button2_size_m .Button2-Text {
    margin: 0 15px
}

.Button2_size_m .Button2-Icon,
.Button2_size_m .Button2-Icon.Icon_type_arrow {
    width: 30px;
    margin-left: 3px
}

.Button2_size_m .Button2-Icon_side_left~.Button2-Text {
    margin-left: 37px
}

.SearchResult-Download .Button2-Icon_side_left~.Button2-Text {
    margin: 0 11px 0 41px
}

.Button2_size_l {
    height: 42px;
    font-size: 18px;
    line-height: 42px
}

.Button2_size_l .Button2-Text {
    margin: 0 6px
}

.Spin2_position_center {
    position: absolute;
    top: 50%;
    left: 50%
}

.Spin2_size_l {
    font-size: 18px;
    line-height: 34px;
    width: 38px;
    height: 38px
}

.Spin2_size_l.Spin2_position_center {
    margin-top: -19px;
    margin-left: -19px
}

.Link_theme_normal {
    color: #04b
}

.Link_theme_black {
    color: #000
}

.Link_theme_black[aria-disabled=true] {
    color: #ddd
}

.Link_theme_ghost {
    color: #999
}

@media (max-width:576px),
(max-width:812px) and (orientation:landscape) {
    .Overflow-Container {
        overflow: auto
    }
}

@media (min-width: 1600px) {
    .SDiplomCard-Thumb.DiplomThumb .DiplomThumb-Image {
        height: 309px
    }
}

.buttonred {
    background: #eb3535;
    border-width: 1px
}

.Icon_root {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    flex-shrink: 0;
    vertical-align: baseline;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -.2em
}

.Icon_root svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor
}

.zavuch-top__content {
    max-width: 1360px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    margin: auto;
    font-size: 14px;
    background: #fff
}

.colorb {
    color: #bebebe
}

.colorbeb {
    color: #5cb85c
}

.w150 {
    width: 150px
}

.w200 {
    width: 200px
}
.w250 {
    width: 250px
}
.w300 {
    width: 300px
}
.w350 {
    width: 350px
}

.mt15 {
    margin-top: 15px
}

.icobig {
    width: 1.5em;
    height: 1.5em
}

.btn {
    border: 1px double #ddd;
    border-radius: 4px;
    padding-left: 10px;
    text-align: left;
    width: 100%
}

.ls-pagination {
    overflow: hidden;
    color: #aaa;
    line-height: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ls-pagination-list {
    overflow: hidden;
    margin-top: 10px;
    margin-right: 50px
}

.ls-pagination-list:last-child {
    margin-left: 0
}

.ls-pagination-item {
    float: left;
    margin-right: 6px;
    margin-top: 6px;
    background-color: #f7f8f9
}

.ls-pagination-item-inner {
    display: block;
    padding: 12px 15px 11px;
    background: #fff0d3
}

.ls-pagination-item-text {
    color: #aaa
}

.ls-pagination-item-link {
    color: #333;
    cursor: pointer
}

.ls-pagination-item-link:hover {
    background: #eee
}

.ls-pagination-item.active .ls-pagination-item-inner {
    color: #fff;
    background: #2891D3;
    cursor: default
}

.ls-pagination--small {
    font-size: 11px
}

.ls-pagination--small .ls-pagination-item-inner {
    padding: 7px 9px 6px
}

.paginator {
    margin: 30px 0 15px
}

.paginator ul,
.paginator li {
    list-style: none;
    padding: 0
}

.paginator .ls-pagination-item.active .ls-pagination-item-inner {
    background-color: #279DDF
}

.colorg {
    color: #c5bebe
}

input[type="radio" i] {
    cursor: pointer
}

.css-label {
    width: 87%;
    margin-left: 3px;
    cursor: pointer
}

.TimerClock-Description {
    color: red;
    padding-top: 10px;
    font-weight: 600
}

.hide {
    display: none
}

.w100 {
    width: 100%
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.text-muted {
    color: red!important
}

.small,
small {
    font-size: 85%
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

.form-group {
    margin-bottom: 15px
}

.colorhref {
    color: #154ec9
}

.menu_active {
    font-weight: 600;
    background: #f7f8f9;
    padding-left: 11px
}

.font_600 {
    font-weight: 600
}

.btn-olimp {
    border: #e00000 2px solid;
    border-radius: 4px;
    padding: 4px 20px;
    font-size: 15px;
    text-decoration: none;
    color: #494949;
    margin-left: 15px
}

@media (max-width:576px),
(max-width:812px) and (orientation:landscape) {
    .Card_inner-space_l {
        padding: 21px
    }
    .SubjectItem_cols_4 {
        width: 100%
    }
    .SDiplomCard-Thumb.DiplomThumb {
        width: 50%!important;
        min-width: 147px!important;
        padding: 8px 8px 11px
    }
    .SDiplomCard-Thumb.DiplomThumb .DiplomThumb-Image {
        height: 186px!important
    }
}

.select2-container--default .select2-selection--single {
    border-color: #ddd;
    border-radius: 6px;
    background-color: #f7f8f9
}

.select2 {
    width: 100%!important
}

.select2-container .select2-selection--single {
    height: 36px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -6px;
    margin-top: 0;
    border-width: 9px 5px 0;
    border-color: #c6c6c7 transparent transparent
}

.select2-dropdown {
    background-color: #f7f8f9
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 33px
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #c6c6c7;
    border-width: 0 5px 9px
}

.upload {
    z-index: 99;
    position: absolute;
    padding: 8px;
    cursor: pointer
}

.Card_154 {
    height: 154px
}

.card_in {
    text-align: left;
    font-size: 19px;
    line-height: 1.7;
    font-weight: 200
}

.jumbotron {
    padding: 3rem 0 2rem;
    background: #663fb5 url(../../img/bg-header.jpg) no-repeat center bottom;
    background-size: cover;
    border-radius: 0;
    color: #fff!important
}

.bootomfon {
    padding: 3rem 0 2rem;
    background: #312f38;
    color: #fff!important
}

.zh3 {
    font-family: 'Exo 2 Bold Condensed', Arial;
    font-size: 40px;
    text-align: center;
    margin: 10px auto 10px;
    color: #000
}

.zh4 {
    font-family: 'Exo 2 Bold Condensed', Arial;
    font-size: 55px;
    padding: 20px;
    text-align: center
}

.m-b {
    font-weight: 300;
    line-height: 1.5;
    text-align: center!important;
}

img {
    vertical-align: middle
}

.keis-img2 {
    max-width: 280px
}

.t-align-center {
    text-align: center!important
}

.framrr {
    text-align: left;
    background-color: #FFF;
    font-size: 18px;
    padding: 20px;
    margin-bottom: 41px;
    text-align: left;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 200;
    box-shadow: 0 0 5px silver
}

.labeluslov {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 200;
    padding: 20px
}

.imgdip {
    position: relative;
    padding-bottom: 8px;
    z-index: 0;
}

.imgfons {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.diplom__poll-image {
    border: 1px dashed #00a582
}

.diplom2__poll-image {
    border: 1px dashed #00a582
}

.autocomplete-suggestions {
    border: 1px solid #999;
    overflow: auto
}

.autocomplete-suggestion {
    padding: 5px;
    background: #FFF;
    white-space: nowrap;
    overflow: hidden
}

.autocomplete-selected {
    background: #F0F0F0;
    cursor: pointer
}

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

.autocomplete-group {
    padding: 2px 5px
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000
}

.btn-outline-secondary {
    color: #fecb00;
    font-family: 'Exo 2 Bold Condensed', Arial;
    font-size: 20px;
    padding: 8px 0px 8px 0px;
    text-align: center;
    background-image: none;
    background-color: #BE4657;
    border-color: rgba(152, 152, 152, 0.58);
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    line-height: 1.5;
    margin-top: 6px;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.text_c {
    text-align: center
}

.padding_10 {
    padding: 10px;
}

.imgblank {
    display: inline-block;
    padding-top: 6px;
    cursor: pointer;
}

.color69dd00 {
    color: #69dd00;
}

span.block {
    display: block;
}

.cochlink {
    padding: 13px 3px 15px 3px;
}

.cochlink:hover {
    background: #f0e8e6;
}

.fontcards {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    min-height: 157px;
}

.custom-model-main {
    text-align: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* z-index: 1050; */
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 0;
    -webkit-transition: opacity 0.15s linear, z-index 0.15;
    -o-transition: opacity 0.15s linear, z-index 0.15;
    transition: opacity 0.15s linear, z-index 0.15;
    z-index: -1;
    overflow-x: hidden;
    overflow-y: auto;
}

.model-open {
    z-index: 99999;
    opacity: 1;
    overflow: hidden;
}

.custom-model-inner {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    display: inline-block;
    vertical-align: middle;
    width: 700px;
    margin: 30px auto;
    max-width: 97%;
}

.custom-model-wrap {
    display: block;
    width: 100%;
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
    text-align: left;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
}

.model-open .custom-model-inner {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    z-index: 999;
}

.model-open .bg-overlay {
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
}

.bg-overlay {
    background: rgba(0, 0, 0, 0);
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    -webkit-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
}

.close-btn {
    position: absolute;
    right: 0;
    top: -30px;
    cursor: pointer;
    z-index: 99;
    font-size: 30px;
    color: #fff;
}

@media screen and (min-width:800px) {
    .custom-model-main:before {
        content: "";
        display: inline-block;
        height: auto;
        vertical-align: middle;
        margin-right: -0px;
        height: 100%;
    }
}

@media screen and (max-width:799px) {
    .custom-model-inner {
        margin-top: 45px;
    }
}

.btn_ku {
    background: #ffdb4d;
    border-radius: 6px;
    padding: 12px 26px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    display: inline-block;
    transition: all 300ms linear;
    outline: none;
    border: none;
    text-align: center;
}

.btn_zareg {
    background: #ffdb4d;
    border-radius: 6px;
    padding: 10px 18px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    display: inline-block;
    transition: all 300ms linear;
    outline: none;
    border: none;
    text-align: center;
}

.Card_235 {
    height: 250px;
    background: #f7f8f9;
    padding: 10px;
}

.popup-btn {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 15px;
    color: #00000a;
    padding: 5px 18px;
    background: #fff7d9;
    border: 2px solid #ffdb4d;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    transition: all 300ms linear;
}

.blmesto {
    padding: 6px 20px;
    min-width: 140px;
    font-weight: 600;
    color: #fff;
    background-color: #73c615;
    text-align: center;
}

.namemesto {
    min-width: 120px;
    font-weight: 700;
    padding: 0 0 4px 10px;
    border-bottom: 2px solid;
    border-bottom-color: #73c615;
}

.selcl {
    width: 100%;
    margin: 0;
    border: 1px solid rgb(221 221 221);
    border-radius: 7px;
    background: #f7f8f9;
    height: 36px;
    font-size: 18px;
    padding-left: 10px;
}
.w_49{ width: 49%;}

.photoviewer-button-close{
    background-image: url('close-097a6e13fe.svg')!important;
    background-size: 40px Auto!important;
}
.photoviewer-button-maximize{
    background-image: url('maximize.svg')!important;
    background-size: 40px Auto!important;
    opacity: 0.5;
}

.photoviewer-button-fullscreen
{
    background-image: url('maximize.svg')!important;
    background-size: 40px Auto!important;
    opacity: 0.7;
}

.photoviewer-button-prev
{
    background-image: url('back.svg')!important;
    background-size: 40px Auto!important;
    opacity: 0.7;
}
.photoviewer-button-next
{
    background-image: url('next.svg')!important;
    background-size: 40px Auto!important;
    opacity: 0.7;
}
.photoviewer-button-zoom-out
{
    background-image: url('zoom-out.svg')!important;
    background-size: 40px Auto!important;
    opacity: 0.7;
}

.photoviewer-button-zoom-in
{
    background-image: url('zoom-in.svg')!important;
    background-size: 40px Auto!important;
    opacity: 0.7;
}

.photoviewer-button-actual-size{
    background-image: url('size-actual.svg')!important;
    background-size: 40px Auto!important;
    opacity: 0.7;  
}
.photoviewer-button-rotate-right{
    background-image: url('arrow-rotate.svg')!important;
    background-size: 40px Auto!important;
    opacity: 0.7;     
}
.bg_red{
    border: 1px solid #ff0000!important;
    background-color: #e36060!important;
}

.b_rl{
	border-left: 3px solid #4ccced;
    border-right: 1px solid #e0f5fa;
	}
	
.b_vert{writing-mode: tb-rl;}


.v-modules tr.v-module-row {
 background-color: #f4f7fb;
}
.dg-course .v-plan .wrap .v-modules th.v-module-row td:nth-child(2), .dg-course .v-plan .wrap .v-modules tr.v-module-row td:nth-child(2) {
    position: relative;
}
.dg-kpk .v-plan .wrap .v-modules tr.v-module-row td {
    border-color: #fff;
}
.dg-course .v-plan .wrap .v-modules th.v-module-row td, .dg-course .v-plan .wrap .v-modules tr.v-module-row td {
    border-color: #e0f5fa;
}
.dg-course .v-plan .wrap .v-modules th td:nth-child(2), .dg-course .v-plan .wrap .v-modules tr td:nth-child(2) {
    padding-left: 30px;
}
.dg-course .v-plan .wrap .v-modules th td, .dg-course .v-plan .wrap .v-modules tr td {
    border-left: 2px solid #e0f5fa;
}
.v-modules tr td:nth-child(2), .v-modules tr th:nth-child(2) {
    text-align: left;
}
.v-modules tr td, .v-modules tr th {
    vertical-align: middle;

    padding: 10px 11px;
}
.dg-course .v-plan .wrap .v-modules th.v-module-row td, .dg-course .v-plan .wrap .v-modules tr.v-module-row td {
    border-color: #e0f5fa;
}
.dg-course .v-plan .wrap .v-modules th td, .dg-course .v-plan .wrap .v-modules tr td {
    border-left: 2px solid #e0f5fa;
}
.v-modules tr td, .v-modules tr th {
    vertical-align: middle;
  
    padding: 10px 6px;
}

.dg-course .v-plan .wrap .v-modules th {
    font-weight: 400;
    font-size: 14px;
}
.v-modules tr th {
    color: #6b7175;
}
.v-modules tr td, .v-modules tr th {
    vertical-align: middle;
    
    padding: 10px 6px;
}

table th {
  border: 1px solid #e0f5fa;
}
table td {
  border: 1px solid #e0f5fa;
}

.Task-TitleElem{
	padding-left: 30px;
}
table {
    border-collapse: collapse;
    text-indent: initial;
    border-spacing: 0px;
}

textarea {
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #DDE1E6;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(82 168 236 / 60%);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(82 168 236 / 60%);
}

.loader {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 6px solid #154EC9;
    animation:
        l20-1 0.8s infinite linear alternate,
        l20-2 1.6s infinite linear;
}
@keyframes l20-1{
    0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
    12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
    25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
    50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
    62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
    75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
    100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
}
@keyframes l20-2{ 
    0%    {transform:scaleY(1)  rotate(0deg)}
    49.99%{transform:scaleY(1)  rotate(135deg)}
    50%   {transform:scaleY(-1) rotate(0deg)}
    100%  {transform:scaleY(-1) rotate(-135deg)}
}