@charset "UTF-8";
#overlay,
.modal_div,
.modal_div > * {
    transition: none !important;
}
html body {
    margin: 0;
    padding: 0;
    position: relative;
    overflow-x: hidden;
    min-width: 1400px;
}
html body ::-webkit-scrollbar {
    width: 4px;
    height: 10px;
}
html body ::-webkit-scrollbar-button:end:increment,
html body ::-webkit-scrollbar-button:start:decrement {
    display: none;
}
html body ::-webkit-scrollbar-track-piece {
    background-color: none;
}
html body ::-webkit-scrollbar-thumb:vertical {
    border-radius: 3px;
    background-color: #ccc;
}
html a {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #1588ee;
    text-decoration: none !important;
}
html .hobby + .link_border,
html .interests_list + .link_border,
html .lang + .link_border {
    margin-top: 12px;
}
html .link_file {
    font-weight: 300;
}
html .competencies_btn {
    padding: 4px 16px 4px 36px;
    border-radius: 16px;
    display: block;
    border: 1px solid #1588ee;
    position: relative;
}
html .competencies_btn span {
    opacity: 1 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #1588ee !important;
    font-weight: 700 !important;
    position: relative;
    display: inline-block;
}
html .competencies_btn .ico {
    position: absolute;
    left: 8px;
    top: 2px;
    width: 24px !important;
    height: 24px !important;
}
html .competencies_btn .ico div {
    width: 100% !important;
    height: 100% !important;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}
html .competencies_btn .ico div:first-child {
    background-image: url(../img/icons/a-visibility-20px.svg);
}
html .competencies_btn .ico div:last-child {
    background-image: url(../img/icons/a-visibility-off-20px.svg);
    opacity: 0;
}
html .competencies_btn.show .ico div:first-child {
    opacity: 0;
}
html .competencies_btn.show .ico div:last-child {
    opacity: 1;
}
html .download_excel_btn {
    padding: 4px 16px 4px 36px;
    border-radius: 16px;
    display: block;
    border: 1px solid #1588ee;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
}
html .download_excel_btn span {
    opacity: 1 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #1588ee !important;
    font-weight: 700 !important;
    position: relative;
    display: inline-block;
}
html .download_excel_btn .ico {
    position: absolute;
    left: 10px;
    top: 4px;
    width: 20px !important;
    height: 20px !important;
}
html .download_excel_btn .ico div {
    width: 100% !important;
    height: 100% !important;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}
html .download_excel_btn .ico div:first-child {
    background-image: url(../img/icons/a-file.svg);
    opacity: 1;
}
html .download_excel_btn .ico div:last-child {
    background-image: url(../img/icons/a-file-white.svg);
    opacity: 0;
}
html .download_excel_btn:hover {
    background: #1588ee;
}
html .download_excel_btn:hover span {
    color: #fff !important;
}
html .download_excel_btn:hover .ico div:first-child {
    opacity: 0;
}
html .download_excel_btn:hover .ico div:last-child {
    opacity: 1;
}
html .link_border {
    font-size: 14px;
    line-height: 20px;
    color: #bfbfbf;
    font-weight: 400;
    position: relative;
    display: inline-block;
}
html .link_border:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    border-bottom: 1px dotted #bfbfbf;
}
html .link_border.ico {
    padding-left: 28px;
}
html .link_border.ico:after {
    left: 28px;
}
html .link_border.ico-attention:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/icons/a-attention.svg) no-repeat 50%;
}
html .link_border.ico-person-delete:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/icons/a-person-delete.svg) no-repeat 50%;
}
html .link_border.ico-create-chat:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/icons/a-create-chat.svg) no-repeat 50%;
}
html .link_border:hover {
    color: #1588ee;
}
html .link_border:hover:after {
    border-color: #1588ee;
}
button {
    border: 0;
    background: none;
    border-radius: 0;
    cursor: pointer;
}
hr {
    margin: 24px 0 0;
    border: 0;
    height: 1px;
    background: #f2f2f2;
}
blockquote {
    margin-left: 0;
    margin-right: 0;
    padding-left: 24px;
    border-left: 4px solid #4167bb;
}
video {
    border-radius: 8px;
}
.not-padding {
    padding: 0 !important;
}
.w100 {
    width: 100%;
}
.w230 {
    width: 230px;
}
.text-center {
    text-align: center;
}
.download_link {
    display: inline-block;
    padding-left: 32px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #1588ee;
}
.download_link.doc {
    background: url(../img/icons/a-doc.svg) no-repeat 0;
}
form .input {
    margin-bottom: 24px;
}
form .input label {
    padding: 4px 25px;
    opacity: 0.25;
    font-size: 14px;
    line-height: 1.43;
    font-weight: 500;
    display: block;
}
form .input.file label {
    position: relative;
    z-index: 1;
    display: block;
    padding-left: 32px;
    height: 24px;
    background: url(../img/icons/a-attach_file.svg) no-repeat 0;
    opacity: 1;
    color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}
form .input.file input {
    position: absolute;
    z-index: 0;
    opacity: 0;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
form .input.checkbox input {
    position: absolute;
    z-index: 0;
    opacity: 0;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
form .input.checkbox input:checked + label {
    background: url(../img/icons/a-check_box-checked.svg) no-repeat 0;
}
form .input.radio label {
    position: relative;
    z-index: 1;
    display: block;
    padding-left: 32px;
    height: 24px;
    opacity: 1;
    color: #000;
    font-size: 16px;
    cursor: pointer;
}
form .input.radio label:after {
    border-radius: 50%;
}
form .input.radio label:after,
form .input.radio label:before {
    content: "";
    display: block;
    position: absolute;
    transition: all 0.15s ease-in-out;
}
form .input.radio label:before {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 2px solid #bfbfbf;
    left: 2px;
    top: 4px;
}
form .input.radio label:after {
    opacity: 0;
    background: #1588ee;
    width: 10px;
    height: 10px;
    left: 7px;
    top: 9px;
}
form .input.radio label:hover:before {
    border-color: #1588ee;
}
form .input.radio input {
    position: absolute;
    z-index: 0;
    opacity: 0;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
form .input.radio input:checked + label:after {
    opacity: 1;
}
form input[type="email"],
form input[type="date"],
form input[type="password"],
form input[type="text"],
form select,
form textarea,
input[type="date"]{
    display: block;
    width: 100%;
    border-radius: 22px;
    border: 1px solid #f1f1f1;
    background-color: #fff;
    padding: 10px 25px;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
}

form input[type="date"]:focus,
form input[type="password"]:focus,
form input[type="text"]:focus,
form select:focus,
form textarea:focus {
    border-color: #1588ee;
}
form textarea {
    resize: none;
    height: 132px;
}
form select {
    padding: 0 25px;
    height: 44px;
}
form .btn_block {
    text-align: right;
}
form .btn_block.left {
    text-align: left;
}
.settings_page {
    padding-bottom: 16px;
}
.settings_page .btn_block {
    margin-top: 16px;
}
.m-0 {
    margin: 0 !important;
}
.ml-24 {
    margin-left: 24px !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-8 {
    margin-top: 8px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-12 {
    margin-top: 12px !important;
}
.mt-16 {
    margin-top: 16px !important;
}
.mt-24 {
    margin-top: 24px !important;
}
.mt-32 {
    margin-top: 32px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.mt-80 {
    margin-top: 80px !important;
}
.mt-214 {
    margin-top: 214px !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-12 {
    margin-bottom: 12px !important;
}
.mb-16 {
    margin-bottom: 16px !important;
}
.mb-24 {
    margin-bottom: 24px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-60 {
    margin-bottom: 60px !important;
}
.mb-80 {
    margin-bottom: 80px !important;
}
.pt-0 {
    padding-top: 0;
}
.blue_btn {
    height: 44px;
    border-radius: 22px;
    background-color: #1588ee;
    line-height: 1.43;
    text-align: center;
    padding: 12px 24px;
    border: 0;
    min-width: 180px;
}
.blue_btn,
.blue_btn.min {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #fff;
    display: inline-block;
    cursor: pointer;
}
.blue_btn.min {
    padding: 0 16px;
    height: 24px;
    border-radius: 22px;
    background: #1588ee;
    line-height: 24px;
    min-width: 0;
}
.blue_btn:hover {
    opacity: 0.8;
    color: #fff;
}
.red_btn {
    height: 44px;
    border-radius: 22px;
    background-color: #ff4b3a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: 0.3px;
    text-align: center;
    color: #fff;
    padding: 12px 24px;
    border: 0;
    min-width: 200px;
    display: inline-block;
    cursor: pointer;
}
.red_btn:hover {
    opacity: 0.8;
}
.border_btn {
    padding: 0 16px;
    height: 24px;
    border-radius: 24px;
    border: 1px solid #1588ee;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.3px;
    color: #1588ee !important;
    display: inline-block;
    background: #fff;
    cursor: pointer;
}
.border_btn.big {
    height: 44px;
    border-radius: 22px;
    line-height: 42px;
    letter-spacing: 0.3px;
}
.border_btn.red {
    border-color: #ff4b3a;
    color: #ff4b3a !important;
}
.border_btn.red:hover {
    background: #ff4b3a;
}
.border_btn:hover {
    background: #1588ee;
    color: #fff !important;
}
.buble {
    width: 32px;
    height: 32px;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    background-color: #7563c7;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 50%;
}
#small_screen {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(180deg, #63569f, #4167bb);
    padding: 60px;
    z-index: 11;
}
#small_screen .content {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}
#small_screen .content .big {
    font-size: 60px;
    font-weight: 700;
}
#small_screen .content .small {
    font-size: 14px;
    font-weight: 300;
}
#left_menu {
    z-index: 8;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(180deg, #63569f, #4167bb);
    width: 280px;
}
#left_menu .site_name {
    background: #7563c7 url(../img/tintel-logo.svg) no-repeat 50%;
    width: 100%;
    height: 80px;
    padding: 12px 24px;
}
#left_menu .menu_list {
    padding: 24px 16px;
    overflow: auto;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 104px;
}
#left_menu .menu_list .menu_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 8px;
    border-radius: 40px;
}
#left_menu .menu_list .menu_item + .menu_item {
    margin-top: 4px;
}
#left_menu .menu_list .menu_item .icon {
    width: 50px;
    height: 50px;
    background-color: #534a9c;
    display: block;
    border-radius: 50%;
    padding: 9px;
}
#left_menu .menu_list .menu_item .icon > span {
    font-size: 25px;
    line-height: 32px;
    display: block;
    width: 32px;
    text-align: center;
    color: #fff;
}
#left_menu .menu_list .menu_item .item_name {
    color: #fff;
    display: block;
    padding: 13px 16px;
    width: calc(100% - 50px);
    font-weight: 400;
}
#left_menu .menu_list .menu_item.active {
    background-color: #7563c7 !important;
}
#left_menu .menu_list .menu_item.active .icon {
    background: #fff;
}
#left_menu .menu_list .menu_item.active .icon > span {
    color: #7563c7;
}
#left_menu .menu_list .menu_item:hover {
    background-color: none;
}
#left_menu .menu_list .menu_item:hover .icon {
    background: #fff;
}
#left_menu .menu_list .menu_item:hover .icon > span {
    color: #7563c7;
}
#left_menu .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px;
}
#left_menu .footer .about a {
    font-size: 14px;
    line-height: 1.43;
    color: #fff;
    opacity: 0.5;
    font-weight: 400;
}
#left_menu .footer .about a:hover {
    opacity: 0.8;
}
#left_menu .footer .copy {
    opacity: 0.5;
    margin-top: 8px;
}
#left_menu .footer .copy span {
    font-size: 14px;
    line-height: 1.43;
    color: #fff;
}
@media (max-width: 1650px) {
    #left_menu {
        width: 98px;
    }
    #left_menu .site_name {
        padding: 12px 21px;
        background: #7563c7 url(../img/tintel-logo-mini.svg) no-repeat 50%;
        background-origin: content-box;
    }
    #left_menu .menu_list {
        padding: 24px 0;
        bottom: 0;
    }
    #left_menu .menu_list .menu_item {
        display: block;
        padding: 8px;
        border-radius: 0;
    }
    #left_menu .menu_list .menu_item + .menu_item {
        margin-top: 8px;
    }
    #left_menu .menu_list .menu_item .icon {
        margin: 0 auto;
    }
    #left_menu .menu_list .menu_item .item_name {
        margin-top: 4px;
        padding: 0;
        width: 100%;
        text-align: center;
    }
    #left_menu .footer {
        display: none;
    }
}
#left_menu.expand {
    width: 98px;
}
#left_menu.expand .site_name {
    padding: 15px 24px;
}
#left_menu.expand .site_name .text {
    display: none;
}
#left_menu.expand .menu_list {
    padding: 24px 0;
    bottom: 0;
}
#left_menu.expand .menu_list .menu_item {
    display: block;
    padding: 8px;
    border-radius: 0;
}
#left_menu.expand .menu_list .menu_item + .menu_item {
    margin-top: 8px;
}
#left_menu.expand .menu_list .menu_item .icon {
    margin: 0 auto;
}
#left_menu.expand .menu_list .menu_item .item_name {
    margin-top: 4px;
    padding: 0;
    width: 100%;
    text-align: center;
}
#left_menu.expand .footer {
    display: none;
}
#top_menu {
    z-index: 10;
    position: fixed;
    left: 280px;
    right: 0;
    top: 0;
    height: 80px;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#top_menu.expand {
    left: 98px;
}
#top_menu .user_login {
    position: relative;
    height: 80px;
    display: flex;
    justify-content: center;
}
#top_menu .user_login button {
    margin:20px 12px;
    height: 40px;
}
#top_menu .user_pages a {
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: 0.1px;
    color: #000;
    display: block;
    padding: 28px 12px;
    opacity: 0.25;
    position: relative;
}
#top_menu .user_pages a:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    right: 50%;
    opacity: 0;
    height: 3px;
    background-color: #1588ee;
    transition: all 0.15s ease-in-out;
}
#top_menu .user_pages a.active,
#top_menu .user_pages a:hover {
    color: #1588ee;
    opacity: 1;
}
#top_menu .user_pages a.active:before,
#top_menu .user_pages a:hover:before {
    opacity: 1;
    left: 0;
    right: 0;
}
#top_menu .the_best > div {
    width: 160px;
}
#top_menu .the_best > div .ico {
    width: 40px;
    height: 40px;
    position: relative;
}
#top_menu .the_best > div .ico img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}
#top_menu .the_best > div .text {
    padding-left: 12px;
}
#top_menu .the_best > div .text span {
    line-height: 20px;
    color: rgba(0, 0, 0, 0.5);
    display: block;
    font-size: 14px;
}
#top_menu .the_best > div .text span a {
    color: #1588ee;
    font-size: 14px;
    line-height: 20px;
    display: block;
    width: 108px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#top_menu .the_best > div + div {
    margin-left: 60px;
}
#top_menu .icons {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 16px 0;
}
#top_menu .icons .link_btn,
#top_menu .icons .open_list_btn {
    padding: 12px;
    position: relative;
    cursor: pointer;
}
#top_menu .icons .link_btn .indicator,
#top_menu .icons .open_list_btn .indicator {
    width: 8px;
    height: 8px;
    background-color: #1588ee;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: 6px;
}
#top_menu .icons .link_btn .icon,
#top_menu .icons .open_list_btn .icon {
    color: #868686;
    opacity: 0.5;
    font-size: 24px;
    display: block;
}
#top_menu .icons .link_btn:hover .icon,
#top_menu .icons .open_list_btn:hover .icon {
    opacity: 1;
}
#top_menu .icons .link_btn.active .icon,
#top_menu .icons .open_list_btn.active .icon {
    opacity: 1;
    color: #1488ee;
}
#top_menu .user {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    cursor: pointer;
    padding: 15px 24px 15px 0;
}
#top_menu .user span {
    opacity: 0.5;
    font-size: 14px;
    line-height: 50px;
    text-align: right;
    color: #000;
    padding: 0 16px 0 0;
    font-weight: 400;
    width: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#top_menu .user .ava {
    background: #fff0;
}
#top_menu .user + .menu {
    position: absolute;
    right: 14px;
    width: 154px;
    top: 111px;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    background-color: #fff;
    border-radius: 8px;
    padding: 8px 0;
    opacity: 0;
    pointer-events: none;
}
#top_menu .user + .menu:before {
    content: "";
    position: absolute;
    right: 23px;
    top: -22px;
    border: 11px solid transparent;
    border-bottom: 11px solid #fff;
}
#top_menu .user + .menu a {
    display: block;
    font-size: 16px;
    line-height: 44px;
    height: 44px;
    font-weight: 400;
    color: #000;
    text-align: left;
    padding: 0 16px 0 56px;
    position: relative;
}
#top_menu .user + .menu a:hover {
    background: hsla(0, 0%, 95%, 0.5);
}
#top_menu .user + .menu a img {
    top: 10px;
    left: 16px;
    position: absolute;
    width: 24px;
    height: 24px;
}
#top_menu .user + .menu .line {
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
}
#top_menu .user.active + .menu {
    opacity: 1;
    top: 92px;
    pointer-events: auto;
}
#top_menu:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #f2f2f2;
}
@media (max-width: 1650px) {
    #top_menu {
        left: 98px;
    }
}
.page {
    padding-top: 80px;
    padding-left: 280px;
    position: relative;
    overflow: hidden;
}
@media (max-width: 1650px) {
    .page {
        padding-left: 98px;
    }
}
.page .blue_block_link {
    margin-top: 80px;
    border-radius: 8px;
    background: #f2f6fa;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
.page .blue_block_link:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translate(-50%);
    width: 1px;
    background: #fff;
}
.page .blue_block_link > div {
    width: 50%;
    padding: 16px;
}
.page .blue_block_link > div span {
    display: block;
    font-weight: 700;
}
.page .blue_block_link > div a {
    display: block;
    padding-left: 32px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px;
}
.page .blue_block_link > div a.file {
    background: url(../img/icons/a-file.svg) 0 no-repeat;
}
.page .blue_block_link > div a.external_link {
    background: url(../img/icons/a-link.svg) 0 no-repeat;
}
.page .blue_block_link > div a.complete {
    background: url(../img/icons/a-check_blue.svg) 0 no-repeat;
}
.page.col-8-content .content {
    padding-left: 156px;
    position: relative;
    width: 100%;
    max-width: 988px;
}
.page.col-8-content.center .content {
    padding-left: 24px;
    margin: 0 auto;
}
.page.right_block {
    padding-right: 320px;
}
@media (max-width: 1650px) {
    .page.right_block {
        padding-right: 95px;
    }
}
.page .msgs_page {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: calc(100vh - 80px);
    max-width: 760px;
    margin: 0 auto;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
}
.page .msgs_page .list_of_messages {
    padding: 24px 24px 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.page .msgs_page .list_of_messages .page_name {
    padding-bottom: 24px;
}
.page .msgs_page .list_of_messages .page_name span {
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.17;
    color: #000;
}
.page .msgs_page .list_of_messages .header {
    background-color: #fff;
    position: relative;
    margin-bottom: 24px;
}
.page .msgs_page .list_of_messages .header .name {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.17;
    letter-spacing: 0.15px;
    color: #000;
}
.page .msgs_page .list_of_messages .header .title_menu {
    position: absolute;
    height: 24px;
    top: 2px;
    right: -10px;
}
.page .msgs_page .list_of_messages .header .title_menu_content {
    top: 37px;
    right: -19px;
}
.page .msgs_page .list_of_messages .find_dialog {
    padding-left: 24px;
    padding-bottom: 24px;
}
.page .msgs_page .list_of_messages .find_dialog span {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.15px;
    color: #000;
}
.page .msgs_page .list_of_messages .dialogs_list {
    margin: 0 -24px;
    position: relative;
    max-height: calc(100% - 123px);
    overflow: auto;
    padding: 0;
    border-top: 1px solid #f2f2f2;
}
.page .msgs_page .list_of_messages .dialogs_list .dialog {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 80px;
    padding: 12px 24px;
    border: 0 !important;
    opacity: 1 !important;
    position: relative;
}
.page .msgs_page .list_of_messages .dialogs_list .dialog:hover {
    background-color: #f2f6fa;
}
.page .msgs_page .list_of_messages .dialogs_list .dialog:hover:after {
    left: 0;
}
.page .msgs_page .list_of_messages .dialogs_list .dialog.new:before {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    right:24px;
    width:9px;
    height:9px;
    background-color:#1588ee;
    border-radius:50%;
    transform:translateY(-50%)
}
.page .msgs_page .list_of_messages .dialogs_list .dialog.new .text {
    padding-right:32px
}
.page .msgs_page .list_of_messages .dialogs_list .dialog:after {
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    right:0;
    left:95px;
    height:1px;
    background:#f2f2f2
}
.page .msgs_page .list_of_messages .dialogs_list .dialog+.dialog {
    margin-left:0
}
.page .msgs_page .list_of_messages .dialogs_list .dialog .ava {
    width:56px;
    height:56px;
    border-radius:50%;
    background:#333;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%
}
.page .msgs_page .list_of_messages .dialogs_list .dialog .info {
    padding-left:16px;
    width:calc(100% - 56px);
    position:relative
}
.page .msgs_page .list_of_messages .dialogs_list .dialog .info .text {
    text-align:left;
    position:absolute;
    top:50%;
    left:16px;
    right:0;
    transform:translateY(-50%);
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.page .msgs_page .list_of_messages .dialogs_list .dialog .info .text span {
    display:block;
    color:#000
}
.page .msgs_page .list_of_messages .dialogs_list .dialog .info .text .name {
    font-weight:400;
    font-size:16px;
    line-height:1.5;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    width:210px
}
.page .msgs_page .list_of_messages .dialogs_list .dialog .info .text .role {
    font-weight:500;
    opacity:.25;
    font-size:14px;
    line-height:1.43
}
.page .msgs_page .list_of_messages .dialogs_list .dialog .info .text .msg_text {
    width:calc(100% - 210px);
    padding-left:24px;
    display:-ms-flexbox;
    display:flex
}
.page .msgs_page .list_of_messages .dialogs_list .dialog .info .text .msg_text span {
    font-weight:400;
    font-size:14px;
    line-height:24px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    color:#bfbfbf
}
.page .msgs_page .list_of_messages .dialogs_list .dialog .info .text .msg_text span.time {
    text-overflow:clip;
    overflow:visible;
    display:block;
    padding-left:6px
}
.page .msgs_page .list_of_messages .clead_history .text {
    width:170px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.page .msgs_page .list_of_messages .clead_history .text img {
    display:block;
    margin:0 auto;
    width:80px;
    height:80px
}
.page .msgs_page .list_of_messages .clead_history .text span {
    display:block;
    margin-top:16px;
    opacity:.25;
    font-size:14px;
    line-height:1.43;
    color:#000
}
.page .msgs_page .open_dialog .header {
    padding:16px 16px 12px 24px;
    background-color:#fff;
    border-bottom:1px solid #f2f2f2;
    position:relative;
    height:76px
}
.page .msgs_page .open_dialog .header .back {
    position:absolute;
    left:24px;
    top:50%;
    margin-top:-12px;
    display:-ms-flexbox;
    display:flex
}
.page .msgs_page .open_dialog .header .back img {
    display:block
}
.page .msgs_page .open_dialog .header .back span {
    display:block;
    line-height:24px;
    opacity:.25;
    color:#000;
    font-weight: 500;
}
.page .msgs_page .open_dialog .header .back:hover span {
    opacity:.5
}
.page .msgs_page .open_dialog .header .name {
    color:#000;
    text-align:center
}
.page .msgs_page .open_dialog .header .name h4 {
    font-size:20px;
    font-weight:500;
    line-height:24px;
    letter-spacing:.15px
}
.page .msgs_page .open_dialog .header .name span {
    display:block;
    margin-top:4px;
    opacity:.25;
    font-size:14px;
    line-height:20px;
    letter-spacing:normal;
    color:#000
}
.page .msgs_page .open_dialog .header .title_menu {
    position:absolute;
    height:24px;
    top:26px;
    right:15px
}
.page .msgs_page .open_dialog .header .title_menu_content {
    top:65px;
    right:6px
}
.page .msgs_page .open_dialog .msg_list {
    padding:12px 24px;
    height:calc(100% - 273px);
    overflow:auto;
    background:#f2f6fa
}
.page .msgs_page .open_dialog .msg_list .day {
    padding:0 0 10px
}
.page .msgs_page .open_dialog .msg_list .day>:last-child {
    margin-bottom:30px
}
.page .msgs_page .open_dialog .msg_list .day .date {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    font-size: 14px;
    color: #bfbfbf;
    border-radius: 12px;
    line-height: 24px;
    padding: 0 8px;
    display: block;
    margin: 0 auto;
    width: 90px;
    z-index: 1;
    background: #f2f6fa;
}
.page .msgs_page .open_dialog .msg_list .day .date+.msgs {
    margin-top:20px
}
.page .msgs_page .open_dialog .msg_list .chat_alert {
    margin:22px 0;
    text-align:center
}
.page .msgs_page .open_dialog .msg_list .chat_alert span {
    font-size:14px;
    line-height:20px;
    color:#bfbfbf
}
.page .msgs_page .open_dialog .msg_list .chat_alert span a {
    font-size:14px;
    line-height:20px;
    color:#bfbfbf;
    font-weight:500
}
.page .msgs_page .open_dialog .msg_list .chat_alert span a:hover {
    opacity:.8
}
.page .msgs_page .open_dialog .msg_list .msgs {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:end;
    justify-content:flex-end;
    width:100%;
    padding:0 0 0 72px;
    position:relative
}
.page .msgs_page .open_dialog .msg_list .msgs+.msgs {
    margin-top:24px
}
.page .msgs_page .open_dialog .msg_list .msgs .list {
    min-height:56px;
    text-align:left
}
.page .msgs_page .open_dialog .msg_list .msgs .list .msg {
    padding:8px 16px 30px;
    background-color:rgba(117,99,199,.25);
    border-radius:20px;
    display:inline-block;
    position:relative;
    min-width: 90px;
}
.page .msgs_page .open_dialog .msg_list .msgs .list .msg .name {
    margin-bottom:4px
}
.page .msgs_page .open_dialog .msg_list .msgs .list .msg .name a {
    font-size:14px;
    color:#7563c7
}
.page .msgs_page .open_dialog .msg_list .msgs .list .msg .name a:hover {
    opacity:.8
}
.page .msgs_page .open_dialog .msg_list .msgs .list .msg p {
    margin:0
}
.page .msgs_page .open_dialog .msg_list .msgs .list .msg p+p {
    margin-top:8px
}
.page .msgs_page .open_dialog .msg_list .msgs .list .msg p a {
    font-weight:400;
    word-break: break-all;
}
.page .msgs_page .open_dialog .msg_list .msgs .list .msg .time {
    position:absolute;
    bottom:8px;
    right:16px;
    padding-right:24px
}
.page .msgs_page .open_dialog .msg_list .msgs .list .msg .time:before {
    content:"";
    display:block;
    width:20px;
    height:20px;
    background:url(../img/icons/a-message-sent.svg) no-repeat 50%;
    position:absolute;
    right:0;
    top:0;
    bottom:0
}
.page .msgs_page .open_dialog .msg_list .msgs .list .msg .time span {
    color:#000;
    opacity:.25;
    font-size:14px;
    line-height:20px;
    display:block
}
.page .msgs_page .open_dialog .msg_list .msgs .list .msg.reed .time:before {
    background:url(../img/icons/a-message-read.svg) no-repeat 50%
}
.page .msgs_page .open_dialog .msg_list .msgs .list .msg:last-child {
    border-radius:20px 20px 4px 20px
}
.page .msgs_page .open_dialog .msg_list .msgs .break {
    width:100%;
    height:8px
}
.page .msgs_page .open_dialog .msg_list .msgs .ava {
    right:0;
    bottom:0;
    position:absolute;
    width:50px;
    height:50px;
    border-radius:50%;
    background:#333;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%
}
.page .msgs_page .open_dialog .msg_list .msgs.re {
    -ms-flex-pack:start;
    justify-content:flex-start;
    padding:0 72px
}
.page .msgs_page .open_dialog .msg_list .msgs.re .list {
    text-align:left
}
.page .msgs_page .open_dialog .msg_list .msgs.re .list .msg {
    background-color:#fff
}
.page .msgs_page .open_dialog .msg_list .msgs.re .list .msg .time {
    padding-right:0;
    background:none!important
}
.page .msgs_page .open_dialog .msg_list .msgs.re .list .msg .time:before {
    display:none
}
.page .msgs_page .open_dialog .msg_list .msgs.re .list .msg:last-child {
    border-radius:20px 20px 20px 4px
}
.page .msgs_page .open_dialog .msg_list .msgs.re .ava {
    left:0;
    bottom:0
}
.page .msgs_page .open_dialog .send_msg_form {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:#fff;
    padding:24px;
    border-top:1px solid #f2f2f2;
    z-index:1
}
.page .msgs_page .open_dialog .send_msg_form textarea {
    height:88px;
    margin-bottom:24px
}
.page .msgs_page .open_dialog .send_msg_form .dialog_closed {
    position:relative;
    height:148px
}
.page .msgs_page .open_dialog .send_msg_form .dialog_closed .text {
    text-align:center;
    width:380px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.page .msgs_page .open_dialog .send_msg_form .dialog_closed .text img {
    width:40px;
    height:40px;
    display:block;
    margin:0 auto
}
.page .msgs_page .open_dialog .send_msg_form .dialog_closed .text span {
    display:block;
    margin-top:16px;
    opacity:.25;
    font-size:14px;
    line-height:1.43;
    color:#000
}
.page .msgs_page .msg_content {
    background-color:#f2f6fa;
    width:760px;
    border-right:1px solid #f2f2f2
}
.page .msgs_page .msg_content .tabs__content {
    height:calc(100vh - 80px);
    overflow:hidden;
    position:relative
}
.page .msgs_page .msg_content .tabs__content.prev .text {
    width:150px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center
}
.page .msgs_page .msg_content .tabs__content.prev .text img {
    display:block;
    margin:0 auto
}
.page .msgs_page .msg_content .tabs__content.prev .text span {
    margin-top:16px;
    display:block;
    opacity:.25;
    font-size:14px;
    line-height:1.43;
    text-align:center;
    color:#000
}
.page.right_block.expand_right {
    padding-right: 95px;
}
.page.right_block.open_rb {
    padding-right: 320px;
}
@media (min-width: 1651px) {
    .page.right_block.expand_right {
        padding-right: 320px;
    }
}
.page .content {
    position: relative;
    padding: 24px;
}
.page .msgs_page {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: calc(100vh - 80px);
}
.page .msgs_page .left_bar {
    padding: 24px 24px 0;
    width: 320px;
    height: 100%;
    overflow: hidden;
    border-right: 1px solid #f2f2f2;
}
.page .msgs_page .left_bar .page_name {
    padding-bottom: 24px;
}
.page .msgs_page .left_bar .page_name span {
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.17;
    color: #000;
}
.page .msgs_page .left_bar .find_dialog {
    padding-left: 24px;
    padding-bottom: 24px;
}
.page .msgs_page .left_bar .find_dialog span {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.15px;
    color: #000;
}
.page .msgs_page .left_bar .dialogs_list {
    margin: 0 -24px;
    position: relative;
    max-height: calc(100% - 123px);
    overflow: auto;
}
.page .msgs_page .left_bar .dialogs_list .dialog {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 80px;
    padding: 12px 24px;
    border: 0 !important;
    opacity: 1 !important;
    position: relative;
}
.page .msgs_page .left_bar .dialogs_list .dialog.active {
    background-color: #f2f6fa;
}
.page .msgs_page .left_bar .dialogs_list .dialog.active,
.page .msgs_page .left_bar .dialogs_list .dialog.active * {
    cursor: default;
}
.page .msgs_page .left_bar .dialogs_list .dialog.new:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    right: 24px;
    width: 9px;
    height: 9px;
    background-color: #1588ee;
    border-radius: 50%;
}
.page .msgs_page .left_bar .dialogs_list .dialog + .dialog {
    margin-left: 0;
}
.page .msgs_page .left_bar .dialogs_list .dialog .ava {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #333;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.page .msgs_page .left_bar .dialogs_list .dialog .info {
    padding-left: 16px;
    width: calc(100% - 56px);
    position: relative;
}
.page .msgs_page .left_bar .dialogs_list .dialog .info .text {
    text-align: left;
    position: absolute;
    top: 50%;
    left: 16px;
    right: 0;
    transform: translateY(-50%);
}
.page .msgs_page .left_bar .dialogs_list .dialog .info .text span {
    display: block;
    color: #000;
}
.page .msgs_page .left_bar .dialogs_list .dialog .info .text .name {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.page .msgs_page .left_bar .dialogs_list .dialog .info .text .role {
    font-weight: 500;
    opacity: 0.25;
    font-size: 14px;
    line-height: 1.43;
}
.page .msgs_page .msg_content {
    background-color: #f2f6fa;
    width: 760px;
    border-right: 1px solid #f2f2f2;
}
.page .msgs_page .msg_content .tabs__content {
    height: calc(100vh - 80px);
    overflow: hidden;
    position: relative;
}
.page .msgs_page .msg_content .tabs__content.prev .text {
    width: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.page .msgs_page .msg_content .tabs__content.prev .text img {
    display: block;
    margin: 0 auto;
}
.page .msgs_page .msg_content .tabs__content.prev .text span {
    margin-top: 16px;
    display: block;
    opacity: 0.25;
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #000;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .header {
    padding: 26px 16px 18px 24px;
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .header .name {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.15px;
    color: #000;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .header .title_menu {
    position: absolute;
    height: 24px;
    top: 26px;
    right: 15px;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .header .title_menu_content {
    top: 65px;
    right: 6px;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .msg_list {
    padding: 12px 24px;
    height: calc(100% - 273px);
    overflow: auto;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .msg_list .msgs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    padding: 0 72px;
    position: relative;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .msg_list .msgs + .msgs {
    margin-top: 24px;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .msg_list .msgs .list {
    min-height: 56px;
    text-align: right;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .msg_list .msgs .list .msg {
    padding: 8px 16px;
    background-color: rgba(117, 99, 199, 0.25);
    border-radius: 20px;
    display: inline-block;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .msg_list .msgs .list .msg p {
    margin: 0;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .msg_list .msgs .list .msg p + p {
    margin-top: 8px;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .msg_list .msgs .list .msg:last-child {
    border-radius: 20px 20px 4px 20px;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .msg_list .msgs .break {
    width: 100%;
    height: 8px;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .msg_list .msgs .ava {
    right: 0;
    bottom: 0;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #333;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .msg_list .msgs.re {
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .msg_list .msgs.re .list {
    text-align: left;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .msg_list .msgs.re .list .msg {
    background-color: #fff;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .msg_list .msgs.re .list .msg:last-child {
    border-radius: 20px 20px 20px 4px;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .msg_list .msgs.re .ava {
    left: 0;
    bottom: 0;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .send_msg_form {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 24px;
    border-top: 1px solid #f2f2f2;
}
.page .msgs_page .msg_content .tabs__content.open_dialog .send_msg_form textarea {
    height: 88px;
    margin-bottom: 24px;
}
.page .left_bar_page {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.page .left_bar_page .left_bar {
    padding: 0;
    width: 320px;
}
.page .left_bar_page .left_bar .page_name {
    padding-bottom: 32px;
}
.page .left_bar_page .left_bar .page_name span {
    font-size: 32px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.24px;
    color: #000;
}
.page .left_bar_page .left_bar .filtr_title {
    padding-left: 24px;
    padding-bottom: 24px;
}
.page .left_bar_page .left_bar .filtr_title span {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.15px;
    color: #000;
}
.page .left_bar_page .left_bar .clear_filtr {
    background: url(../img/icons/a-close.svg) no-repeat 0;
    padding-left: 32px;
    cursor: pointer;
}
.page .left_bar_page .left_bar .clear_filtr span {
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    display: block;
}
.page .left_bar_page .content {
    padding-top: 0;
    padding-left: 24px;
    width: calc(100% - 320px);
}
.page .content_8col {
    max-width: 744px;
    width: 100%;
    margin: 0 auto;
}
.page .content_8col .page_title {
    margin-bottom: 40px;
}
.page .content_8col img {
    margin: 80px 0 !important;
}
#module_article img {
    width: auto;
    display: block;
    margin: 40px auto !important;
}

.page .content_8col h2 {
    line-height: 28px;
    font-size: 24px;
    margin-bottom: 24px;
    margin-top: 40px;
}
.page .content_8col h3 {
    font-size: 20px;
    margin-bottom: 24px;
    margin-top: 40px;
}
.page .content_8col ol,
.page .content_8col ul {
    margin: 24px 0 40px;
    padding-left: 25px;
}
.page .content_8col ol li,
.page .content_8col ul li {
    padding-left: 15px;
}
.page .content_8col ol li + li,
.page .content_8col ul li + li {
    margin-top: 10px;
}
.page .content_8col iframe {
    margin: 80px -98px;
    width: calc(100% + 196px);
    height: 528px;
}
.page > .content_8col {
    max-width: 792px;
    padding: 40px 24px 80px;
}
.page > .content_8col .content {
    padding: 0;
}
.page .nav_blue {
    background: #4167bb;
    height: 80px;
    padding: 28px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.page .nav_blue .left,
.page .nav_blue .right {
    position: absolute;
}
.page .nav_blue .left a,
.page .nav_blue .right a {
    display: block;
    line-height: 24px;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 16px;
}
.page .nav_blue .left a:after,
.page .nav_blue .left a:before,
.page .nav_blue .right a:after,
.page .nav_blue .right a:before {
    content: "";
    display: block;
    position: absolute;
    transition: all 0.15s ease-in-out;
}
.page .nav_blue .left a:before,
.page .nav_blue .right a:before {
    bottom: 0;
    width: calc(100% - 30px);
    height: 1px;
    background: #fff;
    opacity: 0.25;
}
.page .nav_blue .left a:after,
.page .nav_blue .right a:after {
    top: 0;
    bottom: 0;
    width: 24px;
    background: url(../img/icons/a-arrow_right-button.svg) no-repeat 50%;
    background-size: contain;
    opacity: 0.5;
}
.page .nav_blue .left a:hover:before,
.page .nav_blue .right a:hover:before {
    opacity: 0.5;
}
.page .nav_blue .left a:hover:after,
.page .nav_blue .right a:hover:after {
    opacity: 1;
}
.page .nav_blue .left {
    left: 15px;
}
.page .nav_blue .left a {
    padding-left: 30px;
}
.page .nav_blue .left a:before {
    right: 0;
}
.page .nav_blue .left a:after {
    left: 0;
    transform: rotate(180deg);
}
.page .nav_blue .content_8col {
    margin-left: 180px;
    margin-right: 180px;
}
.page .nav_blue .content_8col .center .drop_down_list .selected span {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #fff;
}
.page .nav_blue .right {
    right: 15px;
}
.page .nav_blue .right a {
    padding-right: 30px;
}
.page .nav_blue .right a:before {
    left: 0;
}
.page .nav_blue .right a:after {
    right: 0;
}
.find_form .input.find_input {
    position: relative;
}
.find_form .input.find_input input[type="password"],
.find_form .input.find_input input[type="text"] {
    padding-right: 55px;
}
.find_form .input.find_input input[type="submit"] {
    display: block;
    position: absolute;
    border: 0;
    background: url(../img/icons/search.svg) no-repeat 50%;
    top: 10px;
    right: 20px;
    width: 25px;
    height: 24px;
    font-size: 0;
    cursor: pointer;
}
.title_menu {
    background: url(../img/icons/a-more_v.svg) no-repeat 50%;
    bottom: 0;
    width: 24px;
    cursor: pointer;
    z-index: 6;
    opacity: 0.5;
}
.title_menu_content {
    position: absolute;
    right: -9px;
    top: 35px;
    padding: 10px 0;
    z-index: 5;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.15);
    border-radius: 8px;
    background: #fff;
    opacity: 0;
    pointer-events: none;
}
.title_menu_content.active {
    opacity: 1;
    pointer-events: auto;
}
.title_menu_content:before {
    content: "";
    position: absolute;
    right: 10px;
    top: -22px;
    border: 11px solid transparent;
    border-bottom: 11px solid #fff;
}
.title_menu_content a {
    display: block;
    color: #000;
    font-size: 14px;
    padding: 6px 16px;
    font-weight: 400;
}
.title_menu_content a:hover {
    background: #f2f6fa;
}
.title_menu_content a.red {
    color: #dc3545;
}
.title_menu_content a.red:hover {
    background: rgba(220, 53, 69, 0.1);
}
.page_title {
    margin-bottom: 24px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.page_title h1 {
    line-height: 57px;
}
.page_title h3,
.page_title h4,
.page_title h5,
.page_title h6 {
    line-height: 24px;
}
.page_title h2 {
    line-height: 1.25;
}
.page_title h4 {
    font-size: 20px;
}
.page_title .print_btn {
    padding-left: 32px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 24px;
    font-weight: 400;
    transition: all 0.15s ease-in-out;
    position: absolute;
    right: 0;
}
.page_title .border_btn {
    position: absolute;
    right: 0;
    top: 0;
}
.page_title .title_menu {
    margin-left: 16px;
    position: relative;
}
.page_title .explanation {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    width: 20px;
    height: 24px;
    margin-left: 8px;
    cursor: pointer;
    position: relative;
    z-index: 9;
}
.page_title .explanation:before {
    opacity: 0.25;
    transition: all 0.15s ease-in-out;
}
.page_title .explanation:hover:before {
    opacity: 0.5;
}
.page_title .explanation .tooltip {
    display: none;
    width: 450px;
    padding: 16px;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 45px;
    border-radius: 8px;
    text-align: left;
}
.page_title .explanation .tooltip:before {
    content: "";
    display: block;
    border: 17px solid transparent;
    border-right: 17px solid #fff;
    position: absolute;
    bottom: 50%;
    left: 0;
    margin-left: -34px;
    margin-bottom: -17px;
    pointer-events: none;
    transition: all 0.15s ease-in-out;
}
.page_title .explanation .tooltip span {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.43;
    color: #000;
}
.page_title .explanation:hover .tooltip {
    display: block;
    animation: a 0.15s 1 ease-in-out;
    opacity: 1;
}
.page_title .switch {
    margin-left: 40px;
    display: -ms-flexbox;
    display: flex;
}
.page_title .switch span {
    line-height: 24px;
    display: block;
    padding: 0 15px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    border-radius: 12px;
    color: #000;
    opacity: 0.25;
    cursor: pointer;
}
.page_title .switch span.active {
    background-color: #1588ee;
    color: #fff;
    opacity: 1;
    cursor: default;
}
.popup_cloud {
    position: fixed;
    right: 90px;
    top: 90px;
    padding: 0;
    width: 392px;
    border-radius: 8px;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    background-color: #fff;
    z-index: 12 !important;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}
.popup_cloud.active {
    top: 63px;
    opacity: 1;
    pointer-events: auto;
}
.popup_cloud .event_alert {
    padding: 16px;
}
.popup_cloud .event_alert .status {
    opacity: 0.5;
    display: block;
}
.popup_cloud .event_alert .event_status {
    margin: 4px 0;
    padding: 2px 16px;
    height: 24px;
    border-radius: 12px;
    display: inline-block;
    line-height: 20px;
    color: #fff;
}
.popup_cloud .event_alert .event_status.rejected {
    background-color: #ff4b3a;
}
.popup_cloud .event_alert .event_status.accepted {
    background-color: #00cd6a;
}
.popup_cloud .event_alert .time {
    margin-top: 8px;
}
.popup_cloud .event_alert .time span {
    opacity: 0.5;
    display: block;
}
.popup_cloud .event_alert + * {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.popup_cloud .show_all {
    padding: 16px;
    text-align: center;
}
.popup_cloud .show_all a {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: 0.3px;
    color: #1588ee;
    line-height: 20px;
    padding: 2px 16px;
    height: 24px;
    border-radius: 22px;
    border: 1px solid #1588ee;
}
.popup_cloud .show_all a:hover {
    color: #fff;
    background: #1588ee;
}
.popup_cloud:before {
    content: "";
    display: block;
    border: 11px solid transparent;
    border-bottom: 11px solid #fff;
    position: absolute;
    top: -22px;
    left: 50%;
    margin-left: -11px;
    pointer-events: none;
}
.chart-text {
    fill: #000;
    transform: translateY(0.25em);
}
.chart-number {
    font-size: 7px;
    font-weight: bolder;
    text-anchor: middle;
    transform: translateY(-0.25em);
}
.chart-label {
    font-size: 0.2em;
    text-transform: uppercase;
    text-anchor: middle;
    transform: translateY(0.7em);
}
figure {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: -15px;
    margin-right: -15px;
}
@media (min-width: 768px) {
    figure {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.figure-content {
    text-align: center;
    padding: 122px 0;
}
.figure-content,
.figure-key {
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
    padding-right: 15px;
    -ms-flex-item-align: center;
    align-self: center;
}
.figure-content svg {
    height: auto;
}
.figure-key {
    min-width: 0.66667;
}
.figure-key [class*="shape-"] {
    margin-right: 6px;
}
.figure-key-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.figure-key-list li {
    margin: 0 0 8px;
    padding: 0;
}
.shape-circle {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.shape-fuschia {
    background-color: #ce4b99;
}
.shape-lemon-lime {
    background-color: #b1c94e;
}
.shape-blue {
    background-color: #377bbc;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.user {
    text-align: center;
}
.user .ava {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    margin: 0 auto;
}
.user .ava:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0 solid #7563c7;
    border-radius: 50%;
    transition: all 0.15s ease-in-out;
}
.user .ava .points {
    position: absolute;
    top: -4px;
    right: 0;
}
.user .name {
    margin-top: 8px;
    opacity: 0.5;
}
.user .name,
.user .name span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.user .name span {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 1.43;
}
.user:hover a .ava:before {
    border-width: 5px;
}
.user:hover a .ava .points {
    top: 0;
    right: 4px;
}
.user:hover a .name {
    opacity: 0.75;
}
.user:hover a .name span {
    color: #7563c7;
}
.user.select {
    width: 100% !important;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0 !important;
}
.user.select .ava {
    margin: 0 !important;
    margin-left: calc(12.5% - 40px) !important;
}
.user.select .ava .points {
    background-color: #00cd6a;
}
.user.select .text {
    padding-left: 24px;
}
.user.select .text .name {
    opacity: 1;
    margin-bottom: 4px;
}
.user.select .text .name span {
    text-align: left !important;
    font-size: 16px;
    font-weight: 700;
}
.user.select .text .info span {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
}
.user.select .text .info span + span {
    color: #7563c7;
    font-weight: 700;
}
.top_list {
    margin-top: -10px;
}
.top_list .line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.top_list .line .user_top {
    width: 25%;
    padding: 10px 12px;
}
.top_list .line .user_top .ava {
    margin: 0 auto;
}
.top_list .line .user_top.user_ban .ava:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background: hsla(0, 0%, 100%, 0.75) url(../img/icons/a-lock.svg) no-repeat 50%;
    z-index: 0;
    border-radius: 50%;
}
.top_list .line .user_top.user_ban .ava:before {
    z-index: 1;
}
.top_list .line .dots_users {
    padding: 12px;
    width: 12.5%;
}
.top_list .line .dots_users span {
    margin: 20px auto 0;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #f2f6fa url(../img/dots.svg) no-repeat 50%;
}
#competences_donut + span .border_btn {
    margin: 0 8px;
}
.progress_stat {
    position: relative;
    display: -ms-flexbox;
    display: flex;
}
.progress_stat .open_modal {
    width: calc(20% - 5px);
    cursor: pointer;
}
.progress_stat .open_modal + .open_modal {
    margin-left: 5px;
}
.progress_stat .open_modal .progress_item {
    padding: 32px 0 23px;
    border-radius: 8px;
    background-color: #f2f6fa;
    position: relative;
    z-index: 0;
}
.progress_stat .open_modal .progress_item:hover {
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    z-index: 1;
    background: #dee6ef;
}
.progress_stat .open_modal .progress_item:hover .name span {
    opacity: 0.75;
}
.progress_stat .open_modal .progress_item .icon {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    position: relative;
}
.progress_stat .open_modal .progress_item .icon .count {
    position: absolute;
    top: -18px;
    right: -18px;
    height: 24px;
    width: 24px;
    z-index: 3;
    line-height: 24px;
}
.progress_stat .open_modal .progress_item .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    max-width: 40px;
    max-height: 40px;
}
.progress_stat .open_modal .progress_item .name {
    text-align: center;
    margin: 8px 5px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}
.progress_stat .open_modal .progress_item .name span {
    opacity: 0.5;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}
#speedometer {
    display: -ms-flexbox;
    display: flex;
}
#speedometer .diogram {
    position: relative;
}
#speedometer .diogram .speedometr {
    position: relative;
    height: 126px;
    width: 252px;
    overflow: hidden;
}
#speedometer .diogram .speedometr .line {
    position: absolute;
    height: 191px;
    overflow: hidden;
    z-index: 1;
    top: 30px;
    bottom: 0;
    left: 26px;
    right: 34px;
}
#speedometer .diogram .speedometr .line img {
    position: absolute;
    top: 50%;
    margin-top: -6.5px;
}
#speedometer .diogram .hourly_load {
    position: absolute;
    top: 99px;
    left: 0;
    right: 8px;
    text-align: center;
    z-index: 1;
}
#speedometer .diogram .hourly_load span {
    font-size: 32px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.2px;
}
#speedometer .text_diogram {
    padding-left: 24px;
    font-weight: 500;
}
#speedometer .text_diogram p {
    display: block;
    margin: 15px 0 0;
    font-size: 14px;
    line-height: 1.43;
}
.type_line {
    padding-top: 36px;
    position: relative;
}
.type_line + .type_line {
    margin-top: 31px;
}
.type_line span {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.25;
    font-size: 14px;
    line-height: 1.43;
}
.type_line span + span {
    right: 0;
    left: auto;
}
.type_line .line {
    height: 2px;
    background-color: #d8d8d8;
    position: relative;
}
.type_line .line div {
    position: absolute;
    height: 2px;
    left: 50%;
    right: 50%;
    background-color: #1588ee;
}
.type_line .line:before {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    background-color: #d8d8d8;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
}
.sign-board {
    padding-left: 28px;
    text-align: left;
}
.sign-board span {
    opacity: 0.25;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
}
.sign-board.user {
    background: url(../img/icons/a-person.svg) no-repeat 0;
}
.sign-board.organization {
    background: url(../img/icons/a-organization.svg) no-repeat 0;
}
.sign-board.video {
    background: url(../img/icons/a-video.svg) no-repeat 0;
}
.sign-board.photo {
    background: url(../img/icons/a-photo.svg) no-repeat 0;
}
.sign-board.date {
    background: url(../img/icons/a-time.svg) no-repeat 0;
}
.sign-board.mail {
    background: url(../img/icons/a-mail.svg) no-repeat 0;
}
.sign-board.phone {
    background: url(../img/icons/a-phone.svg) no-repeat 0;
}
.sign-board.like {
    position: relative;
    cursor: pointer;
}
.sign-board.like:after,
.sign-board.like span {
    transition: all 0.15s ease-in-out;
}
.sign-board.like:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(../img/icons/a-like.svg) no-repeat 0;
    opacity: 0.5;
}
.sign-board.like:hover:after {
    opacity: 1;
}
.sign-board.like.active:after {
    opacity: 1;
    background: url(../img/icons/a-like-active.svg) no-repeat 0;
}
.sign-board.like.active span {
    opacity: 0.75;
}
.sign-board.geo {
    background: url(../img/icons/a-place.svg) no-repeat 0;
}
.sign-boards-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sign-boards-line .sign-board + .sign-board {
    margin: 0 !important;
}
.sign-boards-line .sign-board.a-card-education {
    background: url(../img/icons/a-card-education.svg) no-repeat 0;
}
.sign-boards-line .sign-board.a-card-project {
    background: url(../img/icons/a-card-project.svg) no-repeat 0;
}
.sign-boards-line .sign-board.a-card-events {
    background: url(../img/icons/a-card-events.svg) no-repeat 0;
}
.sign-boards-line .sign-board.a-card-challenge {
    background: url(../img/icons/a-card-challenge.svg) no-repeat 0;
}
.selectboxit-btn.selectboxit-enabled:active,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:hover {
    background-color: #fff;
}
.selectboxit-container {
    width: 100%;
}
.selectboxit-container .selectboxit {
    width: 100% !important;
    padding: 0 25px;
    height: 44px;
    display: block;
    border-radius: 22px;
    border: 1px solid #f1f1f1;
    background: #fff;
    padding: 10px 25px;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
}
.selectboxit-container .selectboxit .selectboxit-arrow-container {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 12px;
    top: 10px;
}
.selectboxit-container .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    width: 24px;
    height: 24px;
    border: 0;
    background: url(../img/icons/a-arrow_down.svg);
    margin: 0;
    position: relative;
    top: 0;
    display: block;
}
.selectboxit-container .selectboxit .selectboxit-option-icon-container {
    margin: 0 !important;
}
.selectboxit-container .selectboxit .selectboxit-text {
    text-indent: 0;
    padding-right: 50px;
}
.selectboxit-container .selectboxit span {
    height: auto;
    line-height: 1.5;
    font-size: 16px;
}
.selectboxit-container .selectboxit.selectboxit-open {
    border-color: #f1f1f1;
    border-bottom: 1px solid #fff;
    border-radius: 22px 22px 0 0;
}
.selectboxit-container .selectboxit.selectboxit-open:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 24px;
    right: 16px;
    height: 1px;
    background: #f1f1f1;
}
.selectboxit-container .selectboxit.selectboxit-open + .selectboxit-options {
    position: absolute;
    top: 43px !important;
    left: 0;
    right: 0;
    bottom: auto !important;
}
.selectboxit-container .selectboxit-options {
    min-width: 100% !important;
    max-height: 250px;
    border-radius: 0 0 22px 22px;
    overflow: auto;
    padding: 8px 0;
    border-color: #f1f1f1;
    border-top: 0;
}
.selectboxit-container .selectboxit-options li a {
    color: #000 !important;
    font-size: 16px;
    padding: 4px 23px;
    height: auto;
    line-height: 24px;
    text-indent: 0;
    white-space: pre-wrap;
}
.selectboxit-container .selectboxit-options li a .selectboxit-option-icon-container {
    display: none;
}
.selectboxit-container .selectboxit-options .selectboxit-focus a,
.selectboxit-container .selectboxit-options li a:hover {
    background: hsla(0, 0%, 95%, 0.5);
}
.selectboxit-container .selectboxit-options .selectboxit-selected a {
    color: #1588ee !important;
    font-weight: 700;
    background: #fff;
}
.selectboxit-container .selectboxit-options .selectboxit-disabled {
    display: none;
}
.selectboxit-container .selectboxit-options .selectboxit-disabled a {
    color: #000 !important;
    font-weight: 400 !important;
    opacity: 0.5;
}
.shadow-box {
    border-radius: 8px;
    border: 1px solid rgba(191, 191, 191, 0.25);
    background-color: #fff;
    padding: 16px;
    position: relative;
    height: 344px;
    overflow: hidden;
}
.shadow-box.link_card:hover {
    border: 1px solid rgba(191, 191, 191, 0.5);
}
.shadow-box.h-auto {
    height: auto !important;
}
.shadow-box.big {
    height: 400px;
}
.shadow-box.big h4 {
    min-height: auto !important;
}
.shadow-box.contacts_box .content {
    position: relative;
}
.shadow-box .map {
    margin: -16px -16px 0;
    height: 304px;
}
.shadow-box .map,
.shadow-box .map * {
    transition: none;
}
.shadow-box .map .ymaps-2-1-74-copyrights-pane {
    display: none;
}
.shadow-box .map + .content {
    position: relative;
    top: auto;
    bottom: auto;
}
.shadow-box .img {
    position: relative;
    margin: -16px -16px 0;
    height: 270px;
}
.shadow-box .img .price {
    position: absolute;
    right: 0;
    top: 16px;
    padding: 0 16px;
    border-radius: 12px 0 0 12px;
    background-color: #1588ee;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    z-index: 1;
}
.shadow-box .img div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.shadow-box .img:hover .img div {
    transform: scale(1.05);
}
.shadow-box .geo {
    padding-left: 28px;
    background: url(../img/icons/a-place.svg) no-repeat 0;
}
.shadow-box .geo span {
    line-height: 20px;
    font-size: 14px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
}
.shadow-box .content {
    background-color: #fff;
    padding: 16px !important;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
}
.shadow-box .content .title_menu {
    background: url(../img/icons/a-more_v.svg) no-repeat 50%;
    height: 24px;
    width: 24px;
    cursor: pointer;
    z-index: 4;
    position: absolute;
    top: 14px;
    right: 8px;
}
.shadow-box .content .title_menu_content {
    right: -2px;
    top: 50px;
    z-index: 3;
}
.shadow-box .content .tag_line {
    padding-bottom: 8px;
}
.shadow-box .content .tag_line span {
    text-transform: uppercase;
    opacity: 0.75;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    color: #7563c7;
    display: inline-block;
}
.shadow-box .content .tag_line span + span {
    margin-left: 16px;
}
.shadow-box .content h4 {
    line-height: 24px;
    white-space: normal;
    margin-bottom: 12px;
}
.shadow-box .content .text {
    margin: 12px 0;
}
.shadow-box .content .text span {
    font-size: 14px;
    line-height: 1.43;
    font-weight: 400;
    color: #000;
    display: block;
}
.shadow-box .content .sign-board + .sign-board {
    margin-top: 8px;
}
.shadow-box .content .like {
    position: absolute;
    right: 16px;
    bottom: 16px;
}
.shadow-box .content .status {
    position: absolute;
    right: 0;
    bottom: 16px;
    padding: 0 16px;
    border-radius: 12px 0 0 12px;
    background-color: #7563c7;
}
.shadow-box .content .status.close {
    background-color: #bfbfbf;
}
.shadow-box .content .status.orange {
    background-color: #ff800b;
}
.shadow-box .content .status.green {
    background-color: #00cd6a;
}
.shadow-box .content .status span {
    opacity: 1;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
}
.slider_counter {
    margin-top: 16px;
    text-align: center;
    opacity: 0.25;
    font-size: 14px;
    line-height: 1.43;
    color: #000;
}
.publications_title {
    margin-right: 144px;
}
.line-slider,
.line-slider2,
.mertors_slider_line {
    padding-bottom: 32px;
    margin: -24px -12px 0;
}
.line-slider2::-webkit-scrollbar,
.line-slider::-webkit-scrollbar,
.mertors_slider_line::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
.line-slider2::-webkit-scrollbar-button,
.line-slider::-webkit-scrollbar-button,
.mertors_slider_line::-webkit-scrollbar-button {
    background-color: #000;
    display: none;
}
.line-slider2::-webkit-scrollbar-track,
.line-slider::-webkit-scrollbar-track,
.mertors_slider_line::-webkit-scrollbar-track {
    background-color: #bfbfbf;
}
.line-slider2::-webkit-scrollbar-track-piece,
.line-slider::-webkit-scrollbar-track-piece,
.mertors_slider_line::-webkit-scrollbar-track-piece {
    background-color: #f1f1f1;
}
.line-slider2::-webkit-scrollbar-thumb,
.line-slider::-webkit-scrollbar-thumb,
.mertors_slider_line::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #bfbfbf;
    border-radius: 3px;
}
.line-slider2::-webkit-resizer,
.line-slider2::-webkit-scrollbar-corner,
.line-slider::-webkit-resizer,
.line-slider::-webkit-scrollbar-corner,
.mertors_slider_line::-webkit-resizer,
.mertors_slider_line::-webkit-scrollbar-corner {
    background-color: #bfbfbf;
}
.line-slider2 .slick-arrow,
.line-slider .slick-arrow,
.mertors_slider_line .slick-arrow {
    background: #fff url(../img/icons/arrow_left.svg) no-repeat 50%;
    border-radius: 50%;
    box-shadow: 0 8px 24px rgba(0, 72, 135, 0.1);
    width: 40px;
    height: 40px;
    font-size: 0;
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    top: -32px;
    right: 0;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}
.line-slider2 .slick-arrow:hover,
.line-slider .slick-arrow:hover,
.mertors_slider_line .slick-arrow:hover {
    opacity: 0.9;
    background-color: #fbfbfb;
    box-shadow: 0 12px 24px rgba(0, 72, 135, 0.2);
}
.line-slider2 .slick-prev,
.line-slider .slick-prev,
.mertors_slider_line .slick-prev {
    right: 64px;
}
.line-slider2 .slick-next,
.line-slider .slick-next,
.mertors_slider_line .slick-next {
    transform: rotate(180deg);
    box-shadow: 0 -8px 24px rgba(0, 72, 135, 0.1);
}
.line-slider2 .slick-next:hover,
.line-slider .slick-next:hover,
.mertors_slider_line .slick-next:hover {
    box-shadow: 0 -12px 24px rgba(0, 72, 135, 0.2);
}
.line-slider2 .shadow-box,
.line-slider .shadow-box,
.mertors_slider_line .shadow-box {
    height: 344px;
    width: 320px;
    display: inline-block;
    margin: 24px 12px;
}
.line-slider2 *,
.line-slider *,
.mertors_slider_line * {
    transition: none;
}
.line-slider.publications .slick-list.draggable {
    overflow: visible;
}
.party_slider,
.party_slider2 {
    margin-top: 0;
}
.party_slider2 .slick-arrow,
.party_slider .slick-arrow {
    top: -57px;
}
.party_slider2 .ava,
.party_slider .ava {
    margin-top: 4px !important;
}
.table {
    padding: 0 15px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    background-color: #fff;
}
.table-head {
    background-color: #4167bb;
    padding: 16px 24px;
}
.table-head span {
    color: #fff;
}
.table-row {
    padding: 0;
    transition: none;
}
.table-row > .row {
    padding: 16px 24px;
}
.table-row:hover {
    background: rgba(65, 103, 187, 0.05);
}
.table-row + .table-row {
    border-top: 1px solid #f2f6fa;
}
.table-row-task {
    border-top-color: #e6e6e6 !important;
    background-color: #f2f6fa;
}
.table-row-task {
    border-top: 1px solid #e6e6e6 !important;
}
.table-row-task:hover {
    background: rgba(65, 103, 187, .1) !important;
}
.table-row-task .row .col-10 span a:before {
    content: "";
    width: 8px;
    height: 8px;
    background: rgba(65, 103, 187, 1);
    border-radius: 50%;
    position: absolute;
    left: 52px;
    top: 50%;
    margin-top: -4px;
}
.table-row-task .row .col-10 {
    padding-left: 40px;
    padding-left: 81px;
}
.table-row-task .row .col-2{
    min-width: 150px;
}
.table-row-task .row{
    flex-wrap: nowrap;
}
.completed-icon {
    margin-left: 10px;
    width: 24px;
    height: 24px;
    background: url(../img/icons/a-icons-check-green.svg) no-repeat 50%;
}
.module_arrow {
    cursor: pointer;
    margin-right: 12px;
    color: #757575; /* Серый цвет стрелки */
    font-size: 14px;
    font-weight: bold;
    width: 1em; /* Для консистентной ширины */
    text-align: center;
    transition: transform 0.25s ease-in-out;
    display: inline-block; /* Чтобы transform работал */
    background: url(../img/icons/a-icons-arrow-forward-s.svg) no-repeat 50%;
}
.module_expanded .module_arrow {
    transform: rotate(90deg); /* Поворот стрелки */
}
.module_viewed-icon::before {
    content: '✓'; /* Галочка */
    color: #4CAF50; /* Зеленый цвет */
    font-weight: bold;
    font-size: 1.1em;
}
.task-list {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.1s ease-in, padding-top 0.1s ease-in, padding-bottom 0.1s ease-in;
}
.module_expanded .task-list {
    transition: max-height 0.35s ease-out, padding-top 0.35s ease-out, padding-bottom 0.35s ease-out;
}
.completed-icon.has-tooltip {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.module-tooltip-text {
    visibility: hidden;
    opacity: 0;
    width: max-content;
    max-width: 200px;
    background-color: #ffffff;
    text-align: center;
    border-radius: 6px;
    padding: 6px 10px;

    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000;

    position: absolute;
    z-index: 100;
    bottom: 0%;
    left: 130%;

    transition: opacity 0.2s ease-in-out, visibility 0s 0.2s; /* Скрываем visibility с задержкой */
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

.module-tooltip-text::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0%;
    margin-top: -5px;
    margin-left: -10px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
}

.completed-icon.has-tooltip:hover .module-tooltip-text {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}
.table-row span {
    display: block;
}
.table-row span.del {
    min-width: 24px;
    height: 24px;
    background: url(../img/icons/a-delete.svg) no-repeat 100%;
    opacity: 0.75;
    cursor: pointer;
}
.table-row span.del:hover {
    opacity: 1;
}
.table-row span.status {
    background-color: #ff4b3a;
    line-height: 24px;
    padding: 0 12px;
    border-radius: 12px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}
.table-row span.status.yellow {
    background-color: #ffc500;
}
.table-row span.status.orange {
    background-color: #ff800b;
}
.table-row span.status.green {
    background-color: #00cd6a;
}
.tasks-tabel,
.timetable-tabel {
    margin-bottom: 40px;
}
.tabs {
    max-width: 100%;
}
.tabs__caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0 0 24px;
}
.tabs__caption li {
    font-size: 20px;
    font-weight: 500;
    padding: 0 0 8px;
    opacity: 0.25;
    color: #000;
    position: relative;
    text-align: center;
    border-bottom: 2px solid #fff;
}
.tabs__caption li + li {
    margin-left: 24px;
}
.tabs__caption li:not(.active) {
    cursor: pointer;
}
.tabs__caption li:not(.active):hover {
    opacity: 0.5;
}
.tabs__caption .active {
    color: #1588ee;
    opacity: 1;
    border-bottom: 2px solid #1588ee;
}
.tabs__content {
    display: none;
}
.tabs__content.active {
    display: block;
}
.breadcrumbs {
    margin-bottom: 20px;
}
.breadcrumbs ul {
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
}
.breadcrumbs ul li a,
.breadcrumbs ul li span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #ccc;
    opacity: 1;
}
.news_page .page_title {
    margin-bottom: 12px;
}
.news_page .date {
    margin-bottom: 26px;
}
.news_page .text img {
    max-width: 100%;
    height: auto;
}
.news_page .news_footer {
    margin-top: 40px;
    padding: 18px 0;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
}
.news_page .news_footer .user {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    cursor: pointer;
    text-align: left;
}
.news_page .news_footer .user span {
    opacity: 0.5;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    padding: 0 0 0 24px;
    font-weight: 400;
}
.news_page .news_footer .user .ava {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #333;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.news_page .news_footer .like {
    position: absolute;
    right: 0;
    top: 26px;
}
.cloud_mask_card {
    margin: 0 auto;
    display: block;
    width: 520px;
    height: 115px;
    -webkit-mask: url(../img/mask.svg);
    mask: url(../img/mask.svg);
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    position: relative;
}
.cloud_mask_card .name {
    position: absolute;
    top: 12px;
    left: 16px;
    right: 16px;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
    z-index: 1;
}
.cloud_mask_card .bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-color: #e6e6e6;
    transition: none;
}
.cloud_mask_card .label {
    height: 24px;
    border-radius: 0 12px 12px 0;
    background-color: #00cd6a;
    padding: 0 16px;
    left: 0;
}
.cloud_mask_card .label,
.cloud_mask_card .link {
    line-height: 24px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    bottom: 23px;
}
.cloud_mask_card .link {
    right: 8px;
    display: -ms-flexbox;
    display: flex;
}
.cloud_mask_card .link i {
    display: block;
    line-height: 24px;
    width: 24px;
    height: 24px;
    font-size: 20px;
    text-align: center;
}
.tracks_time_line_nav {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    height: 40px;
}
.tracks_time_line_nav span {
    background: #fff url(../img/icons/arrow_left.svg) no-repeat 50%;
    border-radius: 50%;
    box-shadow: 0 8px 24px rgba(0, 72, 135, 0.1);
    width: 40px;
    height: 40px;
    font-size: 0;
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 1;
    cursor: pointer;
}
.tracks_time_line_nav span.not-active {
    opacity: 0 !important;
    cursor: default !important;
}
.tracks_time_line_nav span.left {
    margin-left: -324px;
}
.tracks_time_line_nav span.right {
    transform: rotate(180deg);
    margin-left: 284px;
    box-shadow: 0 -8px 24px rgba(0, 72, 135, 0.1);
}
.tracks_time_line_nav span.right:hover {
    box-shadow: 0 -12px 24px rgba(0, 72, 135, 0.2);
}
.tracks_time_line_nav span:hover {
    opacity: 0.9;
    background-color: #fbfbfb;
    box-shadow: 0 12px 24px rgba(0, 72, 135, 0.2);
}
.tracks_time_line {
    width: 100%;
    position: relative;
    height: 48px;
    margin-bottom: 40px;
}
.tracks_time_line:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    height: 2px;
    opacity: 0.1;
    background-color: #000;
    z-index: 0;
}
.tracks_time_line .dots {
    position: relative;
    height: 51px;
    overflow: hidden;
}
.tracks_time_line .dots .dots_scroll_line {
    position: absolute;
    right: calc(50% - 113.5px);
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
}
.tracks_time_line .dots .dots_scroll_line .dot_section {
    width: 227px;
    position: relative;
    z-index: 1;
}
.tracks_time_line .dots .dots_scroll_line .dot_section:first-child {
    margin-left: 0;
}
.tracks_time_line .dots .dots_scroll_line .dot_section .dot {
    margin: 2px auto;
    width: 8px;
    height: 8px;
    border: 2px solid #1588ee;
    background-color: #fff;
    border-radius: 50%;
}
.tracks_time_line .dots .dots_scroll_line .dot_section .date {
    display: block;
    text-align: center;
    padding-top: 21px;
    opacity: 0.25;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    color: #000;
}
.tracks_time_line .dots .dots_scroll_line .dot_section.active .dot {
    width: 12px;
    height: 12px;
    background-color: #1588ee;
    border: 0;
    margin: 0 auto;
}
.upload_list {
    margin: 0 -8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.img-thumbnail {
    width: 56px;
    height: 56px;
    border: 0;
    margin: 8px;
    border-radius: 8px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #f2f6fa;
}
.modal_div hr {
    margin: 24px 0;
}
.modal_div .input {
    margin-bottom: 0;
    margin-top: 16px;
}
#hobbies_modal .hobbies_modal_all_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px 24px;
    max-height: 240px;
    overflow: auto;
}
#hobbies_modal .hobbies_modal_all_list .hobbies_modal_selected {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 24px;
    margin-bottom: 24px;
    position: relative;
}
#hobbies_modal .hobbies_modal_all_list .hobbies_modal_selected:after {
    content: "";
    position: absolute;
    display: block;
    left: 24px;
    right: 24px;
    bottom: 0;
    height: 1px;
    background: #f2f2f2;
}
#hobbies_modal .hobbies_modal_all_list .hobbies_modal_selected label {
    margin: 0;
    display: block;
}
#hobbies_modal .hobbies_modal_all_list .hobbies_modal_selected label .hobby {
    display: none;
}
#hobbies_modal .hobbies_modal_all_list .hobbies_modal_selected label .hobby.active {
    display: block;
}
#hobbies_modal .hobbies_modal_all_list label {
    position: relative;
}
#hobbies_modal .hobbies_modal_all_list label input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    bottom: 0;
    opacity: 0;
}
#hobbies_modal .hobbies_modal_all_list label .hobby {
    padding: 0 0 0 40px;
    margin: 8px 20px;
    opacity: 0.25;
    cursor: pointer;
}
#hobbies_modal .hobbies_modal_all_list label .hobby:hover {
    opacity: 0.5;
}
#hobbies_modal .hobbies_modal_all_list label .hobby.active {
    opacity: 1;
}
.interests_modal_all_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px 24px;
    max-height: 240px;
    overflow: auto;
}
.interests_modal_all_list .interests_modal_selected {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 24px;
    margin-bottom: 24px;
    position: relative;
}
.interests_modal_all_list .interests_modal_selected:after {
    content: "";
    position: absolute;
    display: block;
    left: 8px;
    right: 8px;
    bottom: 0;
    height: 1px;
    background: #f2f2f2;
}
.interests_modal_all_list .interests_modal_selected label {
    margin: 0;
    display: block;
}
.interests_modal_all_list .interests_modal_selected label .interest {
    display: none;
}
.interests_modal_all_list .interests_modal_selected label .interest.active {
    display: block;
}
.interests_modal_all_list label input {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
    height: 0;
    bottom: 0;
    opacity: 0;
}
.interests_modal_all_list label span {
    padding: 0;
    margin: 8px;
    opacity: 0.25;
    cursor: pointer;
    border-radius: 12px;
    border: 1px solid #000;
    padding: 0 16px;
    display: block;
    line-height: 22px;
    height: 24px;
    font-weight: 700;
    position: relative;
}
.interests_modal_all_list label span:hover {
    opacity: 0.5;
}
.interests_modal_all_list label span.active {
    opacity: 1;
    border-color: #1588ee;
    color: #1588ee;
}
#progress_modal .progres_list {
    margin-top: 12px;
    overflow-y: scroll;
    max-height: 340px;
    padding-right: 10px;
}
#progress_modal .progres_list .progres_item {
    margin-top: 12px;
    margin-bottom: 12px;
    position: relative;
}
#progress_modal .progres_list .progres_item .del {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/icons/a-delete_white.svg) no-repeat 50%;
    opacity: 0;
    cursor: pointer;
}
#progress_modal .progres_list .progres_item div {
    width: 100%;
    height: 146px;
    background-size: cover;
    background-position: 50%;
    position: relative;
}
#progress_modal .progres_list .progres_item div:before {
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.15s ease-in-out;
}
#progress_modal .progres_list .progres_item:hover .del {
    opacity: 0.75;
}
#progress_modal .progres_list .progres_item:hover .del:hover,
#progress_modal .progres_list .progres_item:hover div:before {
    opacity: 1;
}
#activity_modal .list,
#archive .list,
#challenges_modal .list,
#courses_modal .list,
#projects_modal .list {
    overflow-y: scroll;
    max-height: 440px;
    padding-right: 10px;
}
#treks_help_modal {
    width: 928px;
}
#treks_help_modal .content {
    padding: 0 15px;
}
#treks_help_modal .bg {
    background: url(../img/help_bg.png) no-repeat top;
    background-size: cover;
    height: 100%;
    margin: 0 -15px;
}
#treks_help_modal .text_content {
    padding: 24px 9px;
}
#treks_help_modal .text_content .title {
    padding-bottom: 16px;
}
#treks_help_modal .text_content .title span {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.15px;
    color: #000;
}
#treks_help_modal .text_content form {
    margin-top: 0;
}
#treks_help_modal .text_content form hr {
    margin: 16px 0;
}
#treks_help_modal .text_content .input_title {
    margin-bottom: 0;
}
#treks_help_modal .text_content .input_title span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}
.cut_news_title {
    margin: 24px 18px 12px;
    width: 100%;
}
.cut_news_title span {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000;
}
.fb_footer_form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 8px;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    background-color: #fff;
}
.fb_footer_form .content,
.fb_footer_form .img {
    width: 50%;
}
.fb_footer_form .img {
    border-radius: 8px 0 0 8px;
    background-color: #fff;
    position: relative;
}
.fb_footer_form .img img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
}
.fb_footer_form .content {
    border-radius: 0 8px 8px 0;
    padding: 24px 40px;
}
.fb_footer_form .content .reg_info {
    margin: 0 20px;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    padding-bottom: 16px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.fb_footer_form .content .input.file {
    margin-bottom: 0;
}
.sort_switcher {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.sort_switcher span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    cursor: pointer;
}
.sort_switcher span.active {
    font-weight: 700;
    color: #1588ee;
    cursor: default;
}
.sort_switcher span + span {
    margin-left: 17px;
}
.slider240 {
    height: 240px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}
.slider240 .slide {
    height: 240px;
    background-color: #333;
}
.slider240 .slick-arrow {
    background: #fff url(../img/icons/arrow_left.svg) no-repeat 50%;
    border-radius: 50%;
    box-shadow: 0 8px 24px rgba(0, 72, 135, 0.1);
    width: 40px;
    height: 40px;
    font-size: 0;
    border: 0;
    padding: 0;
    margin: -20px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    opacity: 1;
    z-index: 1;
    cursor: pointer;
}
.slider240 .slick-prev {
    left: 24px !important;
}
.slider240 .slick-next {
    right: 24px !important;
    transform: rotate(180deg);
}
.about_course .card {
    padding: 16px;
    position: relative;
    border-radius: 8px;
    background-color: #f2f6fa;
    height: 100px;
    border: 0;
}
.about_course .card .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
    width: 50px;
    height: 50px;
}
.about_course .card .icon img {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.about_course .card .text {
    position: absolute;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.15px;
    color: #4167bb;
    padding: 16px 16px 16px 66px;
    top: 50%;
    transform: translateY(-50%);
}
.about_course .card .text span {
    font-size: 20px;
    display: block;
}
.about_course .card .text span + span {
    margin-top: 4px;
    font-size: 14px;
}
.img_in_slider {
    height: 300px;
    background-color: #333;
    margin: 40px 8px 0;
}
.text .hide {
    max-height: 0;
    overflow: hidden;
}
.text .hide.show {
    max-height: 999999px;
}
.toggle_show span {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #1588ee;
    cursor: pointer;
}
.course_page.btn_line,
.reg_info {
    display: -ms-flexbox;
    display: flex;
}
.reg_info {
    margin: 10px 0 10px 40px;
}
.reg_info .alert {
    display: block;
    border-radius: 12px;
    background-color: #00cd6a;
    padding: 2px 16px;
    color: #fff;
    line-height: 24px;
    height: 24px;
}
.reg_info .alert span {
    display: block;
    line-height: 20px;
}
.reg_info .stat {
    margin-left: 24px;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
}
.reg_info .stat span {
    color: rgba(0, 0, 0, 0.5);
}
.reg_info .stat span span {
    color: #000;
}
.competences_list {
    margin: 0 -12px;
}
.competence_points_card,
.competences_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.competence_points_card {
    height: 152px;
    width: 280px;
    margin: 12px;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    background-color: #fff;
    position: relative;
    overflow: hidden;
}
.competence_points_card.blue,
.competence_points_card.blue .points {
    background-color: #4167bb;
}
.competence_points_card.orange,
.competence_points_card.orange .points {
    background-color: #ff800b;
}
.competence_points_card.red,
.competence_points_card.red .points {
    background-color: #ff4b3a;
}
.competence_points_card.yellow,
.competence_points_card.yellow .points {
    background-color: #ffc500;
}
.competence_points_card.green,
.competence_points_card.green .points {
    background-color: #00cd6a;
}
.competence_points_card.blue,
.competence_points_card.blue .points {
    background-color: #1588ee;
}
.competence_points_card.dark_blue,
.competence_points_card.dark_blue .points {
    background-color: #534a9c;
}
.competence_points_card.not {
    background-color: #f2f6fa;
    box-shadow: none;
    border-radius: 8px;
}
.competence_points_card.not .text {
    background-color: #f2f6fa !important;
}
.competence_points_card .text {
    margin-left: 4px;
    background-color: #fff;
    height: 100%;
    padding: 16px;
    width: calc(100% - 68px);
    position: relative;
}
.competence_points_card .text span {
    font-size: 11px;
}
.competence_points_card .points {
    width: 64px;
    text-align: center;
    padding: 43px 0;
}
.competence_points_card .points span {
    display: block;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.4;
}
.competence_points_card .points span + span {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    margin-top: -10px;
}
.course_res_img {
    position: relative;
}
.course_res_img img {
    max-width: 100%;
    width: 100%;
    display: block;
}
.comments .comment {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.comments .comment .ava {
    width:56px;
    height:56px;
    border-radius:50%;
    background:#333;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%
}
.comments .comment .comment_content {
    width:calc(100% - 56px);
    padding-left:24px
}
.comments .comment .comment_content .autor {
    display:-ms-flexbox;
    display:flex
}
.comments .comment .comment_content .autor b {
    display:block;
    line-height:24px;
    font-size:16px
}
.comments .comment .comment_content .autor b a {
    color:#000
}
.comments .comment .comment_content .autor b a:hover {
    color:#1588ee
}
.comments .comment .comment_content .autor span {
    display:block;
    margin-left:16px;
    font-size:14px;
    line-height:24px;
    opacity:.25
}
.comments .comment .comment_content .text p {
    margin:8px 0
}
.comments .comment .comment_content .answer {
    padding-top:8px
}
.comments .comment .comment_content .answer span {
    font-size:16px;
    font-weight:700;
    color:#bfbfbf;
    line-height:1.5;
    cursor:pointer
}
.comments .comment .comment_content .answer span:hover {
    color:#1588ee
}
.comments .comment+.comment {
    margin-top:24px
}
.comments .comment+hr {
    margin:24px 0
}
.comments .comment .subComments {
    padding-left:80px;
    padding-top:24px;
    width:100%
}
.comments .comment .subComments .add_comment+hr,
.comments .comment .subComments .add_comment.hide {
    display:none
}
.comments .comment .subComments .add_comment.hide+hr {
    display:block;
    margin-top:0;
    margin-bottom:24px
}
.comments .comment .subComments .comment .ava {
    width:40px;
    height:40px
}
.comments .comment .subComments .comment .ava .comment_content {
    width:calc(100% - 40px)
}
.recomm_card {
    height: 108px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin: 12px 18px;
    width: calc(33.333333333% - 36px);
    display: block;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
}
.recomm_card .name,
.recomm_card .pionts,
.recomm_card .time,
.recomm_card .where {
    position: absolute;
    display: block;
    z-index: 1;
}
.recomm_card .where {
    top: 16px;
    left: 16px;
    color: #fff;
    text-transform: uppercase;
    opacity: 0.75;
    font-size: 12px;
    line-height: 20px;
}
.recomm_card .pionts {
    font-size: 14px;
    top: 0;
    right: 12px;
    width: 56px;
    height: 77px;
    background: #7563c7;
    color: #fff;
    text-align: center;
    line-height: 24px;
    padding-top: 12px;
}
.recomm_card .pionts span {
    font-size: 40px;
    font-weight: 400;
    line-height: 38px;
    display: block;
}
.recomm_card .pionts span + span {
    font-size: 14px;
    line-height: 14px;
}
.recomm_card .pionts:before {
    left: 0;
    border: 15px solid transparent;
    border-left: 28px solid #7563c7;
    border-top: 0 solid #7563c7;
}
.recomm_card .pionts:after,
.recomm_card .pionts:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -15px;
}
.recomm_card .pionts:after {
    right: 0;
    border: 15px solid transparent;
    border-top: 0 solid #7563c7;
    border-right: 28px solid #7563c7;
}
.recomm_card .time {
    top: 16px;
    right: 16px;
    color: #fff;
    opacity: 0.75;
    font-size: 14px;
    line-height: 20px;
    padding-left: 28px;
    background: url(../img/icons/a-time.svg) no-repeat 0;
}
.recomm_card .name {
    bottom: 16px;
    left: 16px;
    right: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
}
@media (max-width: 1349px) {
    .recomm_card .name {
        line-height: 18px;
    }
}
.recomm_card .bg {
    overflow: hidden;
    z-index: 0;
    background-color: #000;
}
.recomm_card .bg,
.recomm_card .bg div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.recomm_card .bg div {
    opacity: 0.7;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.recomm_card.points_right {
    padding-right: 80px;
}
.recomm_card.points_right .name {
    right: 80px;
}
.recomm_card.points_right.blue .pionts {
    background: #1588ee;
}
.recomm_card.points_right.blue .pionts:before {
    border-left: 28px solid #1588ee;
    border-top: #1588ee;
}
.recomm_card.points_right.blue .pionts:after {
    border-top: #1588ee;
    border-right: 28px solid #1588ee;
}
.recomm_card.points_right.red .pionts {
    background: #ff4b3a;
}
.recomm_card.points_right.red .pionts:before {
    border-left: 28px solid #ff4b3a;
    border-top: #ff4b3a;
}
.recomm_card.points_right.red .pionts:after {
    border-top: #ff4b3a;
    border-right: 28px solid #ff4b3a;
}
.recomm_card.points_right.green .pionts {
    background: #00cd6a;
}
.recomm_card.points_right.green .pionts:before {
    border-left: 28px solid #00cd6a;
    border-top: #00cd6a;
}
.recomm_card.points_right.green .pionts:after {
    border-top: #00cd6a;
    border-right: 28px solid #00cd6a;
}
.recomm_card.points_right.orange .pionts {
    background: #ff800b;
}
.recomm_card.points_right.orange .pionts:before {
    border-left: 28px solid #ff800b;
    border-top: #ff800b;
}
.recomm_card.points_right.orange .pionts:after {
    border-top: #ff800b;
    border-right: 28px solid #ff800b;
}
.recomm_card.points_right.yellow .pionts {
    background: #ffc500;
}
.recomm_card.points_right.yellow .pionts:before {
    border-left: 28px solid #ffc500;
    border-top: #ffc500;
}
.recomm_card.points_right.yellow .pionts:after {
    border-top: #ffc500;
    border-right: 28px solid #ffc500;
}
.challenge_card {
    height: 200px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin: 12px 18px;
    width: calc(33.333333333% - 36px);
    display: block;
}
.challenge_card .status {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 16px;
    padding: 0 16px;
    border-radius: 12px 0 0 12px;
    background-color: #7563c7;
}
.challenge_card .status.close {
    background-color: #bfbfbf;
}
.challenge_card .status.orange {
    background-color: #ff800b;
}
.challenge_card .status.green {
    background-color: #00cd6a;
}
.challenge_card .status span {
    opacity: 1;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
}
.challenge_card .members {
    padding-left: 28px;
    height: 24px;
    line-height: 24px;
    background: url(../img/icons/a-person.svg) no-repeat 0;
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 14px;
    font-weight: 400;
    z-index: 1;
    color: #bfbfbf;
}
.challenge_card .text {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    z-index: 1;
}
.challenge_card .text .organization_name {
    margin-bottom: 4px;
}
.challenge_card .text .organization_name span {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.67;
    color: #fff;
    text-transform: uppercase;
}
.challenge_card .text .name span {
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.15px;
    color: #fff;
}
.challenge_card .bg {
    overflow: hidden;
    z-index: 0;
    background-color: #000;
    border-radius: 10px;
}
.challenge_card .bg,
.challenge_card .bg div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.challenge_card .bg div {
    opacity: 0.7;
    background-color: #333;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.video iframe,
.video video {
    display: block;
    width: 100% !important;
    height: 576px !important;
}
.video .video_info {
    position: relative;
    height: 100%;
}
.video .video_info .user_info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.video .video_info .user_info .ava {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.video .video_info .user_info .text_block {
    width: calc(100% - 56px);
    padding-left: 16px;
    position: relative;
}
.video .video_info .user_info .text_block .name {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #000;
    margin-right: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 32px);
}
.video .video_info .user_info .text_block .title_menu {
    right: 0;
    top: 0;
    height: 24px;
    position: absolute;
}
.video .video_info .user_info .text_block .date {
    margin-top: 4px;
    opacity: 0.25;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    color: #000;
}
.video .video_info .text {
    height: 264px;
    overflow: auto;
    margin-top: 24px;
}
.video .video_info .text p {
    margin: 0;
}
.video .video_info .text p + p {
    margin-top: 16px;
}
.video .video_info .you_wont {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.video .video_name_like {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.video .video_name_like .like {
    margin: 2px 0;
    height: 24px;
}
.add_comment {
    width:100%
}
.add_comment .shadow-box {
    border:0;
    box-shadow:0 8px 24px 0 rgba(0,72,135,.1);
    padding:24px
}
.add_comment .shadow-box form .input {
    margin-bottom:0
}
.add_comment .shadow-box .btn_block {
    padding-top:24px;
    padding-bottom:0
}
.add_comment .shadow-box .btn_block.hide {
    display:none
}
.add_comment .shadow-box .btn_block .blue_btn {
    width:auto;
    min-width:auto
}
.add_comment .shadow-box .btn_block * {
    padding-left:30px;
    padding-right:30px
}
.add_comment .shadow-box .btn_block :last-child {
    margin-left:24px
}
.add_comment form {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.add_comment form .ava {
    width:56px;
    height:56px;
    border-radius:50%;
    background:#333;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%
}
.add_comment form .form {
    width:calc(100% - 56px);
    padding-left:24px
}
.add_comment .people_list {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.add_comment .people_list>div {
    width:11.11111%;
    text-align:center
}
.comments .comment .subComments .add_comment + hr, .comments .comment .subComments .add_comment.hide {
    display: none;
}
.people_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.people_list > div {
    width: 11.11111%;
    text-align: center;
}
.org_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -18px;
}
.org_list .shadow-box {
    margin: 12px 18px;
    display: block;
    width: calc(50% - 36px);
}
.mentor {
    padding: 16px;
    text-align: center;
    position: relative;
}
.mentor .title_menu {
    position: absolute;
    z-index: 3;
    height: 24px;
    width: 24px;
    top: 8px;
    right: 8px;
    filter: grayscale(100%);
}
.mentor .title_menu_content {
    text-align: left;
    z-index: 4;
    right: -1px;
    top: 45px;
}
.mentor .img {
    height: 64px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    background-color: #333;
}
.mentor .ava {
    width: 80px;
    height: 80px;
    margin: -40px auto 0;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    z-index: 1;
}
.mentor .name {
    margin-top: 16px;
}
.mentor .name span {
    display: block;
    font-size: 16px;
    font-weight: 700;
}
.mentor .deskr {
    opacity: 0.5;
    margin-top: 8px;
    padding-bottom: 8px;
}
.mentor .reply {
    text-align: center;
    margin: 10px 0;
}
.mentor .reply span {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #4167bb;
}
.mertors_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.mertors_list .mentor {
    width: 240px;
    border-radius: 8px;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    margin: 12px;
}
.mertors_list .mentor .img {
    margin: -15px;
    margin-bottom: 0;
    position: relative;
}
.mertors_list .mentor .img div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.mertors_list .add_new_card {
    width: 240px;
    margin: 12px;
}
.gradient_block {
    border-radius: 8px;
    background-image: radial-gradient(circle at 50% 0, #4167bb, #7563c7);
    text-align: center;
    padding: 16px;
}
.gradient_block span {
    display: block;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0.15px;
    color: #fff;
    margin-bottom: 16px;
}
.gradient_block p {
    opacity: 0.75;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    margin: 24px 0;
}
.gradient_block a {
    width: 200px;
    margin: 0 auto;
}
.questions_list .question {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.questions_list .question .ava {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #333;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.questions_list .question .info {
    width: calc(100% - 40px);
    padding-left: 24px;
}
.questions_list .question .info .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}
.questions_list .question .info .name span {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
}
.questions_list .question .info .info_line {
    display: -ms-flexbox;
    display: flex;
}
.questions_list .question .info .info_line span {
    display: block;
    opacity: 0.5;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    color: #000;
}
.questions_list .question .info .info_line span.seporator {
    margin: 0 16px;
}
.questions_list .question + .question {
    margin-top: 16px;
}
.mertors_slider_line .mentor {
    border-radius: 8px;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    margin: 25px 12px;
}
.mertors_slider_line .mentor .img {
    margin: -15px;
    margin-bottom: 0;
}
.add_new_card {
    position: relative;
    border-radius: 8px;
    border: 2px dashed rgba(0, 0, 0, 0.05);
}
.add_new_card .text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    right: 30px;
}
.add_new_card .text img {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
}
.add_new_card .text span {
    margin-top: 24px;
    display: block;
    opacity: 0.25;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    color: #000;
}
.add_new_ava_line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.add_new_ava_line .new_ava {
    position: relative;
    width: 130px;
}
.add_new_ava_line .new_ava .upload_list {
    position: absolute;
    top: 0;
    right: 0;
    width: 130px;
    height: 130px;
    margin: 0;
}
.add_new_ava_line .new_ava .upload_list span {
    display: block;
    width: 100%;
    height: 100%;
}
.add_new_ava_line .new_ava .upload_list span .img-thumbnail {
    margin: 0;
}
.add_new_ava_line .new_ava .current_ava,
.add_new_ava_line .new_ava .upload_list span .img-thumbnail {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #333;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.add_new_ava_line .new_ava .add_new_ava_input {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 6;
}
.add_new_ava_line .new_ava .add_new_ava_input label {
    position: relative;
    z-index: 1;
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/icons/a-photo_change.svg) no-repeat 0;
    opacity: 1;
    cursor: pointer;
}
.add_new_ava_line .new_ava .add_new_ava_input label:hover {
    opacity: 0.9;
}
.add_new_ava_line .new_ava .add_new_ava_input input {
    position: absolute;
    z-index: 0;
    opacity: 0;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
.add_new_ava_line .input {
    width: calc(100% - 130px);
    padding-left: 24px;
}
.switch_content {
    position: relative;
}
.switch_content > div {
    display: none;
}
.switch_content > div.active {
    display: block;
}
.switch_content > div .stub {
    width: 100%;
    height: 424px;
    border-radius: 8px;
    background-color: #f2f6fa;
    position: relative;
}
.switch_content > div .stub .cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 288px;
}
.switch_content > div .stub .cont .icon {
    width: 80px;
    height: 64px;
    margin: 0 auto;
    background: url(../img/icons/construction-and-tools.svg);
}
.switch_content > div .stub .cont span {
    margin-top: 16px;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    text-align: center;
    color: #4167bb;
}
.modal_div .table {
    margin: 0;
    border-radius: 0;
}
.notifications_page .notification {
    border-radius: 8px;
    border: 1px solid #f2f2f2;
    background-color: #fff;
    position: relative;
    padding: 12px 24px;
    margin-bottom: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.notifications_page .notification:hover {
    border-color: #fff;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
}
.notifications_page .notification .info {
    width: 100%;
}
.notifications_page .notification .info > * + * {
    margin-top: 4px;
}
.notifications_page .notification .info .status span {
    display: block;
    opacity: 0.5;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
}
.notifications_page .notification .info .text {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
}
.notifications_page .notification .info .msg {
    padding: 8px 16px;
    background-color: rgba(117, 99, 199, 0.25);
    display: inline-block;
    border-radius: 20px 20px 20px 4px;
    margin: 8px 0 4px;
}
.notifications_page .notification .info .msg p {
    margin: 0;
}
.notifications_page .notification .info .msg p + p {
    margin-top: 8px;
}
.notifications_page .notification .info .btns_block {
    margin: 8px 0 4px;
}
.notifications_page .notification .info .btns_block > * + * {
    margin-left: 16px;
}
.notifications_page .notification .info .date span {
    display: block;
    opacity: 0.25;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000;
}
.notifications_page .notification .ava {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #333;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.notifications_page .notification .ava + .info {
    width: calc(100% - 56px);
    padding-left: 16px;
}
.login_page {
    background-color: #f2f6fa;
    position: relative;
    margin-top: 80px;
    min-height: calc(100vh - 80px);
    padding: 30px 0;
}
.login_page .header {
    width: 100%;
    height: 80px;
    background-image: linear-gradient(90deg, #53499c, #4268ba);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
}
.login_page .login_tab {
    position: relative;
    margin: 0 auto;
    width: 416px;
    border-radius: 8px;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    background-color: #fff;
    z-index: 1;
}
.login_page .login_tab .tabs .tabs__caption {
    margin: 0;
}
.login_page .login_tab .tabs .tabs__caption li {
    display: block;
    width: 50%;
    text-align: center;
    padding: 24px;
    border: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.25);
    background-color: #f2f6fa;
    margin: 0;
    opacity: 1;
}
.login_page .login_tab .tabs .tabs__caption li.active {
    color: #000;
    background-color: #fff;
}
.login_page .login_tab .tabs .tabs__content {
    padding: 24px;
}
.add_challenge_images {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
}
.add_challenge_images label {
    position: relative;
    display: block;
    margin: 0;
    width: calc(33.333% - 17.333px);
    cursor: pointer;
}
.add_challenge_images label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.add_challenge_images label input:checked + .card {
    background: #1588ee;
}
.add_challenge_images label input:checked + .card .ico img {
    opacity: 0;
}
.add_challenge_images label input:checked + .card .ico img + img {
    opacity: 1;
}
.add_challenge_images label input:checked + .card span {
    color: #fff;
}
.add_challenge_images label:hover .card {
    background: rgba(21, 136, 238, 0.1);
}
.add_challenge_images label .card {
    border-radius: 22px;
    border: 1px solid #1588ee;
    height: 84px;
    padding: 16px 0;
}
.add_challenge_images label .card .ico {
    width: 24px;
    height: 24px;
    position: relative;
    margin: auto;
}
.add_challenge_images label .card .ico img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}
.add_challenge_images label .card .ico img + img {
    opacity: 0;
}
.add_challenge_images label .card span {
    margin-top: 8px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #1588ee;
}
#add_gallery_modal form,
#add_image_modal form {
    margin-top: 10px;
}
#add_video_modal form {
    margin-top: 0;
}
#add_gallery_modal form,
#add_image_modal form,
#add_video_modal form {
    margin-bottom: 24px;
}
#add_gallery_modal form .input,
#add_image_modal form .input,
#add_video_modal form .input {
    margin-top: 0;
}
.competence_item {
    position: relative;
}
.competence_item .del {
    background: url(../img/icons/a-delete.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 10px;
    right: -40px;
    cursor: pointer;
}
.competence_item .del:hover {
    opacity: 0.75;
}
.competence_item .l1 {
    margin-top: 24px;
    margin-bottom: 16px;
}
.competence_item .l1 span {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
}
.competence_item .l1 span span {
    color: rgba(0, 0, 0, 0.25);
}
.competence_item .l2 {
    display: -ms-flexbox;
    display: flex;
}
.competence_item .l2 span {
    display: block;
    margin-right: 24px;
    color: #4167bb;
    font-weight: 300;
}
.competence_item .l2 .border_btn {
    font-weight: 500;
}
.add_element,
.competence_item + .competence_item {
    margin-top: 40px;
}
.add_element {
    display: -ms-flexbox;
    display: flex;
    width: 155px;
    cursor: pointer;
}
.add_element .icon {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px dashed rgba(0, 0, 0, 0.05);
}
.add_element .icon:after,
.add_element .icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background-color: #bfbfbf;
    transition: all 0.15s ease-in-out;
}
.add_element .icon:before {
    width: 16px;
    height: 2px;
}
.add_element .icon:after {
    height: 16px;
    width: 2px;
}
.add_element span {
    font-size: 14px;
    color: #000;
    opacity: 0.25;
    display: block;
    padding: 10px 0 10px 16px;
}
.add_element:hover .icon {
    border: 2px solid #1588ee;
    transform: rotate(90deg);
}
.add_element:hover .icon:after,
.add_element:hover .icon:before {
    background: #1588ee;
}
.add_element:hover .icon:before {
    width: 12px;
}
.add_element:hover .icon:after {
    height: 12px;
}
.add_element:hover span {
    opacity: 1;
    color: #1588ee;
}
.add_challenge .mentors_list .page_title span {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.25);
}
.add_challenge .user {
    width: 120px !important;
}
.add_challenge .user.add_new {
    cursor: pointer;
}
.add_challenge .user.add_new .ava {
    border: 2px dashed rgba(0, 0, 0, 0.05);
}
.add_challenge .user.add_new .ava:after,
.add_challenge .user.add_new .ava:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background-color: #bfbfbf;
    transition: all 0.15s ease-in-out;
    border-radius: 0 !important;
}
.add_challenge .user.add_new .ava:before {
    width: 24px;
    height: 2px;
}
.add_challenge .user.add_new .ava:after {
    height: 24px;
    width: 2px;
}
.add_challenge .user.add_new .name {
    opacity: 1;
}
.add_challenge .user.add_new .name span {
    opacity: 0.25;
}
.add_challenge .user.add_new:hover .ava {
    border: 2px solid #1588ee;
    transform: rotate(90deg);
}
.add_challenge .user.add_new:hover .ava:after,
.add_challenge .user.add_new:hover .ava:before {
    background: #1588ee;
}
.add_challenge .user.add_new:hover .ava:before {
    width: 20px;
}
.add_challenge .user.add_new:hover .ava:after {
    height: 20px;
}
.add_challenge .user.add_new:hover .name {
    opacity: 1;
}
.add_challenge .user.add_new:hover .name span {
    opacity: 1;
    color: #1588ee;
}
.add_challenge .user .del {
    width: 24px;
    height: 24px;
    background: url(../img/icons/a-close-2.svg);
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.add_challenge .user .del:hover {
    opacity: 0.8;
}
.modal_div .top_list .line .user {
    width: 16.66667%;
    cursor: pointer;
}
.modal_div .top_list .line .user .select {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.15) url(../img/icons/a-check-white.svg) no-repeat 50%;
    position: absolute;
    top: -4px;
    right: -4px;
    opacity: 0;
    z-index: 1;
}
.modal_div .top_list .line .user:hover .select {
    opacity: 1;
}
.modal_div .top_list .line .user.selected .select {
    opacity: 1;
    background-color: #1588ee;
}
.add_result {
    margin: 12px;
    width: calc(25% - 24px) !important;
    cursor: pointer;
    padding-top: 112px;
}
.add_result .icon {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px dashed rgba(0, 0, 0, 0.05);
    margin: 0 auto;
}
.add_result .icon:after,
.add_result .icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background-color: #bfbfbf;
    transition: all 0.15s ease-in-out;
}
.add_result .icon:before {
    width: 24px;
    height: 2px;
}
.add_result .icon:after {
    height: 24px;
    width: 2px;
}
.add_result span {
    font-size: 16px;
    color: #000;
    opacity: 0.25;
    display: block;
    padding: 16px 10px 0;
    text-align: center;
}
.add_result:hover .icon {
    border: 2px solid #1588ee;
    transform: rotate(90deg);
}
.add_result:hover .icon:after,
.add_result:hover .icon:before {
    background: #1588ee;
}
.add_result:hover .icon:before {
    width: 20px;
}
.add_result:hover .icon:after {
    height: 20px;
}
.add_result:hover span {
    opacity: 1;
    color: #1588ee;
}
.header_photo {
    position: relative;
}
.header_photo > img {
    display: block;
    width: 100%;
    border-radius: 8px;
}
.header_photo iframe {
    width: 100%;
    height: 576px;
}
.header_photo_gallery,
.header_photo iframe {
    border-radius: 8px;
    overflow: hidden;
}
.header_photo_gallery .slide {
    height: 576px;
    background-size: cover;
    background-position: 50%;
}
#video .header_photo_gallery .slide {
    background-size: contain;
    background-repeat: no-repeat;
}
.header_photo_gallery .slick-arrow {
    background: #fff url(../img/icons/arrow_left.svg) no-repeat 50%;
    border-radius: 50%;
    box-shadow: 0 8px 24px rgba(0, 72, 135, 0.1);
    width: 40px;
    height: 40px;
    font-size: 0;
    border: 0;
    padding: 0;
    margin: -20px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    opacity: 1;
    z-index: 1;
    cursor: pointer;
}
.header_photo_gallery .slick-prev {
    left: 24px !important;
}
.header_photo_gallery .slick-next {
    right: 24px !important;
    transform: rotate(180deg);
}
.trek_page .gradient_block.h400 {
    height: 440px;
}
.trek_page .gradient_block.h400 a {
    width: 100%;
    min-width: 200px;
}
.trek_page .gradient_block.h400.bottom_button .content {
    padding-bottom: 117px;
}
.trek_page .gradient_block.h400.bottom_button .button_line {
    position: absolute;
    bottom: 0;
    height: 93px;
    left: 0;
    right: 0;
    padding: 24px;
}
.trek_page .gradient_block.h400.bottom_button .button_line:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: hsla(0, 0%, 95%, 0.5);
}
.trek_page .gradient_block.h400 .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 24px;
}
.trek_page .gradient_block.h400 .content .date_list {
    margin-bottom: 24px;
}
.trek_page .gradient_block.h400 .content .date_list span {
    display: block;
    font-size: 16px;
    color: #fff;
    opacity: 1;
    font-weight: 300;
    margin-bottom: 3px;
}
.trek_page .gradient_block.h400 .content .date_list span b {
    font-weight: 700;
}
.trek_page .gradient_block.h400 .content .date_list span:nth-child(odd) {
    margin-top: 15px;
}
.trek_page .gradient_block.h400 .content .mertors_slider {
    position: relative;
    height: 128px;
    overflow: hidden;
}
.trek_page .gradient_block.h400 .content .mertors_slider .user .name {
    opacity: 0.75;
}
.trek_page .gradient_block.h400 .content .mertors_slider .user span {
    margin: 0;
    color: #fff;
}
.trek_page .gradient_block.h400 .content .mertors_slider .user:hover .ava:before {
    display: none;
}
.trek_page .gradient_block.h400 .content .mertors_slider .user:hover .name {
    opacity: 1;
}
.trek_page .gradient_block.h400 .content .mertors_slider .slick-arrow {
    background: url(../img/icons/a-arrow-left-24-px.svg) no-repeat 50%;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    font-size: 0;
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    top: calc(50% - 16px);
    right: 0;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    opacity: 0.75;
}
.trek_page .gradient_block.h400 .content .mertors_slider .slick-arrow:hover {
    opacity: 1;
}
.trek_page .gradient_block.h400 .content .mertors_slider .slick-prev {
    left: 0;
}
.trek_page .gradient_block.h400 .content .mertors_slider .slick-next {
    right: 0;
    transform: rotate(180deg);
}
.trek_page .gradient_block.h400 .content .slider_counter {
    font-size: 14px;
    color: #fff;
}
.trek_page .gradient_block.h400 .content .slider_counter #mertors_slider_counter {
    font-size: 14px;
    display: inline;
    color: #fff;
}
.trek_page .gradient_block.h400 .border_btn {
    height: 44px;
    border-radius: 22px;
    background: none;
    border: 1px solid #fff;
    color: #fff !important;
    line-height: 42px;
    opacity: 0.75;
}
.trek_page .gradient_block.h400 .border_btn:hover {
    opacity: 1;
}
.trek_page .slider-nav {
    margin-top: 24px;
}
.trek_page .slider-nav p {
    margin: 0;
}
.trek_page .slider-nav * + * {
    margin-top: 10px;
}
.allert_list {
    z-index: 11;
}
.allert_list .allert {
    width: 392px;
    border-radius: 8px;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    background: #333;
    color: #fff;
    position: relative;
    cursor: pointer;
    transition: none;
    overflow: hidden;
}
.allert_list .allert.green {
    background: #00cd6a;
}
.allert_list .allert.yellow {
    background: #ffc500;
}
.allert_list .allert.red {
    background: #ff4b3a;
}
.allert_list .allert + .allert {
    margin-top: 8px;
}
.allert_list .allert:before {
    content: "";
    position: absolute;
    top: 16px;
    right: 16px;
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/icons/a-close-white.svg);
    opacity: 0.75;
}
.allert_list .allert:hover:before {
    opacity: 1;
}
.allert_list .allert span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    display: block;
    margin-bottom: 4px;
    padding: 16px;
    padding-bottom: 0;
}
.allert_list .allert p {
    margin: 0;
    opacity: 0.75;
    font-size: 14px;
    padding: 16px;
    padding-top: 0;
}
.cookie {
    bottom: 24px;
    right: 24px;
    position: fixed;
    z-index: 11;
    width: 392px;
    border-radius: 8px;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    background: #fff;
    color: #000;
    cursor: pointer;
    transition: none;
    overflow: hidden;
}
.cookie span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    display: block;
    margin-bottom: 4px;
    padding: 16px;
    padding-bottom: 0;
}
.cookie span:hover:before {
    opacity: 1;
}
.cookie p {
    margin: 0;
    opacity: 0.75;
    padding: 16px;
    padding-top: 0;
}
.cookie p,
.cookie p a {
    font-size: 14px;
    font-weight: 300;
}
#add_gallery_modal.modal_div .file_gallery {
    position: relative;
    padding-right: 34px;
}
#add_gallery_modal.modal_div .file_gallery .del {
    background: url(../img/icons/a-delete.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
#add_gallery_modal.modal_div .file_gallery .del:hover {
    opacity: 0.75;
}
#add_gallery_modal.modal_div .file_gallery + .file_gallery {
    margin-top: 20px !important;
    padding-top: 17px;
    border-top: 1px solid #f1f1f1;
}
#add_gallery_modal.modal_div .file_gallery + .file_gallery .del {
    top: 17px;
}
#add_gallery_modal.modal_div textarea {
    margin-top: 15px;
    height: 94px;
}
#add_gallery_modal.modal_div .files_uploader {
    max-height: 290px;
    overflow: auto;
    padding-right: 15px;
}
#add_gallery_modal.modal_div .add_element {
    margin-top: 2px;
    width: 212px;
}
.pentagon {
    padding-top: 90px;
    position: relative;
}
.pentagon .labels_penta .label {
    position: absolute;
    max-width: 130px;
    text-align: center;
    cursor: pointer;
}
.pentagon .labels_penta .label span {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 1.43;
}
.pentagon .labels_penta .label.active {
    cursor: default;
}
.pentagon .labels_penta .label.active span,
.pentagon .labels_penta .label:hover span {
    color: #1588ee;
}
.pentagon .labels_penta .label:first-child {
    top: 40px;
    left: 50%;
    margin-left: -65px;
}
.pentagon .labels_penta .label:nth-child(2) {
    bottom: 190px;
    right: 0;
}
.pentagon .labels_penta .label:nth-child(3) {
    right: 60px;
    top: 360px;
}
.pentagon .labels_penta .label:nth-child(4) {
    left: 60px;
    top: 360px;
}
.pentagon .labels_penta .label:nth-child(5) {
    bottom: 190px;
}
.pentagon .radar {
    width: 500px !important;
    height: 282px !important;
    margin: 0 auto;
}
.history_map {
    width: 100%;
    min-height: 487px !important;
    border-radius: 8px;
    padding: 24px;
    background: #f2f6fa;
    margin-top: -40px;
}
.history_map .descr span {
    display: block;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 300;
}
.history_map .list > div {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.history_map .list > div .icon {
    width: 35px;
}
.history_map .list > div span {
    width: calc(100% - 35px);
    display: block;
    padding-left: 16px;
    font-size: 14px;
}
.treks_popup {
    position: absolute !important;
    bottom: 0;
    right: 0;
    width: calc(50% - 15px);
    height: 487px !important;
    z-index: 1;
    background: #f2f6fa;
    border-radius: 8px;
    padding: 24px;
    pointer-events: none;
    opacity: 0;
    transition: all 0.15s ease-in-out;
}
.treks_popup.active {
    opacity: 1;
    pointer-events: auto;
    transition: all 0.15s ease-in-out;
}
.treks_popup:before {
    content: "";
    position: absolute;
    left: -32px;
    top: 50%;
    margin-top: -16px;
    border: 16px solid transparent;
    border-right: 16px solid #f2f6fa;
}
.treks_popup .treks_name_list span {
    display: block;
    position: absolute;
    left: 16px;
    font-size: 14px;
    text-align: center;
    padding: 8px 0;
    cursor: pointer;
    z-index: 5;
    color: rgba(0, 0, 0, 0.5);
}
.treks_popup .treks_name_list span:after,
.treks_popup .treks_name_list span:before {
    content: "";
    display: none;
    position: absolute;
    height: 1px;
    background: #000;
    opacity: 0.2;
}
.treks_popup .treks_name_list span:before {
    left: 0;
    bottom: 0;
    width: 90%;
}
.treks_popup .treks_name_list span:after {
    left: 90%;
}
.treks_popup .treks_name_list span:first-child {
    top: 117px;
    left: 65px;
    right: calc(50% + 70px);
}
.treks_popup .treks_name_list span:first-child:after {
    width: 100%;
    transform: rotate(10deg);
    bottom: -10px;
    margin-left: -1px;
}
.treks_popup .treks_name_list span:nth-child(2) {
    top: 192px;
    left: 15px;
    right: calc(50% + 120px);
}
.treks_popup .treks_name_list span:nth-child(2):after {
    width: 50%;
    transform: rotate(-13deg);
    bottom: 6px;
    margin-left: -1px;
}
.treks_popup .treks_name_list span:nth-child(3) {
    bottom: 140px;
    left: 15px;
    right: calc(50% + 120px);
}
.treks_popup .treks_name_list span:nth-child(3):after {
    width: 55%;
    transform: rotate(-32deg);
    bottom: 16px;
    margin-left: -5px;
}
.treks_popup .treks_name_list span:nth-child(4) {
    bottom: 40px;
    left: 65px;
    right: calc(50% + 70px);
}
.treks_popup .treks_name_list span:nth-child(4):after {
    width: 120%;
    transform: rotate(-27deg);
    bottom: 30px;
    margin-left: -7px;
}
.treks_popup .treks_name_list span:hover {
    color: rgba(0, 0, 0, 0.75);
}
.treks_popup .treks_name_list span.active {
    cursor: default;
    opacity: 1;
    color: #1588ee;
}
.treks_popup .title {
    position: relative;
    padding-bottom: 24px;
    padding-right: 32px;
}
.treks_popup .title .close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: block;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    color: #000;
    opacity: 0.25;
}
.treks_popup .title .close:hover {
    opacity: 0.5;
}
.treks_popup .descr span {
    display: block;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 300;
}
.treks_popup .treks_donut {
    position: absolute;
    top: 152px;
    left: 50%;
    margin-left: -132px;
    height: 284px;
    width: 132px;
    overflow: hidden;
}
.treks_popup .treks_donut svg {
    height: 284px;
    width: 264px;
    transform: rotate(109deg);
}
.treks_popup .competencies_block {
    position: absolute;
    top: 128px;
    right: 13px;
    width: calc(50% - 29px);
    padding: 16px 12px 12px;
    background: #e6f0fa;
    border-radius: 8px;
    min-height: 310px;
}
.treks_popup .competencies_block:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 156px;
    margin-top: -8px;
    border: 8px solid transparent;
    border-right: 8px solid #e6f0fa;
}
.treks_popup .competencies_block h6 {
    margin-bottom: 16px;
}
.treks_popup .competencies_block .competence {
    padding: 4px 8px 6px;
    border-radius: 8px;
    border: 1px dashed rgba(65, 103, 187, 0.25);
}
.treks_popup .competencies_block .competence span {
    display: block;
    opacity: 0.5;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.43;
}
.treks_popup .competencies_block .competence .line {
    margin-top: 8px;
    position: relative;
    background: rgba(23, 135, 238, 0.25);
    height: 2px;
    width: 100%;
}
.treks_popup .competencies_block .competence .line div {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #1588ee;
    height: 2px;
}
.treks_popup .competencies_block .competence + .competence {
    margin-top: 8px;
}
.roads_list {
    position: relative;
    height: 40px;
    width: 100%;
}
.roads_list .next,
.roads_list .prev {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    opacity: 0.75;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
    z-index: 1;
    border-radius: 50%;
}
.roads_list .next:hover,
.roads_list .prev:hover {
    opacity: 1;
}
.roads_list .next.not-active,
.roads_list .prev.not-active {
    opacity: 0;
    cursor: default;
}
.roads_list .next {
    transform: rotate(180deg);
    box-shadow: 0 -8px 24px rgba(0, 72, 135, 0.2);
    right: 50%;
    margin-right: -231px;
}
.roads_list .next,
.roads_list .prev {
    background: #fff url(../img/icons/arrow_left.svg) no-repeat 50%;
}
.roads_list .prev {
    box-shadow: 0 8px 24px rgba(0, 72, 135, 0.2);
    left: 50%;
    margin-left: -231px;
}
.roads_list .pin {
    position: absolute;
    text-align: center;
    line-height: 40px;
    left: 32px;
    right: 32px;
    opacity: 0;
}
.roads_list .pin .name span {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    transition: all 0.15s ease-in-out;
    color: #000;
}
.roads_list .pin.active {
    opacity: 1;
}
.roads_in_sphere {
    background: #fff;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 70px;
    z-index: 3;
    opacity: 0;
    pointer-events: none;
    transition: all 0.15s ease-in-out;
}
.roads_in_sphere.active {
    opacity: 1;
    pointer-events: auto;
}
.roads_in_sphere .sphere {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    opacity: 0;
    pointer-events: none;
    transition: all 0.15s ease-in-out;
}
.roads_in_sphere .sphere.active {
    opacity: 1;
    pointer-events: auto;
}
.roads_in_sphere .sphere > div {
    width: 25%;
    padding: 0 2px;
    position: relative;
    cursor: pointer;
}
.roads_in_sphere .sphere > div .name {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    height: 60px;
    text-align: center;
}
.roads_in_sphere .sphere > div .name span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    opacity: 0.5;
    color: #000;
    font-size: 14px;
}
.roads_in_sphere .sphere > div .img {
    margin-top: 67px;
    margin-bottom: 44px;
    position: relative;
    width: 100%;
}
.roads_in_sphere .sphere > div .start_marker {
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 40px;
    text-align: center;
}
.roads_in_sphere .sphere > div .start_marker span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    font-size: 14px;
}
.roads_in_sphere .sphere > div.active {
    cursor: default;
}
.roads_in_sphere .sphere > div.active .name span {
    opacity: 1;
    color: #1588ee;
}
.roads_in_sphere .sphere > div:first-child .start_marker span {
    color: #ff4b3a;
}
.roads_in_sphere .sphere > div:nth-child(2) .start_marker span {
    color: #ff800b;
}
.roads_in_sphere .sphere > div:nth-child(3) .start_marker span {
    color: #ffc500;
}
.roads_in_sphere .sphere > div:nth-child(4) .start_marker span {
    color: #00cd6a;
}
.modal_div {
    z-index: 13;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    cursor: pointer;
    display: none;
    transition: none;
    overflow: auto;
}
.modal_div > div {
    width: 1056px;
    border-radius: 8px;
    background: #fff;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-50%);
    z-index: 14;
    padding: 0;
    transition: none;
    margin-bottom: 30px;
    overflow: hidden;
    cursor: default;
}
.modal_div > div.min {
    width: 798px;
}
.modal_div > div.big {
    width: 1240px;
}
.modal_div > div .head {
    border-radius: 8px 8px 0 0;
    background: #f2f6fa;
}
.modal_div > div .head .modal_title {
    text-align: center;
    padding: 16px 24px;
}
.modal_div > div .head .modal_close {
    top: 18px;
}
.modal_div > div .modal_title {
    padding: 22px 24px;
}
.modal_div > div .modal_title.for_ava {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.modal_div > div .modal_title.for_ava .ava {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #333;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.modal_div > div .modal_title.for_ava h3 {
    font-size: 20px;
    line-height: 25px;
    width: calc(100% - 50px);
    padding-left: 16px;
}
.modal_div > div .modal_title h3 {
    margin: 0;
}
.modal_div > div .modal_close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
    display: block;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    color: #000;
    opacity: 0.25;
}
.modal_div > div .modal_close:hover {
    opacity: 0.5;
}
.modal_div > div .date_list {
    display: -ms-flexbox;
    display: flex;
    padding: 0 24px 24px;
}
.modal_div > div .date_list .date span {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    opacity: 0.5;
    display: block;
}
.modal_div > div .date_list .date span + span {
    margin-top: 4px;
    opacity: 1;
}
.modal_div > div .date_list .date + .date {
    margin-left: 40px;
}
.modal_div > div .content {
    padding: 0 24px 24px;
}
.modal_div > div .content .text {
    padding-bottom: 12px;
}
.modal_div > div .content .for_ava {
    padding-left: 66px;
}
.modal_div > div .content form {
    margin-top: 24px;
}
.modal_div > div .content form button,
.modal_div > div .content form select {
    width: 100%;
}
.modal_div > div .content > hr {
    margin: 24px -24px !important;
}
#overlay {
    z-index: 13;
    position: fixed;
    background-color: #000;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none !important;
    transition: none;
}
.edit_competences_modal .top_list {
    margin-top: 20px;
}
.edit_competences_modal .top_list .line .user_top {
    width: 10%;
}
.edit_competences_modal .content {
    padding-bottom: 92px;
}
.edit_competences_modal .btn_line {
    display: -ms-flexbox;
    display: flex;
    padding: 24px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
}
.edit_competences_modal .btn_line input[type="button"] {
    width: 200px !important;
}
.edit_competences_modal .btn_line input[type="button"] + input[type="button"] {
    margin-left: 24px;
}
.edit_competences_modal .btn_line .border-left {
    margin: 0 24px;
    width: 1px;
    height: 44px;
    background: #ccc;
}
.edit_competences_modal .modal_tabs > * {
    height: 39px;
}
.edit_competences_modal .content {
    height: calc(100vh - 306px);
}
.competences_list_modal,
.edit_competences_modal {
    background: #f2f6fa !important;
}
.competences_list_modal .content,
.edit_competences_modal .content {
    overflow: auto;
    background: #fff;
    border-radius: 0 0 8px 8px;
}
.competences_list_modal .content .competence_points_card,
.edit_competences_modal .content .competence_points_card {
    cursor: pointer;
    border: 1px solid #f2f6fa;
}
.competences_list_modal .content .competence_points_card .points,
.edit_competences_modal .content .competence_points_card .points {
    position: relative;
}
.competences_list_modal .content .competence_points_card .points .select_icon,
.edit_competences_modal .content .competence_points_card .points .select_icon {
    width: 24px;
    height: 24px;
    background: url(../img/icons/a-check-white.svg);
    position: absolute;
    top: 12px;
    left: 20px;
    opacity: 1;
}
.competences_list_modal .content .competence_points_card.not_active,
.edit_competences_modal .content .competence_points_card.not_active {
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0);
}
.competences_list_modal .content .competence_points_card.not_active .points,
.edit_competences_modal .content .competence_points_card.not_active .points {
    background: #f2f6fa;
}
.competences_list_modal .content .competence_points_card.not_active .points span,
.edit_competences_modal .content .competence_points_card.not_active .points span {
    color: #bfbfbf;
}
.competences_list_modal .content .competence_points_card.not_active .points .select_icon,
.edit_competences_modal .content .competence_points_card.not_active .points .select_icon {
    opacity: 0;
}
.modal_tabs {
    padding: 0 24px;
}
.modal_tabs,
.modal_tabs > * {
    display: -ms-flexbox;
    display: flex;
}
.modal_tabs > * {
    height: 66px;
    border-radius: 8px 8px 0 0;
    background-color: #f2f6fa;
    padding: 8px 23px;
    cursor: pointer;
}
.modal_tabs > :hover {
    background: hsla(0, 0%, 100%, 0.5);
}
.modal_tabs > * span {
    opacity: 0.25;
    color: #000;
    font-weight: 400;
    font-size: 14px;
}
.modal_tabs > .active {
    background: #fff;
    cursor: default;
}
.modal_tabs > .active span {
    opacity: 1;
    color: #1588ee;
}
.modal_tabs .ban_tab {
    margin-left: auto;
}
.modal_tabs .ban_tab:hover {
    background: rgba(220, 53, 69, 0.05);
}
.modal_tabs .ban_tab.active {
    background: rgba(220, 53, 69, 0.7);
}
.modal_tabs .ban_tab.active span {
    color: #fff;
    opacity: 1;
}
.switch_content .competences_list {
    padding-top: 12px;
    margin: 0 -14px -12px;
}
.modal_div .tracks {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 24px 24px;
    margin: 0 -8px 20px;
}
.modal_div .tracks:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    left: 32px;
    right: 32px;
    background: #d9dadc;
    bottom: 0;
}
.modal_div .tracks .track {
    position: relative;
    display: block;
    border-radius: 16px;
    background-color: #fff;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.5);
    margin: 8px;
    display: none;
    cursor: pointer;
    opacity: 0.75;
}
.modal_div .tracks .track span {
    display: block;
    padding: 6px 36px 6px 16px;
}
.modal_div .tracks .track .close {
    padding: 0;
    width: 24px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 4px;
    cursor: pointer;
    display: block;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000;
    opacity: 0.25;
    font-weight: 100;
    font-size: 20px;
}
.modal_div .tracks .track:hover {
    opacity: 1;
}
.modal_div .tracks .track.show {
    display: block;
}
.modal_div .tracks .track.active {
    opacity: 1;
    background: #1588ee;
    color: #fff;
}
.modal_div .tracks .track.active span {
    color: #fff;
}
.modal_div .tracks .track.active .close {
    color: #fff;
    opacity: 1;
}
.modal_div .tracks .track + .track {
    margin: 8px;
}
.modal_div .tracks .add_element {
    margin: 8px 8px 8px 24px;
}
.modal_div .tracks .add_element .icon {
    width: 32px;
    height: 32px;
}
.modal_div .tracks .add_element .icon:before {
    width: 10px;
}
.modal_div .tracks .add_element .icon:after {
    height: 10px;
}
.modal_div .tracks .add_element span {
    padding-top: 5.5px;
    padding-bottom: 5.5px;
}
.modal_div .tracks_list {
    position: relative;
    padding: 0 24px;
    margin: 0 -8px 20px;
    transition: none;
    display: none;
}
.modal_div .tracks_list:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    left: 32px;
    right: 32px;
    background: #d9dadc;
    bottom: 0;
}
.modal_div .tracks_list .tracks {
    padding: 0;
    margin: 0;
}
.modal_div .tracks_list .tracks:after {
    display: none;
}
.modal_div .tracks_list .tracks .track {
    display: block;
    cursor: pointer;
}
.modal_div .tracks_list .tracks .track span {
    padding: 6px 16px;
}
.modal_div .tracks_list .tracks .track.active {
    color: rgba(0, 0, 0, 0.5);
    background: rgba(21, 136, 238, 0.2);
}
.modal_div .tracks_list .tracks .track.active span {
    color: rgba(0, 0, 0, 0.5);
}
.modal_div .hide {
    margin-top: -8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.modal_div .hide span {
    text-align: center;
    padding: 16px;
    display: block;
    color: #000;
    opacity: 0.25;
    font-size: 14px;
    cursor: pointer;
}
.modal_div .hide span:hover {
    opacity: 0.5;
}
.bottom_btn {
    padding: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.bottom_btn button {
    width: auto;
}
#right_block {
    width: 320px;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    background-color: #fff;
    position: fixed;
    top: 104px;
    bottom: 24px;
    right: 0;
    z-index: 6;
    overflow: auto;
}
#right_block .settings {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 50px;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
#right_block .profile {
    text-align: center;
    position: relative;
    padding-bottom: 24px;
}
#right_block .profile .photo {
    padding: 24px 0 16px;
    position: relative;
}
#right_block .profile .photo .ava {
    background: #fff0;
}
#right_block .profile .name span {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.2px;
    color: #000;
}
#right_block .profile .deskr {
    margin-top: 8px;
    padding: 0 40px;
}
#right_block .profile .deskr span {
    opacity: 0.5;
    font-family: Roboto;
    font-size: 14px;
    line-height: 1.43;
    color: #000;
}
#right_block .profile .send_msg {
    margin: 24px 40px;
}
#right_block .profile .send_msg .big {
    display: block;
    width: 100%;
}
#right_block .profile:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    opacity: 0.05;
    background-color: #000;
}
@media (max-width: 1650px) {
    #right_block {
        width: 98px;
        overflow: hidden;
    }
    #right_block > * {
        opacity: 0;
        pointer-events: none;
    }
    #right_block .expand_block {
        opacity: 1;
        pointer-events: auto;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 98px;
    }
    #right_block .expand_block:after,
    #right_block .expand_block:before {
        content: "";
        display: block;
        position: absolute;
        transition: all 0.15s ease-in-out;
        border-radius: 50%;
    }
    #right_block .expand_block:before {
        left: 0;
        top: 50%;
        margin-top: -16px;
        width: 32px;
        height: 32px;
        background: url(../img/icons/arrow_prpl.svg) no-repeat 50%;
    }
    #right_block .expand_block:after {
        right: 16px;
        top: 50%;
        margin-top: -25px;
        width: 50px;
        height: 50px;
        background: #534a9c url(../img/icons/profile.svg) no-repeat 50%;
    }
    #right_block .expand_block:hover {
        cursor: pointer;
        background: #534a9c;
    }
    #right_block .expand_block:hover:before {
        left: 10px;
        background: url(../img/icons/arrow_left.svg) no-repeat 50%;
    }
    #right_block .expand_block:hover:after {
        right: 10px;
    }
    #right_block.show {
        width: 320px;
        border-radius: 8px 0 0 8px;
        box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
        background-color: #fff;
        position: fixed;
        top: 104px;
        bottom: 24px;
        right: 0;
        z-index: 6;
        overflow: auto;
    }
    #right_block.show > * {
        opacity: 1;
        pointer-events: auto;
    }
    #right_block.show .expand_block {
        opacity: 0;
        pointer-events: none;
    }
}
#right_block.expand {
    width: 98px;
    overflow: hidden;
}
#right_block.expand > * {
    opacity: 0;
    pointer-events: none;
}
#right_block.expand .expand_block {
    opacity: 1;
    pointer-events: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 98px;
}
#right_block.expand .expand_block:after,
#right_block.expand .expand_block:before {
    content: "";
    display: block;
    position: absolute;
    transition: all 0.15s ease-in-out;
    border-radius: 50%;
}
#right_block.expand .expand_block:before {
    left: 0;
    top: 50%;
    margin-top: -16px;
    width: 32px;
    height: 32px;
    background: url(../img/icons/arrow_prpl.svg) no-repeat 50%;
}
#right_block.expand .expand_block:after {
    right: 16px;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    background: #534a9c url(../img/icons/profile.svg) no-repeat 50%;
}
#right_block.expand .expand_block:hover {
    cursor: pointer;
    background: #534a9c;
}
#right_block.expand .expand_block:hover:before {
    left: 10px;
    background: url(../img/icons/arrow_left.svg) no-repeat 50%;
}
#right_block.expand .expand_block:hover:after {
    right: 10px;
}
#right_block.roll_up .roll_up_btn {
    border-radius: 10px 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(180deg);
    width: 50px;
    height: 50px;
    background: rgba(83, 74, 156, 0.1) url(../img/icons/arrow_prpl.svg) no-repeat 50%;
    cursor: pointer;
    z-index: 1;
}
#right_block.roll_up .roll_up_btn:hover {
    background: #534a9c url(../img/icons/arrow_left.svg) no-repeat 50%;
}
.mertors {
    padding: 20px 40px;
}
.mertors .mertors_slider {
    text-align: center;
    padding: 0 !important;
    overflow: initial;
    height: 296px;
}
.mertors .mertors_slider .slick-list,
.mertors .mertors_slider .slick-list * {
    transition: none;
}
.mertors .mertors_slider .slick-prev {
    right: 40px !important;
}
.mertors .mertors_slider .slick-next {
    transform: rotate(180deg);
}
.mertors .mertors_slider .slick-arrow {
    background: #fff url(../img/icons/a-arrow_left_24px.svg) no-repeat 50%;
    width: 32px;
    height: 32px;
    font-size: 0;
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    top: -52px;
    right: 0;
    cursor: pointer;
    border-radius: 50%;
    opacity: 0.7;
}
.mertors .mertors_slider .slick-arrow:hover {
    opacity: 1;
}
.mertors .mertors_slider .users_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.mertors .mertors_slider .users_list .user {
    width: 50%;
    margin-top: 20px;
}
@keyframes a {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes a1 {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes b {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.treks #trek_list {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -12px;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.treks #trek_list .trek {
    width: calc(100% / 3 - 24px);
    border-radius: 8px;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    background-color: #fff;
    padding: 24px;
    margin: 0 12px 40px;
    position: relative;
    cursor: pointer;
}
@media (max-width: 1400px) {
    .treks #trek_list .trek {
        padding: 24px 10px;
    }
}
.treks #trek_list .trek .img {
    position: relative;
    margin: 0 auto 24px;
    width: 100%;
    max-width: 130px;
    height: 130px;
}
.treks #trek_list .trek .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
    max-width: 110px;
}
.treks #trek_list .trek .img img.hover {
    z-index: 2;
    opacity: 0;
}
.treks #trek_list .trek .text span {
    display: block;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}
.treks #trek_list .trek:before {
    content: "";
    display: block;
    border: 17px solid transparent;
    border-top: 17px solid #ff4b3a;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -17px;
    pointer-events: none;
    opacity: 0;
    transition: all 0.15s ease-in-out;
}
.treks #trek_list .trek:hover {
    background-color: #ff4b3a;
}
.treks #trek_list .trek:hover .img img {
    opacity: 0;
}
.treks #trek_list .trek:hover .img img.hover {
    opacity: 1;
}
.treks #trek_list .trek:hover .text span {
    color: #fff;
}
.treks #trek_list .trek.active {
    background-color: #ff4b3a;
    box-shadow: 0 0 0 0 rgba(0, 72, 135, 0.1);
}
.treks #trek_list .trek.active .img img {
    opacity: 0;
}
.treks #trek_list .trek.active .img img.hover {
    opacity: 1;
}
.treks #trek_list .trek.active .text span {
    color: #fff;
}
.treks #trek_list .trek.active:before {
    opacity: 1;
    bottom: -34px;
}
.treks .trek_content .trek {
    display: none;
}
.treks .trek_content .trek.active {
    display: block;
    animation: a1 0.15s 1 ease-in-out;
}
.treks .trek_content .trek .text p {
    margin: 0 0 16px;
}
.treks .trek_content .trek .category + .category {
    margin-top: 40px;
}
.treks .trek_content .trek .category .treks_group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -12px;
    position: relative;
}
.treks .trek_content .trek .category .treks_group .trek_card {
    position: relative;
    border-radius: 8px;
    height: 200px;
    margin: 12px;
    width: calc(50% - 24px);
    overflow: hidden;
    cursor: pointer;
}
.treks .trek_content .trek .category .treks_group .trek_card .name {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    left: 40px;
    right: 40px;
}
.treks .trek_content .trek .category .treks_group .trek_card .name span {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.17;
    color: #fff;
}
.treks .trek_content .trek .category .treks_group .trek_card .bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 1;
    transform: scale(1);
    border-radius: 8px;
}
.treks .trek_content .trek .category .treks_group .trek_card .bg:after {
    content: "";
    display: block;
    background-image: radial-gradient(circle at 50% 0, #4167bb, #7563c7);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: all 0.15s ease-in-out;
}
.treks .trek_content .trek .category .treks_group .trek_card.active .bg:after,
.treks .trek_content .trek .category .treks_group .trek_card:hover .bg:after {
    opacity: 0.6;
}
.treks .trek_content .trek .category .treks_group .trek_card.active .bg:after {
    opacity: 0.8;
}
.treks .trek_content .trek .category .treks_group .more_info {
    z-index: 5;
    padding: 24px 10px 24px 24px;
    border-radius: 8px;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    background-color: #fff;
    height: 424px;
    position: absolute;
    top: 12px;
    bottom: 12px;
    right: 12px;
    width: calc(50% - 24px);
    display: none;
    animation: b 0.15s 1 ease-in-out;
}
.treks .trek_content .trek .category .treks_group .more_info:before {
    content: "";
    display: block;
    border: 17px solid transparent;
    border-right: 17px solid #fff;
    position: absolute;
    bottom: 83px;
    left: 0;
    margin-left: -34px;
    pointer-events: none;
    transition: all 0.15s ease-in-out;
}
.treks .trek_content .trek .category .treks_group .more_info.left {
    right: auto;
    left: 12px;
}
.treks .trek_content .trek .category .treks_group .more_info.left:before {
    margin-left: 0;
    margin-right: -17px;
    right: 0;
    border-left: 17px solid #fff;
    border-right: transparent;
    left: auto;
}
.treks .trek_content .trek .category .treks_group .more_info.arrow_top:before,
.treks .trek_content .trek .category .treks_group .more_info.left.arrow_top:before {
    bottom: auto;
    top: 83px;
    margin-left: -34px;
}
.treks .trek_content .trek .category .treks_group .more_info .scroll {
    height: 316px;
    overflow: auto;
    padding-right: 10px;
}
.treks .trek_content .trek .category .treks_group .more_info .scroll::-webkit-scrollbar {
    width: 4px;
    height: 10px;
}
.treks .trek_content .trek .category .treks_group .more_info .scroll::-webkit-scrollbar-button:end:increment,
.treks .trek_content .trek .category .treks_group .more_info .scroll::-webkit-scrollbar-button:start:decrement {
    display: none;
}
.treks .trek_content .trek .category .treks_group .more_info .scroll::-webkit-scrollbar-track-piece {
    background-color: none;
}
.treks .trek_content .trek .category .treks_group .more_info .scroll::-webkit-scrollbar-thumb:vertical {
    border-radius: 3px;
    background-color: #ccc;
}
.treks .trek_content .trek .category .treks_group .more_info .scroll .competences {
    margin: 24px 0;
}
.treks .trek_content .trek .category .treks_group .more_info .scroll .competences .competence {
    padding: 0 0 0 40px;
    position: relative;
    min-height: 24px;
}
.treks .trek_content .trek .category .treks_group .more_info .scroll .competences .competence i {
    position: absolute;
    top: 0;
    left: 0;
    color: #4167bb;
    display: block;
    width: 24px;
    height: 24px;
    font-size: 24px;
}
.treks .trek_content .trek .category .treks_group .more_info .scroll .competences .competence span {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    display: block;
}
.treks .trek_content .trek .category .treks_group .more_info .scroll .competences .competence + .competence {
    margin-top: 16px;
}
.treks .trek_content .trek .category .treks_group .more_info .scroll .item {
    padding-left: 160px;
    position: relative;
    font-size: 14px;
    margin-top: 24px;
}
.treks .trek_content .trek .category .treks_group .more_info .scroll .item b {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    line-height: 20px;
}
.treks .trek_content .trek .category .treks_group .more_info .scroll .item span {
    width: 295px;
    line-height: 20px;
}
.treks .trek_content .trek .category .treks_group .more_info .scroll .item + .item {
    margin-top: 12px;
}
.treks .trek_content .trek .category .treks_group .more_info .btn_block {
    padding: 16px 14px 16px 0;
}
.treks .trek_content .trek .category .treks_group .more_info .btn_block .blue_btn {
    width: 200px;
}
.treks .trek_content .trek .category .treks_group .more_info.active {
    display: block;
    animation: a 0.15s 1 ease-in-out;
}
.treks .trek_content .trek .select_content_list {
    position: relative;
    margin-top: 40px;
}
.treks .trek_content .trek .select_content_list .select_content {
    height: 160px;
    position: relative;
    background: #333;
    border-radius: 8px;
    margin: 24px 0 0;
}
.treks .trek_content .trek .select_content_list .select_content span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 80px;
    right: 320px;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0.2px;
    color: #fff;
}
.treks .trek_content .trek .select_content_list .select_content .blue_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    width: 240px;
}
.treks .trek_content .trek .select_content_list .select_content.navigator {
    background: url(../img/trek/navigator_bg.png) no-repeat 50%;
    background-size: cover;
}
.treks .trek_content .trek .select_content_list .select_content.education {
    background: url(../img/trek/education_bg.png) no-repeat 50%;
    background-size: cover;
}
.treks .trek_content .trek .select_content_list .select_content.project {
    background: url(../img/trek/project_bg.png) no-repeat 50%;
    background-size: cover;
}
.treks .trek_content .trek .select_content_list .select_content.events {
    background: url(../img/trek/events_bg.png) no-repeat 50%;
    background-size: cover;
}
@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot?qo9qjn);
    src: url(../fonts/icomoon.eot?qo9qjn#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?qo9qjn) format("truetype"), url(../fonts/icomoon.woff?qo9qjn) format("woff"), url(../fonts/icomoon.svg?qo9qjn#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
}
[class*=" icon-"],
[class^="icon-"] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-a-arrow_down:before {
    content: "\e900";
}
.icon-a-arrow_left_24px:before {
    content: "\e901";
}
.icon-a-arrow_right_24px:before {
    content: "\e903";
}
.icon-a-arrow_right-button:before {
    content: "\e905";
}
.icon-a-attach_file:before {
    content: "\e906";
}
.icon-a-bookmark:before {
    content: "\e907";
}
.icon-a-card-challenge:before {
    content: "\e908";
}
.icon-a-card-education:before {
    content: "\e909";
}
.icon-a-card-events:before {
    content: "\e90a";
}
.icon-a-card-project:before {
    content: "\e90b";
}
.icon-a-check:before {
    content: "\e90c";
}
.icon-a-check_box:before {
    content: "\e90d";
}
.icon-a-check_box-checked:before {
    content: "\e90e";
}
.icon-a-close:before {
    content: "\e910";
}
.icon-a-close_2:before {
    content: "\e911";
}
.icon-a-compare:before {
    content: "\e913";
}
.icon-a-data:before {
    content: "\e914";
}
.icon-a-delete:before {
    content: "\e915";
}
.icon-a-doc:before {
    content: "\e917";
}
.icon-a-edit:before {
    content: "\e918";
}
.icon-a-file:before {
    content: "\e919";
}
.icon-a-help:before {
    content: "\e91a";
}
.icon-a-like:before {
    content: "\e91b";
}
.icon-a-link:before {
    content: "\e91e";
}
.icon-a-loading:before {
    content: "\e91f";
}
.icon-a-lock:before {
    content: "\e920";
}
.icon-a-mail:before {
    content: "\e921";
}
.icon-a-more_h:before {
    content: "\e923";
}
.icon-a-more_v:before {
    content: "\e924";
}
.icon-a-notifications:before {
    content: "\e926";
}
.icon-a-organization:before {
    content: "\e928";
}
.icon-a-pdf:before {
    content: "\e929";
}
.icon-a-person:before {
    content: "\e92a";
}
.icon-a-phone:before {
    content: "\e92b";
}
.icon-a-photo:before {
    content: "\e92c";
}
.icon-a-photo_change:before {
    content: "\e92d";
}
.icon-a-place:before {
    content: "\e92e";
}
.icon-a-plus:before {
    content: "\e92f";
}
.icon-a-radio_button:before {
    content: "\e930";
}
.icon-a-radio_button-checked:before {
    content: "\e931";
}
.icon-a-rating:before {
    content: "\e933";
}
.icon-a-search:before {
    content: "\e934";
}
.icon-a-settings:before {
    content: "\e935";
}
.icon-a-time:before {
    content: "\e937";
}
.icon-a-video:before {
    content: "\e938";
}
.icon-a-video_library:before {
    content: "\e939";
}
.icon-a-visibility:before {
    content: "\e93a";
}
.icon-baseline-keyboard-arrow-left-24-px:before {
    content: "\e93b";
}
.icon-cad:before {
    content: "\e93c";
}
.icon-car:before {
    content: "\e93d";
}
.icon-challenge:before {
    content: "\e93e";
}
.icon-education:before {
    content: "\e93f";
}
.icon-event:before {
    content: "\e940";
}
.icon-graph:before {
    content: "\e941";
}
.icon-logo:before {
    content: "\e942";
}
.icon-navigator:before {
    content: "\e943";
}
.icon-people:before {
    content: "\e944";
}
.icon-project:before {
    content: "\e945";
}
.icon-q-a:before {
    content: "\e946";
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}
h1 {
    font-size: 48px;
    line-height: normal;
    letter-spacing: normal;
}
h1,
h2 {
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    color: #000;
}
h2 {
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: 0.2px;
}
h3 {
    font-size: 24px;
    line-height: 1.17;
    letter-spacing: normal;
}
h3,
h4 {
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    color: #000;
}
h4 {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.2px;
}
body {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
}
.breadcrumbs {
    margin-bottom: 24px;
}
.breadcrumbs > * {
    font-size: 14px;
    line-height: 1.43;
    color: #000;
    display: inline-block;
    font-weight: 400;
}
.breadcrumbs a {
    opacity: 0.25;
}
.breadcrumbs a:hover {
    opacity: 0.5;
}
.breadcrumbs span {
    opacity: 0.25;
}
/*.banner {
    position: relative;
    width: 100%;
    height: 200px;
    border-radius: 8px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}*/
.banner.big {
    height: 340px;
}
/*.banner .text {
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
}*/
.banner .text span {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.2px;
}
.banner .text h2,
.banner .text span {
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    color: #fff;
}
.banner.selection {
    height: 116px;
}
.banner .deskr_page_link {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
}
.banner .deskr_page_link a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    display: block;
    padding-right: 24px;
    line-height: 25px;
}
.banner .deskr_page_link a i {
    font-weight: 400;
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 24px;
    font-size: 20px;
}
.banner .btn_block_bg {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 24px;
    bottom: 24px;
    padding: 16px 24px;
    border-radius: 8px;
    background-color: hsla(0, 0%, 100%, 0.85);
    max-width: 425px;
}
.banner .btn_block_bg div {
    padding-right: 24px;
}
.banner .btn_block_bg div span {
    color: #707171;
    font-size: 14px;
    line-height: 22px;
    display: block;
}
.banner .btn_block_bg div + div {
    padding-right: 0;
    padding-left: 24px;
    border-left: 1px solid #bfbfbf;
}
.trek_page > .text {
    padding: 24px 0 40px;
    max-width: 808px;
}
.trek_page > .text h3 {
    margin-bottom: 24px;
}
.trek_page > .text p {
    margin: 0;
}
.trek_page > .text p + p {
    margin-top: 16px;
}
.trek_page .text_info {
    margin-top: 16px;
    padding-top: 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.trek_page .btn_block {
    padding-bottom: 20px;
}
.trek_page .btn_block .blue_btn {
    width: 240px;
}
.trek_page .competences_and_interests {
    padding-top: 20px;
    display: -ms-flexbox;
    display: flex;
}
.trek_page .competences_and_interests .competences {
    width: 50%;
    padding: 0 24px 0 0;
}
.trek_page .competences_and_interests .competences h4 {
    margin-bottom: 16px;
}
.trek_page .competences_and_interests .interests {
    width: 50%;
    padding: 0 0 0 24px;
}
.trek_page .competences_and_interests .interests h4 {
    margin-bottom: 16px;
}
.trek_page .rectangle {
    font-size: 14px;
    margin: 24px 0 16px;
    padding: 16px;
    border-radius: 8px;
    background-color: #f2f6fa;
}
.trek_page .rectangle div + div {
    margin-top: 16px;
}
.trek_page .rectangle div b {
    color: #000;
}
.trek_page .rectangle div a {
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline !important;
    border-bottom: 1px solid;
}
/*.trek_page .trek_card_bottom {
    position: relative;
    width: 100%;
    height: 200px;
    border-radius: 8px;
    background: #f2e5df;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    margin-top: 130px;
}
.trek_page .trek_card_bottom .img {
    height: 237px;
    position: absolute;
    left: 150px;
    bottom: 24px;
}
@media (max-width: 1400px) {
    .trek_page .trek_card_bottom .img {
        left: 30px;
    }
}
@media (max-width: 1600px) {
    .trek_page .trek_card_bottom .img {
        left: 50px;
    }
}
.trek_page .trek_card_bottom .img img {
    display: block;
    width: auto;
    height: 100%;
}
.trek_page .trek_card_bottom .text {
    position: absolute;
    top: 32px;
    right: 160px;
}
@media (max-width: 1400px) {
    .trek_page .trek_card_bottom .text {
        right: 30px;
    }
}
@media (max-width: 1600px) {
    .trek_page .trek_card_bottom .text {
        right: 50px;
    }
}
.trek_page .trek_card_bottom .text span {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.2px;
    color: #000;
}
.trek_page .trek_card_bottom .text h2 {
    color: #000;
}
.trek_page .trek_card_bottom .text .btn_block {
    margin-top: 24px;
}*/
.trek_page .news {
    padding-top: 40px;
}
.interests_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -4px;
    max-height: 96px;
    overflow: hidden;
}
.interests_list span {
    display: block;
    border-radius: 12px;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 1.43;
    color: rgba(0, 0, 0, 0.25);
    line-height: 22px;
    margin: 4px;
    padding: 0 16px;
    font-weight: 700;
    cursor: default;
}
.competence,
.hobby {
    padding: 0 0 0 40px;
    position: relative;
    min-height: 24px;
    cursor: default;
}
.competence i,
.hobby i {
    position: absolute;
    top: 0;
    left: 0;
    color: #4167bb;
    display: block;
    width: 24px;
    height: 24px;
    font-size: 24px;
}
.competence i.sport,
.hobby i.sport {
    background: url(../img/icons/competence/sport.svg) no-repeat 50%;
}
.competence i.programming,
.hobby i.programming {
    background: url(../img/icons/competence/programming.svg) no-repeat 50%;
}
.competence i.reading,
.hobby i.reading {
    background: url(../img/icons/competence/reading.svg) no-repeat 50%;
}
.competence span,
.hobby span {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    display: block;
}
.competence + .competence,
.competence + .hobby,
.hobby + .competence,
.hobby + .hobby {
    margin-top: 16px;
}
.lang {
    padding: 0 0 0 40px;
    position: relative;
    min-height: 20px;
    cursor: default;
}
.lang i {
    position: absolute;
    top: 0;
    left: 0;
    color: #4167bb;
    display: block;
    width: 24px;
    height: 16px;
    font-size: 24px;
    margin: 2px 0;
    background-repeat: no-repeat;
    background-position: 50%;
}
.lang i.ru {
    background-image: url(../img/icons/langs/russia.svg);
}
.lang i.cn {
    background-image: url(../img/icons/langs/china.svg);
}
.lang i.es {
    background-image: url(../img/icons/langs/spain.svg);
}
.lang i.ae {
    background-image: url(../img/icons/langs/united-arab-emirates.svg);
}
.lang i.pt {
    background-image: url(../img/icons/langs/portugal.svg);
}
.lang i.de {
    background-image: url(../img/icons/langs/germany.svg);
}
.lang i.gf {
    background-image: url(../img/icons/langs/france.svg);
}
.lang i.gb {
    background-image: url(../img/icons/langs/united-kingdom.svg);
}
.lang i.az {
    background-image: url(../img/icons/langs/azerbaijan.svg);
}
.lang i.by {
    background-image: url(../img/icons/langs/belarus.svg);
}
.lang i.ge {
    background-image: url(../img/icons/langs/georgia.svg);
}
.lang i.kz {
    background-image: url(../img/icons/langs/kazakhstan.svg);
}
.lang i.kg {
    background-image: url(../img/icons/langs/kyrgyzstan.svg);
}
.lang i.lv {
    background-image: url(../img/icons/langs/latvia.svg);
}
.lang i.lt {
    background-image: url(../img/icons/langs/lithuania.svg);
}
.lang i.md {
    background-image: url(../img/icons/langs/moldova.svg);
}
.lang i.tj {
    background-image: url(../img/icons/langs/tajikistan.svg);
}
.lang i.tm {
    background-image: url(../img/icons/langs/turkmenistan.svg);
}
.lang i.uz {
    background-image: url(../img/icons/langs/uzbekistan.svg);
}
.lang i.ua {
    background-image: url(../img/icons/langs/ukraine.svg);
}
.lang i.ee {
    background-image: url(../img/icons/langs/estonia.svg);
}
.lang span {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
}
.lang span span {
    display: inline;
    opacity: 0.25;
    margin-left: 8px;
}
.lang span span.edit {
    width: 16px;
    height: 16px;
    margin: 2px 0 2px 8px;
    position: relative;
    opacity: 1;
    cursor: pointer;
}
.lang span span.edit:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/icons/a-edit.svg) no-repeat 50%;
}
.lang span span.edit:hover {
    opacity: 0.7;
}
.lang + .lang {
    margin-top: 14px;
}
.modal_div .lang span {
    display: -ms-flexbox;
    display: flex;
}
.text :last-child {
    margin-bottom: 0 !important;
}
.text ul {
    margin: 15px 0;
}
.text ul li + li {
    margin-top: 15px;
}
.about_mentor.text {
    font-size: 14px;
}
.news + .news {
    margin-top: 28px;
}
.news .page_title {
    margin-bottom: 12px;
}
.news .news_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.news .news_list.col4 .add_new_card,
.news .news_list.col4 .shadow-box {
    width: calc(25% - 24px) !important;
}
.news .news_list .add_new_card,
.news .news_list .shadow-box {
    margin: 12px;
    width: calc(33.333333333% - 24px);
    display: block;
}
input:focus::-webkit-input-placeholder {
    color: transparent;
}
input:focus:-moz-placeholder,
input:focus::-moz-placeholder {
    color: transparent;
}
input:focus:-ms-input-placeholder {
    color: transparent;
}
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}
textarea:focus:-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent;
}
textarea:focus:-ms-input-placeholder {
    color: transparent;
}
.header_photo > img {
    max-height: 800px;
}
html .link_file {
    background: url(../img/icons/a-file.svg) no-repeat 0 0;
    padding-left: 32px;
    font-weight: 400;
    min-height: 24px;
    display: inline-block;
    margin-right: 20px;
}
#top_menu .user .ava {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: none;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
#right_block .profile .photo .ava {
    margin: 0 auto;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.competence_points_card.blue,
.competence_points_card.blue .points {
    background-color: #4167bb;
}
.competence_points_card.orange,
.competence_points_card.orange .points {
    background-color: #ff800b;
}
.competence_points_card.red,
.competence_points_card.red .points {
    background-color: #ff4b3a;
}
.competence_points_card.yellow,
.competence_points_card.yellow .points {
    background-color: #ffc500;
}
.competence_points_card.green,
.competence_points_card.green .points {
    background-color: #00cd6a;
}
.competence_points_card.blue,
.competence_points_card.blue .points {
    background-color: #1588ee;
}
.competence_points_card.dark_blue,
.competence_points_card.dark_blue .points {
    background-color: #534a9c;
}
.competence_points_card.bright_yellow,
.competence_points_card.bright_yellow .points {
    background-color: #ffff4d;
}
.competence_points_card.dark_yellow,
.competence_points_card.dark_yellow .points {
    background-color: #dfdf01;
}
.competence_points_card.light_green,
.competence_points_card.light_green .points {
    background-color: #90ee90;
}
.competence_points_card.dark_green,
.competence_points_card.dark_green .points {
    background-color: #006400;
}
.competence_points_card.phiolet,
.competence_points_card.phiolet .points {
    background-color: #902d69;
}
#left_menu .site_name .text span {
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
}
#left_menu .site_name .text span:first-child {
    font-size: 18px;
}
#left_menu .site_name .text span:last-child {
    font-size: 16px;
}
#left_menu .site_name {
    background-color: #7068b5;
}
.competence_points_card .text span {
    opacity: 0.5;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.43;
    color: #000;
    position: absolute;
    left: 16px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.trek_page .gradient_block.h400 {
    height: 480px;
    position: relative;
}
.competence i.├Р┬▒├Р┬╕├Р┬╛├Р┬╗├Р┬╛├Р┬│├Р┬╕├С┬П,
.hobby i.├Р┬▒├Р┬╕├Р┬╛├Р┬╗├Р┬╛├Р┬│├Р┬╕├С┬П {
    background: url(../img/icons/competence/├Р┬▒├Р┬╕├Р┬╛├Р┬╗├Р┬╛├Р┬│├Р┬╕├С┬П.svg) no-repeat 50%;
}
.competence i.├Р┬│├Р┬╡├Р┬╣├Р┬╝├Р┬┤├Р┬╕├Р┬╖├Р┬░├Р┬╣├Р┬╜,
.hobby i.├Р┬│├Р┬╡├Р┬╣├Р┬╝├Р┬┤├Р┬╕├Р┬╖├Р┬░├Р┬╣├Р┬╜ {
    background: url(../img/icons/competence/├Р┬│├Р┬╡├Р┬╣├Р┬╝├Р┬┤├Р┬╕├Р┬╖├Р┬░├Р┬╣├Р┬╜.svg) no-repeat 50%;
}
.competence i.├Р┬│├Р┬╡├Р┬╛├Р┬│├СтВм├Р┬░├СтАЮ├Р┬╕├С┬П,
.hobby i.├Р┬│├Р┬╡├Р┬╛├Р┬│├СтВм├Р┬░├СтАЮ├Р┬╕├С┬П {
    background: url(../img/icons/competence/├Р┬│├Р┬╡├Р┬╛├Р┬│├СтВм├Р┬░├СтАЮ├Р┬╕├С┬П.svg) no-repeat 50%;
}
.competence i.├Р┬│├Р┬╡├Р┬╛├Р┬╝├Р┬╡├СтАЪ├СтВм├Р┬╕├С┬П,
.hobby i.├Р┬│├Р┬╡├Р┬╛├Р┬╝├Р┬╡├СтАЪ├СтВм├Р┬╕├С┬П {
    background: url(../img/icons/competence/├Р┬│├Р┬╡├Р┬╛├Р┬╝├Р┬╡├СтАЪ├СтВм├Р┬╕├С┬П.svg) no-repeat 50%;
}
.competence i.├Р┬╝├Р┬░├СтАЪ├Р┬╡├Р┬╝├Р┬░├СтАЪ├Р┬╕├Р┬║├Р┬░,
.hobby i.├Р┬╝├Р┬░├СтАЪ├Р┬╡├Р┬╝├Р┬░├СтАЪ├Р┬╕├Р┬║├Р┬░ {
    background: url(../img/icons/competence/├Р┬╝├Р┬░├СтАЪ├Р┬╡├Р┬╝├Р┬░├СтАЪ├Р┬╕├Р┬║├Р┬░.svg) no-repeat 50%;
}
.competence i.micro_prog,
.hobby i.micro_prog {
    background: url(../img/icons/competence/micro_prog.svg) no-repeat 50%;
}
.competence i.├СтВм├Р┬╛├Р┬▒├Р┬╛├СтАЪ├Р┬╛├СтАЪ├Р┬╡├СтАж├Р┬╜├Р┬╕├Р┬║├Р┬░,
.hobby i.├СтВм├Р┬╛├Р┬▒├Р┬╛├СтАЪ├Р┬╛├СтАЪ├Р┬╡├СтАж├Р┬╜├Р┬╕├Р┬║├Р┬░ {
    background: url(../img/icons/competence/├СтВм├Р┬╛├Р┬▒├Р┬╛├СтАЪ├Р┬╛├СтАЪ├Р┬╡├СтАж├Р┬╜├Р┬╕├Р┬║├Р┬░.svg) no-repeat 50%;
}
.competence i.├СтАж├Р┬╕├Р┬╝├Р┬╕├С┬П,
.hobby i.├СтАж├Р┬╕├Р┬╝├Р┬╕├С┬П {
    background: url(../img/icons/competence/├СтАж├Р┬╕├Р┬╝├Р┬╕├С┬П.svg) no-repeat 50%;
}
.competence i.├СтАЮ├Р┬╛├СтАЪ├Р┬╛├Р┬│├СтВм├Р┬░├СтАЮ├Р┬╕├С┬П,
.hobby i.├СтАЮ├Р┬╛├СтАЪ├Р┬╛├Р┬│├СтВм├Р┬░├СтАЮ├Р┬╕├С┬П {
    background: url(../img/icons/competence/├СтАЮ├Р┬╛├СтАЪ├Р┬╛├Р┬│├СтВм├Р┬░├СтАЮ├Р┬╕├С┬П.svg) no-repeat 50%;
}
.competence i.├С┬Н├Р┬║├Р┬╛├Р┬╗├Р┬╛├Р┬│├Р┬╕├С┬П,
.hobby i.├С┬Н├Р┬║├Р┬╛├Р┬╗├Р┬╛├Р┬│├Р┬╕├С┬П {
    background: url(../img/icons/competence/├С┬Н├Р┬║├Р┬╛├Р┬╗├Р┬╛├Р┬│├Р┬╕├С┬П.svg) no-repeat 50%;
}
#saint_row h4 {
    margin-bottom: 7px;
}
.mentor .name span {
    color: #000;
}
.mentor .deskr span {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
}
#end_event {
    width: 220px !important;
}
.banner.small {
    height: 112px;
}
.event_card .members {
    padding-left: 28px;
    height: 24px;
    line-height: 24px;
    background: url(../img/icons/a-person.svg) no-repeat 0;
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 14px;
    font-weight: 400;
    z-index: 1;
    color: #bfbfbf;
}
#project_members .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: 30px;
    margin-right: auto;
}
.challenge_card .status.ended,
.sign-board.status.ended {
    background-color: #bfbfbf;
}
.allert_list .allert.orange {
    background: orange;
}
.allert_list {
    top: 104px;
    right: 24px;
    position: fixed;
    width: 392px;
    z-index: 7;
}
form div.terms.gray {
    padding: 4px 10px;
    z-index: 1;
    opacity: 1;
    font-size: 14px;
    line-height: 1.43;
    font-weight: 500;
    display: block;
    color: rgba(0, 0, 0, 0.5);
}
.banner.big #title {
    width: 800px;
}
.roads_list > .pin {
    cursor: pointer;
}
.roads_in_sphere .close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: -24px;
    right: 0;
    cursor: pointer;
    display: block;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    color: #000;
    opacity: 0.25;
    float: none;
}
@media (max-width: 767px) {
    .body_login_page {
        min-height: calc(100vh - 80px);
        min-width: 100vw;
    }
    .body_login_page .ie_msg .login_tab,
    .body_login_page .login_page .login_tab,
    .body_login_page .login_page .service_info{
        width: calc(100vw - 30px);
    }
    .body_login_page .login_page .login_tab .tabs .tabs__caption li {
        padding: 12px;
        font-size: 16px;
    }
}
.login_page .header .site_name {
    background: url(../img/tintel-logo.svg) no-repeat 50%;
    width: 206px;
    height: 80px;
    padding: 12px 0;
    margin: 0 auto;
}
.roads_in_sphere .close:hover {
    opacity: 0.5;
}
#edit_competences .switch_content > div {
    position: static;
}
.roads_in_sphere .sphere.active > div .img .position {
    opacity: 1;
    transition: all 0.15s ease-in-out;
    animation-delay: 3s;
}
.roads_in_sphere .sphere > div .img .position {
    position: absolute;
    top: 0;
    max-width: 100%;
    max-height: 100%;
    z-index: 1;
}
.roads_in_sphere .sphere > div:hover .name span {
    opacity: 0.75;
}
.roads_in_sphere .sphere > div .img .map {
    opacity: 0.35;
    max-width: 100%;
}
.roads_in_sphere .sphere > div:hover .img .map {
    opacity: 0.65;
}
.roads_in_sphere .sphere > div.active .img .map {
    opacity: 1;
}
* {
    outline: none !important;
    box-sizing: border-box;
    transition: all 0.15s ease-in-out;
}
#manage_course_modal .switch_content > div {
    position: static;
}
.back a {
    padding-left: 24px;
    background: url(../img/icons/arrow_left.svg) no-repeat 0;
    display: inline-block;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.25);
    line-height: 24px;
    font-weight: 400;
    transition: all 0.15s ease-in-out;
}
.back a:hover {
    color: rgba(0, 0, 0, 0.5);
}
.donut-segment {
    transition: all 0.15s ease-in-out;
}
.donut-segment.active {
    opacity: 1;
    stroke-width: 10px;
}
@media (max-width: 1349px) {
    .page .left_bar_page .left_bar {
        width: 260px;
    }
    .page .left_bar_page .content {
        width: calc(100% - 260px);
    }
    .about_course .card .icon {
        left: 6px;
    }
    .history_map .list > div span {
        line-height: 18px;
    }
    .about_course .card .text {
        padding: 16px 16px 16px 46px;
    }
    .history_map .descr {
        margin-top: 14px !important;
    }
    .news_list {
        margin: 0 -6px;
    }
    .challenge_card,
    .news .news_list .add_new_card,
    .news .news_list .shadow-box {
        width: calc(33.333333333% - 12px);
        margin: 6px;
    }
}
@media (max-width: 1159px) {
    body {
        overflow-x: auto !important;
        min-height: 100vh;
    }
    #left_menu,
    #right_block,
    #top_menu {
        position: absolute;
    }
    #top_menu {
        min-width: 1062px;
    }
}

#activity_modal .list, #archive .list, #challenges_modal .list, #courses_modal .list, #projects_modal .list {
    overflow-y: scroll;
    max-height: 440px;
    padding-right: 12px;
}
.competencies_block .competencies_list{
    font-size: 14px;
}
.project_card .members {
    padding-left: 28px;
    height: 24px;
    line-height: 24px;
    background: url(../img/icons/a-person.svg) no-repeat 0;
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 14px;
    font-weight: 400;
    z-index: 1;
    color:
            #bfbfbf;
}
.project_modal .add_challenge_images label {
    position: relative;
    display: block;
    margin: 0;
    width: calc(50% - 17.333px);
    cursor: pointer;
}

.notifications_page .user_pages {
    display: flex;
    padding: 0px 12px;
}

.notifications_page .user_pages a {
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: .1px;
    color: #000;
    display: block;
    padding: 28px 12px;
    opacity: .25;
    position: relative;
}

.notifications_page .user_pages a.active, .notifications_page .user_pages a:hover {
    color: #1588ee;
    opacity: 1;
}

#tutorial .challenge_card{
    height: 108px;
//width: 328px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 40px;
    margin-top: 0px;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    background-color: rgba(0, 0, 0, 0.4);
}

#tutorial .challenge_card_container{
    margin-left: 18px;
    margin-right: 18px;
    position: relative;
    width: calc(33.333333333% - 36px);
}

.tutorial_complete{
    position: absolute;
    top: calc(50% - 39px);
    width: 100%;
    text-align: center;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: .15px;
    color: green;
    font-size: 30px;
}

#tutorial .challenge_card .count{
    position: absolute;
    top: 16px;
    right: 16px;
    height: 24px;
    width: 24px;
    z-index: 3;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
}

#tutorial .challenge_card .text .name span{
    font-size: 16px;
}

#tutorial .challenge_card:nth-of-type(3){
    margin-right: 0px;
}

.activity_type > span{
    position: absolute;
    top: 16px;
    left: 16px;
    bottom: 72px;
    z-index: 1;
    height: 20px;
    opacity: 0.75;
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #ffffff;
    text-transform: uppercase;
}

#right_block .settings {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 50px;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.treks_name_list span{
    font-weight: bold;
}

.roads_in_sphere .sphere .name {
    font-weight: bold;
}

.treks_popup .descr span {
    font-weight: bold;
}

.history_map.inroads .descr span {
    display: block;
    height: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 24px;
}

.history_map.inroads{
    position: relative;
}

.history_map.inroads::before {
    content: "";
    position: absolute;
    left: -32px;
    top: 50%;
    margin-top: -16px;
    border: 16px solid
    transparent;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 16px;
    border-right: 16px solid
    #f2f6fa;
}

.allert_list {
    z-index: 999;
}

.project_info .shadow-box .content {
    position: relative;
}

html .fs14w400 {
    font-size: 14px;
    line-height: 20px;
    color: black;
    font-weight: 400;
    position: relative;
    display: inline-block;
}

.shadow-box .geo span {
    line-height: 20px;
    font-size: 14px;
    font-weight: 700;
    color: rgba(0,0,0,.5);
}

#small_screen .content .big {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    text-transform: none;
}

#description_ table {
    padding: 0 15px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 24px 0
    rgba(0,72,135,.1);
    background-color:
            #fff;
}

#description_ table tr {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid
    #dee2e6;
}

#description_ table td {
    padding: .75rem;
}

#description_ table tr:first-child {
    border-top: none
}

.page .content_8col iframe {
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 20px 0 !important;
}

#top_menu .user_pages a.selected::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    height: 3px;
    background-color: #1588ee;
    transition: all .15s ease-in-out;
}
#top_menu .user_pages a.selected{
    color: #1588ee;
    opacity: 1;
}
.banner .btn_block_bg .activity_label  {
    min-width: 120px;
    opacity: 1;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    color: #fff;
    padding: 0 16px;
    border-radius: 12px 12px 12px 12px;
    background-color: #7563c7;
    text-align: center;
}
.banner .btn_block_bg div span.count {
    text-align: left;
    margin-bottom: -5px;
    margin-top: 5px;
}
.banner .btn_block_bg .activity_label.bg_participant {
    background-color: #00cd6a;
}
.banner .btn_block_bg .activity_label.bg_orange {
    background-color: #ff800b;
}
.banner .btn_block_bg .activity_label.bg_closed {
    background-color:#bfbfbf;
}
.banner .btn_block_bg .activity_label.bg_done{
    background-color:#2ed0d3;
}
.activity_label.hidden{
    display:none;
}
.banner .btn_block_bg {
    max-width: none;
}
.banner .btn_block_bg > div + div {
    margin-left: 24px;
}
.banner .btn_block_bg > div {
    padding-right: 0px;
}
.title_menu_content span {
    display: block;
    color: #000;
    font-size: 14px;
    padding: 6px 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-decoration: none !important;
    cursor: pointer;
}
.title_menu_content span:hover {
    background: #f2f6fa;
}
.sign-board.members {
    background: url(../img/icons/a-person.svg) no-repeat 0;
}

.page .blue_block_link > div a.task {
    background: url(../img/icons/a-task.svg) 0 no-repeat;
}

.filter_wrapper {
    //position: fixed;
    //width: 260px;
}

.title_menu.open, .title_menu:hover {
    opacity: 1;
}

.ie_msg .login_tab, .login_page .login_tab {
    position: relative;
    margin: 0 auto;
    width: 416px;
    border-radius: 8px;
    box-shadow: 0 8px 24px 0 rgba(0,72,135,.1);
    background-color: #fff;
    z-index: 1;
}

.login_page .login_tab .tabs .tabs__caption li:first-child {
    border-radius: 8px 0 0 0;
}

.login_page .login_tab .tabs .tabs__caption li:last-child {
    border-radius: 0 8px 0 0;
}

form .input.radio input:checked + label::before {
    border-color: #1588ee;
}

form .input.radio label {
    font-weight: 400;
}

.bc_191{
    border-color: rgba(191,191,191,.25);
}

.w_25c_m36{
    width: calc(25% - 36px);
}

.news .news_list .add_new_card.w_25c_m24{
    width: calc(25% - 24px);
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 6px;
    margin-right: 6px;
    width: calc(25% - 36px);
}

.spinner{
    z-index:10000;
    opacity:1;
    width: 80px;
    height: 80px;

    border: 2px solid #f3f3f3;
    border-top:3px solid #30365f;
    border-radius: 100%;

    position: absolute;
    top:0;
    left:0;
    right: 0;
    margin: auto;
    margin-top: 10px;

    animation: spin 1s infinite linear;
}

@keyframes spin {
    from{
        transform: rotate(0deg);
    }to{
         transform: rotate(360deg);
     }
}

.avatar-paceholder {
    height: 80px;
    width: 80px;
    background-color: #f2f6fa;
    border-radius: 50%;
    display: inline-block;
}

@keyframes c {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        pointer-events:none
    }
}
@keyframes d {
    0% {
        background-position:0 50%
    }
    to {
        background-position:-200% 0
    }
}

.challenge_card {
    background:#fff
}
.challenge_card .preload {
    position: absolute;
    z-index: 4;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    animation: c .3s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    background: #f2f2f2;
}
.challenge_card .preload:before {
     content:"";
     display:block;
     background-image:linear-gradient(270deg,hsla(0,0%,100%,0),#fff 50%,hsla(0,0%,100%,0));
     position:absolute;
     top:0;
     bottom:0;
     left:0;
     right:0;
     z-index:5;
     background-size:200% 200%;
     animation:d 1s infinite
 }
.challenge_card .preload .text .organization_name span {
    display:block;
    width:120px;
    height:16px;
    border-radius:8px;
    background:#fff
}
.challenge_card .preload .text .name span {
    width:200px;
    height:24px;
    border-radius:12px;
    background:#fff
}
.challenge_card .preload .bg {
    background:#f2f2f2
}
.shadow-box .preload {
    position:absolute;
    z-index:4;
    top:0;
    right:0;
    bottom:0;
    left:0;
    animation:c .3s;
    animation-delay:1s;
    animation-fill-mode:forwards
}
.shadow-box .preload:before {
    content:"";
    display:block;
    background-image:linear-gradient(270deg,hsla(0,0%,100%,0),#fff 50%,hsla(0,0%,100%,0));
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:5;
    background-size:200% 200%;
    animation:d 1s infinite
}
.shadow-box .preload .img {
    background:#f2f2f2
}
.shadow-box .preload .content .tag_line span {
    display:block;
    width:120px;
    height:16px;
    border-radius:8px;
    background:#f2f2f2
}
.shadow-box .preload .content h4 {
    width:200px;
    height:24px;
    border-radius:12px;
    background:#f2f2f2
}
.shadow-box .preload .content .date,
.shadow-box .preload .content .geo,
.shadow-box .preload .content .organization {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-left:0;
    background:none
}
.shadow-box .preload .content .date:before,
.shadow-box .preload .content .geo:before,
.shadow-box .preload .content .organization:before {
    content:"";
    display:block;
    height:16px;
    width:16px;
    border-radius:50%;
    background:#f2f2f2;
    margin-right:12px
}
.shadow-box .preload .content .date span,
.shadow-box .preload .content .geo span,
.shadow-box .preload .content .organization span {
    display:block;
    width:120px;
    height:16px;
    border-radius:8px;
    background:#f2f2f2;
    opacity:1
}
.shadow-box .preload .content .status {
    width:100px;
    height:24px;
    background:#f2f2f2
}
.shadow-box .preload .content .text span {
    display:block;
    width:100%;
    height:16px;
    border-radius:8px;
    background:#f2f2f2
}
.shadow-box .preload .content .text span+span {
    margin-top:5px
}
.shadow-box .preload .content .text span:last-child {
    width:70%
}
.shadow-box .preload .content .sign-boards-line {
    -ms-flex-pack:justify;
    justify-content:space-between
}
.shadow-box .preload .content .sign-boards-line div {
    height:24px;
    width:24px;
    border-radius:50%;
    background:#f2f2f2
}
.challenge_card:hover .bg div,
.recomm_card:hover .bg div {
    transform:scale(1.1)
}
.title_menu.open, .title_menu:hover {
    opacity: 1;
}

.news .news_list .add_new_card, .news .news_list .shadow-box {
    margin: 12px;
    width: calc(33.333333333% - 24px);
    display: block;
}

.shadow-box {
    border-radius: 8px;
    border: 1px solid rgba(191, 191, 191, 0.25);
    background-color: #fff;
    padding: 16px;
    position: relative;
    height: 344px;
    overflow: hidden;
}

.slider240 .slide {
    position:relative
}
.slider240 .slide .left,
.slider240 .slide .right {
    color:#fff
}
.slider240 .slide .left {
    position:absolute;
    z-index:1;
    left:104px;
    width:31%;
    top:20px;
    bottom:20px
}
.slider240 .slide .left .text {
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.slider240 .slide .left .title {
    font-size:24px;
    font-weight:500;
    line-height:1.17;
    color:#fff
}
.slider240 .slide .left p {
    opacity:.75;
    font-size:14px;
    line-height:1.43;
    color:#fff;
    margin-top:8px
}
.slider240 .slide .right {
    position:absolute;
    z-index:1;
    right:104px;
    top:20px;
    bottom:20px;
    width:33.1%
}
.slider240 .slide .right .list {
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.slider240 .slide .right .list a {
    display:block;
    border-radius:8px;
    box-shadow:0 8px 24px 0 rgba(0,72,135,.1);
    background-color:hsla(0,0%,100%,.25);
    padding:6px 15px;
    text-decoration:none;
    color:#fff;
    font-size:16px
}
.slider240 .slide .right .list a+a {
    margin-top:16px
}
.slider240 .slide .right .list a:hover {
    background-color:hsla(0,0%,100%,.4)
}
.slider240 .slide .bg {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:0;
    background-position:50%;
    background-size:cover
}

.remember_pass {
    font-size: 14px;
    line-height: 1.43;
    font-weight: 400;
    display: inline-block;
    border-bottom: 1px dotted rgba(21,136,238,.25);
    color: #1588ee;
}

.slider240 *{
    transition: none;
}
.lang span span.delete {
    width:16px;
    height:16px;
    margin:2px 0 2px 8px;
    position:relative;
    opacity:1;
    cursor:pointer
}
.lang span span.delete:after {
    content:"";
    display:block;
    width:16px;
    height:16px;
    background:url(../img/icons/a-delete.svg) no-repeat 50%;
    background-size:21px
}
.lang span span.delete:hover {
    opacity:.7
}

.notifications_popup.popup_cloud::before{
    left: 69.77%;
}
.selectboxit-container .selectboxit-open .selectboxit-arrow-container .selectboxit-arrow {
    transform:rotate(180deg)
}

.interests_modal_all_list label span {
    line-height:30px;
    height:32px;
    font-weight:400;
    border-radius:20px;
    border-color:#f2f2f2;
    opacity:1;
    color:rgba(0,0,0,.5);
    font-size:14px;
    position:relative
}
.interests_modal_all_list label span.active,
.interests_modal_all_list label span:hover {
    background:#f2f6fa;
    border-color:#f2f6fa;
    color:#000
}
.interests_modal_selected label span {
    padding-right:36px
}
.interests_modal_selected label span:after {
    content:"";
    display:block;
    width:24px;
    height:24px;
    background:url(../img/icons/a-delete_ico.svg) no-repeat 50%;
    background-size:contain;
    position:absolute;
    right:4px;
    top:3px
}

.clearAfter:after{
    background:none !important;
    width:0px !important;
}
.clearAfter{
    padding-right:16px !important;
}

.line-slider.publications.mlp-0 .slick-track{
    margin-left:0px;
}

.ie_msg {
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:#fff;
    padding:0;
    z-index:15
}
.ie_msg .header .site_name {
    margin:0 auto
}
.ie_msg .content {
    position:relative;
    height:calc(100vh - 80px)
}
.ie_msg .content .text {
    max-width:714px;
    width:100%;
    transform:translate(-50%,-50%);
    position:absolute;
    top:50%;
    left:50%
}
.ie_msg .content .text h4 {
    font-size:20px;
    font-weight:500;
    line-height:1.2;
    letter-spacing:.15px;
    color:#000;
    margin:0
}
.ie_msg .content .text p {
    opacity:.8;
    font-size:16px;
    line-height:1.5;
    color:#000;
    margin:16px 0 0
}
.ie_msg .content .text .browser_list {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:80px
}
.ie_msg .content .text .browser_list a {
    display:block;
    width:116px
}
.ie_msg .content .text .browser_list a img {
    display:block;
    margin:0 auto
}
.ie_msg .content .text .browser_list a span {
    display:block;
    text-align:center;
    margin-top:16px;
    opacity:.5;
    font-size:16px;
    line-height:1.5;
    color:#000;
    font-weight:400
}
.ie_msg .content .text .browser_list a:hover img {
    transform:scale(.9)
}
.ie_msg .content .text .browser_list a:hover span {
    color:#1588ee
}

#members_line {
    overflow: auto;
    max-height: 450px;
}

.title_menu_content a span {
    line-height: 24px;
    padding: 0 0 0 12px;
    white-space: nowrap;
}
.title_menu_content a {
    display: -ms-flexbox;
    display: flex;
    color: #000;
    font-size: 14px;
    padding: 8px 16px;
    font-weight: 400;
}

#members_line {
    overflow:auto;
    max-height:450px
}
.ava {
    position:relative
}
.ava .mentor_badge {
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    padding:0;
    border-radius:10px;
    background:url(../img/icons/a-mentor.svg) no-repeat 50%;
    background-size:cover;
    z-index:1
}
.blacklist_buttons {
    padding-top:30px
}
.blacklist_buttons input {
    margin-left:auto;
    width:200px;
    display:block
}
.modal_div .new_ava {
    position:relative;
    width:80px
}
.modal_div .new_ava .upload_list {
    position:absolute;
    top:0;
    right:0;
    width:80px;
    height:80px;
    margin:0;
    z-index:1
}
.modal_div .new_ava .upload_list span {
    display:block;
    width:100%;
    height:100%
}
.modal_div .new_ava .upload_list span .img-thumbnail {
    margin:0
}
.modal_div .new_ava .current_ava,
.modal_div .new_ava .upload_list span .img-thumbnail {
    width:80px;
    height:80px;
    border-radius:50%;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:cover;
    position:relative
}
.modal_div .new_ava .current_ava:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:.05;
    border:2px dashed #000;
    border-radius:50%
}
.modal_div .new_ava .add_new_ava_input {
    position:absolute;
    top:0;
    right:0;
    z-index:6
}
.modal_div .new_ava .add_new_ava_input label {
    position:relative;
    z-index:1;
    display:block;
    width:32px;
    height:32px;
    background:url(../img/icons/a-photo_change.svg) no-repeat 0;
    opacity:1;
    cursor:pointer
}
.modal_div .new_ava .add_new_ava_input label:hover {
    opacity:.9
}
.modal_div .new_ava .add_new_ava_input input {
    position:absolute;
    z-index:0;
    opacity:0;
    display:block;
    border:0;
    padding:0;
    margin:0;
    width:0;
    height:0;
    pointer-events:none
}
.select_list_chat_ava .list {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.select_list_chat_ava .list label {
    position:relative;
    margin:0
}
.select_list_chat_ava .list label input {
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    pointer-events:none
}
.select_list_chat_ava .list label .ava {
    width:80px;
    height:80px;
    border-radius:50%;
    background-size:contain;
    background-position:50%;
    cursor:pointer
}
.select_list_chat_ava .list label .ava .select {
    width:32px;
    height:32px;
    border-radius:50%;
    background:rgba(0,0,0,.15) url(../img/icons/a-check-white.svg) no-repeat 50%;
    position:absolute;
    top:-4px;
    right:-4px;
    opacity:0;
    z-index:1
}
.select_list_chat_ava .list label .ava:hover .select {
    opacity:1
}
.select_list_chat_ava .list label input:checked+.ava .select {
    opacity:1;
    background-color:#1588ee
}
.search_users {
    margin-top:24px;
    border-top:1px solid #f2f2f2;
    padding-top:24px;
    display:none
}
.search_users.show {
    display:block
}
.search_users .find_form {
    margin-bottom:24px
}
.search_users .find_form .input {
    margin-top:0
}
.search_users .prev {
    position:relative;
    height:340px;
    border-radius:24px;
    background-color:#f2f6fa
}
.search_users .prev .text {
    width:280px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.search_users .prev .text img {
    display:block;
    margin:0 auto
}
.search_users .prev .text span {
    display:block;
    margin-top:16px;
    opacity:.25;
    font-size:14px;
    line-height:1.43;
    color:#000
}
.ava .online {
    position:absolute;
    right:2px;
    bottom:2px;
    width:10px;
    height:10px;
    border:2px solid #fff;
    background-color:#00cd6a;
    border-radius:50%
}
input[type=text]:-ms-input-placeholder,
input[type=text]::-moz-placeholder,
input[type=text]::-ms-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=text]::placeholder {
    color:#ccc
}
input[type=text]::-webkit-input-placeholder {
    color:rgba(0,0,0,.25)
}
input[type=search]::-moz-placeholder {
    color:rgba(0,0,0,.25)
}
.modal_div .top_list .line {
    max-height:340px;
    overflow:auto
}

.default_cursor {
    cursor: default !important;
}

#messages_container > div:nth-child(2) > div.msgs > div > div > p:nth-child(1){
    word-break: break-word;
}

#members_count_current{
    display: inline-block;
}

#edit_thems .hide {
    margin:0;
    max-height:none
}
#edit_thems #course_program_modal {
    margin:0 -24px
}
#edit_thems .them_line {
    position:relative;
    padding:18px 24px;
    width:100%;
    border-bottom:1px solid #f2f6fa;
    min-height:61px
}
#edit_thems .them_line:hover {
    background:rgba(242,246,250,.5)
}
#edit_thems .them_line .text {
    padding:0;
    margin-right:106px;
    position:relative
}
#edit_thems .them_line .text>span {
    font-size:16px;
    line-height:1.43;
    color:#000
}
#edit_thems .them_line .text>span.hide {
    opacity:0;
    display:block;
    margin:0
}
#edit_thems .them_line .text>input {
    position:absolute;
    top:-11px
}
#edit_thems .them_line .text>input.hide {
    opacity:0;
    display:block;
    margin:0
}
#edit_thems .them_line .action_buttons {
    position:absolute;
    top:50%;
    right:14px;
    transform:translateY(-50%);
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
#edit_thems .them_line .action_buttons span {
    display:block;
    padding:10px;
    border-radius:50%;
    height:44px;
    width:44px;
    position:relative;
    z-index:0;
    cursor:pointer
}
#edit_thems .them_line .action_buttons span:hover img {
    opacity:.7
}
#edit_thems .them_line .action_buttons span img {
    width:24px;
    height:24px
}
#edit_thems .them_line .action_buttons span.save {
    margin-top:0;
    background:#1588ee;
    position:absolute;
    top:0;
    left:0;
    z-index:1
}
#edit_thems .them_line .action_buttons span.save.hide {
    opacity:0;
    pointer-events:none
}
#edit_thems .them_line .action_buttons span.save:hover img {
    opacity:1
}
#edit_thems .btn_line {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-top:24px
}
#edit_thems .btn_line>* {
    padding:0 30px
}
#edit_thems .btn_line>*+* {
    margin-left:16px
}
#edit_thems .add_new_course {
    margin:0 -24px;
    padding:24px 0 0
}
#edit_thems .add_new_course.hide {
    display:none
}
#edit_thems .add_new_course .them_line {
    border-bottom:0;
    padding:0 24px;
    min-height:44px
}
#edit_thems .add_new_course .them_line:hover {
    background:none
}
#edit_thems .add_new_course .them_line .text>input {
    top:0;
    padding:9px 25px
}
#course_programm_root .table a{
    font-size: 16px;
}

#competences_list_modal_1 .btn_line {
    display: -ms-flexbox;
    display: flex;
    padding: 24px;
    background: #f2f6fa;
}

#competences_list_modal_1 .btn_line button {
    min-width: 200px;
}

#competences_list_modal_1 .border_btn:hover {
    background: #1588ee;
    color: #fff !important;
}

#competences_list_modal_1 .border_btn {
    background: #f2f6fa;
}

.icon-showcase:before{content:"\e900"}

.page_title h4.showcase_title{
    font-size: 32px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.24px;
    color: #000;
}

.answers_worksop.title_menu_content::before{
    right: 9px;
}

.answers_worksop.title_menu_content{
    top: 50px;
}

.page_title .slider_nav {
    position:absolute;
    right:-144px;
    top:-8px;
    bottom:-8px;
    width:104px
}

.awards_slider_next,
.awards_slider_prev,
.line-slider_next,
.line-slider_prev {
    background:#fff url(../img/icons/arrow_left.svg) no-repeat 50%;
    border-radius:50%;
    box-shadow:0 8px 24px rgba(0,72,135,.1);
    width:40px;
    height:40px;
    font-size:0;
    border:0;
    padding:0;
    margin:0;
    display:block;
    position:absolute;
    top:0;
    right:0;
    cursor:pointer;
    transition:all .15s ease-in-out
}
.awards_slider_prev,
.line-slider_prev {
    right:auto;
    left:0
}
.awards_slider_next,
.line-slider_next {
    transform:rotate(180deg);
    box-shadow:0 -8px 24px rgba(0,72,135,.1)
}
.awards_slider .award {
    width:90px;
    height:90px;
    position:relative;
    margin:0 auto;
    filter:grayscale(100);
    opacity:.25
}
.awards_slider .award img {
    display:block;
    max-width:100%;
    max-height:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width: 100%;
}
.awards_slider .award.received {
    filter:grayscale(0);
    opacity:1
}
[data-tippy-root] {
    transition:none!important
}
[data-theme~=light] {
    color:#000;
    box-shadow:0 8px 24px 0 rgba(0,72,135,.1);
    background-color:#fff;
    border-radius:8px
}
[data-theme~=light][data-placement^=top]>.tippy-arrow:before {
    border-top-color:#fff
}
[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color:#fff
}
[data-theme~=light][data-placement^=left]>.tippy-arrow:before {
    border-left-color:#fff
}
[data-theme~=light][data-placement^=right]>.tippy-arrow:before {
    border-right-color:#fff
}
[data-theme~=light]>.tippy-backdrop {
    background-color:#fff
}
[data-theme~=light]>.tippy-svg-arrow {
    fill:#fff
}
.tippy-content {
    padding:16px
}
.tippy-content>b,
.tippy-content>span {
    display:block;
    font-size:14px;
    line-height:1.43
}
.tippy-content>span {
    opacity:.5
}

.traectoria_scroll {
    position:relative
}
.traectoria_scroll .left,
.traectoria_scroll .right {
    display:block;
    width:40px;
    height:40px;
    position:absolute;
    top:calc(50% - 20px);
    opacity:1;
    transition:all .15s ease-in-out;
    cursor:pointer;
    z-index:3;
    border-radius:50%;
    background:#fff url(../img/icons/arrow_left.svg) no-repeat 50%;
    font-size:0
}
.traectoria_scroll .left.not-active,
.traectoria_scroll .right.not-active {
    opacity:0;
    pointer-events:none
}
.traectoria_scroll .left {
    box-shadow:0 8px 24px rgba(0,72,135,.2);
    left:0
}
.traectoria_scroll .right {
    transform:rotate(180deg);
    box-shadow:0 -8px 24px rgba(0,72,135,.2);
    right:0
}
.traectoria_scroll {
    position:relative
}
.traectoria_scroll .left,
.traectoria_scroll .right {
    display:block;
    width:40px;
    height:40px;
    position:absolute;
    top:calc(50% - 20px);
    opacity:1;
    transition:all .15s ease-in-out;
    cursor:pointer;
    z-index:3;
    border-radius:50%;
    background:#fff url(../img/icons/arrow_left.svg) no-repeat 50%;
    font-size:0
}
.traectoria_scroll .left.not-active,
.traectoria_scroll .right.not-active {
    opacity:0;
    pointer-events:none
}
.traectoria_scroll .left {
    box-shadow:0 8px 24px rgba(0,72,135,.2);
    left:-1px;
}
.traectoria_scroll .right {
    transform:rotate(180deg);
    box-shadow:0 -8px 24px rgba(0,72,135,.2);
    right:1px
}
.traectoria_line {
    width:100%;
    position:relative;
    margin-bottom:40px
}
.traectoria_line .traectories {
    position:relative;
    height:290px;
    overflow:hidden
}
.traectoria_line .traectories:after,
.traectoria_line .traectories:before {
    content:"";
    display:block;
    position:absolute;
    width:24px;
    background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
    top:0;
    bottom:0;
    z-index:2;
    right:0
}
.traectoria_line .traectories:before {
    right:auto;
    left:0;
    transform:rotate(180deg)
}
.traectoria_line .traectories .traectories_scroll_line {
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    display:-ms-flexbox;
    display:flex;
    min-width:100%
}
.traectoria_line .traectories .traectories_scroll_line:before {
    content:"";
    display:block;
    position:absolute;
    left:0;
    right:0;
    height:20px;
    background:#e6e6e6;
    top:calc(50% - 10px)
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section {
    min-width:183px;
    width:calc((100vw - 280px - 320px - 24px * 2) / 5);
    position:relative;
    z-index:1;
    height:20px;
    top:50%;
    margin-top:-10px
}
@media (max-width:1650px) {
    .traectoria_line .traectories .traectories_scroll_line .traectoria_section {
        width:calc((100vw - 98px - 95px - 24px * 2) / 5);
    }
}
@media (min-width:2199px) {
    .traectoria_line .traectories .traectories_scroll_line .traectoria_section {
        width:calc((100vw - 280px - 320px - 200px * 2) / 5);
    }
}
@media (min-width:2300px) {
    .traectoria_line .traectories .traectories_scroll_line .traectoria_section {
        width:calc((100vw - 280px - 320px - 300px * 2) / 5);
    }
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.education .traectoria_content .icon:after,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.education .traectoria_content .icon:before {
    background:#1588ee
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.education .traectoria_content .icon>a,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.education .traectoria_content .icon>div {
    border-color:#1588ee
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.education .traectoria_content .icon>a:before,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.education .traectoria_content .icon>div:before {
    background:#1588ee;
    opacity:.1
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.education .traectoria_content .icon>a span,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.education .traectoria_content .icon>div span {
    color:#1588ee
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.education .activity,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.education.performed .traectoria_content .icon>a,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.education.performed .traectoria_content .icon>div {
    background:#1588ee
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.education.performed .traectoria_content .icon>a span,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.education.performed .traectoria_content .icon>div span {
    color:#fff
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.education+.traectoria_section .activity:before {
    background:#1588ee
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.event .traectoria_content .icon:after,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.event .traectoria_content .icon:before {
    background:#00cd6a;
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.event .traectoria_content .icon>a,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.event .traectoria_content .icon>div {
    border-color:#00cd6a;
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.event .traectoria_content .icon>a:before,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.event .traectoria_content .icon>div:before {
    background:#00cd6a;
    opacity:.1;
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.event .traectoria_content .icon>a span,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.event .traectoria_content .icon>div span {
    color:#00cd6a;
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.event .activity,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.event.performed .traectoria_content .icon>a,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.event.performed .traectoria_content .icon>div {
    background:#00cd6a
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.event.performed .traectoria_content .icon>a span,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.event.performed .traectoria_content .icon>div span {
    color:#fff
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.event+.traectoria_section .activity:before {
    background:#00cd6a
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.challenge .traectoria_content .icon:after,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.challenge .traectoria_content .icon:before {
    background:#ff800b
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.challenge .traectoria_content .icon>a,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.challenge .traectoria_content .icon>div {
    border-color:#ff800b;
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.challenge .traectoria_content .icon>a:before,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.challenge .traectoria_content .icon>div:before {
    background:#ff800b;
    opacity:.1
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.challenge .traectoria_content .icon>a span,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.challenge .traectoria_content .icon>div span {
    color:#ff800b
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.challenge .activity,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.challenge.performed .traectoria_content .icon>a,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.challenge.performed .traectoria_content .icon>div {
    background:#ff800b;
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.challenge.performed .traectoria_content .icon>a span,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.challenge.performed .traectoria_content .icon>div span {
    color:#fff
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.challenge.performed .traectoria_content .text .status {
    color:#7563c7
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.challenge+.traectoria_section .activity:before {
    background:#ff800b
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.project .traectoria_content .icon:after,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.project .traectoria_content .icon:before {
    background:#ffc500
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.project .traectoria_content .icon>a,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.project .traectoria_content .icon>div {
    border-color:#ffc500
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.project .traectoria_content .icon>a:before,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.project .traectoria_content .icon>div:before {
    background:#ffc500;
    opacity:.1
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.project .traectoria_content .icon>a span,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.project .traectoria_content .icon>div span {
    color:#ffc500
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.project .activity,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.project.performed .traectoria_content .icon>a,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.project.performed .traectoria_content .icon>div {
    background:#ffc500
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.project.performed .traectoria_content .icon>a span,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.project.performed .traectoria_content .icon>div span {
    color:#fff
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.project+.traectoria_section .activity:before {
    background:#ffc500
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section:first-child {
    margin-left:0
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section:first-child .activity:before {
    display:none
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section:nth-child(2n) .traectoria_content {
    bottom:20px;
    top:auto
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section:nth-child(2n) .traectoria_content .icon {
    top:auto;
    bottom:0
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section:nth-child(2n) .traectoria_content .icon:before {
    display:none
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section:nth-child(2n) .traectoria_content .icon:after {
    display:block
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section:nth-child(2n) .traectoria_content .text {
    margin-top:0;
    margin-bottom:20px
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section:nth-last-child(-n+2) .traectoria_content {
    width:calc(((100vw - 280px - 320px - 24px * 2) / 5) * 1.5 - 0px)
}
@media (max-width:1650px) {
    .traectoria_line .traectories .traectories_scroll_line .traectoria_section:nth-last-child(-n+2) .traectoria_content {
        width:calc(((100vw - 98px * 2 - 24px * 2) / 5) * 1.5 - 0px)
    }
}
@media (min-width:2199px) {
    .traectoria_line .traectories .traectories_scroll_line .traectoria_section:nth-last-child(-n+2) .traectoria_content {
        width:calc(((100vw - 280px - 320px - 200px * 2) / 5) * 1.5 - 0px)
    }
}
@media (min-width:2300px) {
    .traectoria_line .traectories .traectories_scroll_line .traectoria_section:nth-last-child(-n+2) .traectoria_content {
        width:calc(((100vw - 280px - 320px - 300px * 2) / 5) * 1.5 - 0px)
    }
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content {
    min-width:326px;
    position:absolute;
    top:20px;
    left:calc(50% - 16px);
    padding-left:56px;
    min-height:96px;
    width:calc(((100vw - 280px - 320px - 24px * 2) / 5) * 2 - 40px)
}
@media (max-width:1650px) {
    .traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content {
        width:calc(((100vw - 98px * 2 - 24px * 2) / 5) * 2 - 40px)
    }
}
@media (min-width:2199px) {
    .traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content {
        width:calc(((100vw - 280px - 320px - 200px * 2) / 5) * 2 - 40px)
    }
}
@media (min-width:2300px) {
    .traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content {
        width:calc(((100vw - 280px - 320px - 300px * 2) / 5) * 2 - 40px)
    }
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .icon {
    position:absolute;
    left:0;
    top:0;
    height:96px;
    width:32px
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .icon:after,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .icon:before {
    content:"";
    display:block;
    width:2px;
    height:64px;
    margin:0 auto;
    background:#e6e6e6
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .icon:after {
    display:none
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .icon>a,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .icon>div {
    display:block;
    width:32px;
    height:32px;
    border-radius:50%;
    border:2px solid #e6e6e6;
    text-align:center;
    padding:2px;
    position:relative
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .icon>a:before,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .icon>div:before {
    content:"";
    display:block;
    width:48px;
    height:48px;
    background:#e6e6e6;
    opacity:.25;
    position:absolute;
    top:-10px;
    left:-10px;
    border-radius:50%;
    z-index:0;
    transition:all .15s ease-in-out
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .icon>a span,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .icon>div span {
    font-size:16px;
    display:block;
    height:24px;
    line-height:24px;
    color:#e6e6e6;
    position:relative;
    z-index:1
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .text {
    margin-top:20px
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .text .status {
    font-size:12px;
    font-weight:700;
    color:#bfbfbf;
    line-height:20px;
    text-transform:uppercase;
    display:block
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .text .status>span {
    display:inline-block;
    margin-left:8px;
    padding:0 8px;
    border-radius:10px;
    background:#7563c7;
    color:#fff;
    font-size:12px;
    font-weight:700;
    text-transform:none
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .text .name {
    display:block;
    font-size:14px;
    font-weight:500;
    line-height:1.43;
    color:#000
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .text .name:hover {
    color:#1588ee
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .text .line {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:8px -4px 0
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .text .line .track-prog {
    margin:2px 4px;
    padding:3px 8px;
    border-radius:12px;
    border:1px solid #7563c7;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    height:24px
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .text .line .track-prog .ico {
    width:16px;
    height:16px;
    position:relative
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .text .line .track-prog .ico img,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .text .line .track-prog .ico svg {
    max-width:16px;
    max-height:16px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .text .line .track-prog .ico img path,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .text .line .track-prog .ico svg path {
    fill:#7563c7
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .text .line .track-prog span {
    display:block;
    padding-left:4px;
    line-height:16px;
    font-size:12px;
    font-weight:700;
    color:#7563c7
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .text .line .track-prog:hover {
    background:#7563c7
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .text .line .track-prog:hover .ico svg path {
    fill:#fff
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content .text .line .track-prog:hover span {
    color:#fff
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content:hover .icon>a:before,
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .traectoria_content:hover .icon>div:before {
    width:28px;
    height:28px;
    top:0;
    left:0
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .activity {
    width:100%;
    height:20px;
    color:#fff;
    background:#e6e6e6;
    position:relative;
    overflow:hidden
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .activity:before {
    content:"";
    display:block;
    width:20px;
    height:20px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    position:absolute;
    transform:translate(-50%,-50%) rotate(45deg);
    left:0;
    top:50%
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section .activity span {
    display:block;
    font-size:14px;
    text-align:center
}
.icon-events::before {
    content: "\e940";
}
.traectoria_line .traectories .traectories_scroll_line .traectoria_section.performed .traectoria_content .text .status {
    color: #7563c7;
}
#top_menu .the_best>div {
    width:160px
}
#top_menu .the_best>div .ico {
    width:40px;
    height:40px;
    position:relative
}
#top_menu .the_best>div .ico img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    max-width:100%;
    max-height:100%
}
#top_menu .the_best>div .text {
    padding-left:12px
}
#top_menu .the_best>div .text span {
    line-height:20px;
    color:rgba(0,0,0,.5);
    display:block;
    font-size:14px
}
#top_menu .the_best>div .text span a {
    color:#1588ee;
    font-size:14px;
    line-height:20px;
    display:block;
    width:108px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
#top_menu .the_best>div+div {
    margin-left:60px
}
.history_map .content_history_map {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    max-width:353px;
    text-align:center
}
.history_map .content_history_map img {
    display:block;
    margin:0 auto
}
.history_map .content_history_map p {
    display:block;
    margin:40px 0 0
}
.history_map .content_history_map.car img {
    width:353px
}
.history_map .content_history_map.cones img {
    width:160px
}

.recomm_card {
    height:108px;
    border-radius:8px;
    overflow:hidden;
    position:relative;
    margin:12px 18px;
    width:calc(33.333333333% - 36px);
    display:block;
    box-shadow:0 8px 24px 0 rgba(0,72,135,.1)
}
.recomm_card .name,
.recomm_card .pionts,
.recomm_card .time,
.recomm_card .where {
    position:absolute;
    display:block;
    z-index:1
}
.recomm_card .where {
    top:16px;
    left:16px;
    color:#fff;
    text-transform:uppercase;
    opacity:.75;
    font-size:12px;
    line-height:20px;
    font-weight:500
}
.recomm_card .pionts {
    font-size:14px;
    top:0;
    right:12px;
    width:56px;
    height:77px;
    background:#7563c7;
    color:#fff;
    text-align:center;
    line-height:24px;
    padding-top:12px
}
.recomm_card .pionts span {
    font-size:40px;
    font-weight:400;
    line-height:38px;
    display:block
}
.recomm_card .pionts span+span {
    font-size:14px;
    line-height:14px
}
.recomm_card .pionts:before {
    left:0;
    border:15px solid transparent;
    border-left:28px solid #7563c7;
    border-top:0 solid #7563c7
}
.recomm_card .pionts:after,
.recomm_card .pionts:before {
    content:"";
    display:block;
    position:absolute;
    bottom:-15px
}
.recomm_card .pionts:after {
    right:0;
    border:15px solid transparent;
    border-top:0 solid #7563c7;
    border-right:28px solid #7563c7
}
.recomm_card .time {
    top:16px;
    right:16px;
    color:#fff;
    opacity:.75;
    font-size:14px;
    line-height:20px;
    padding-left:28px;
    background:url(../img/icons/a-time.svg) no-repeat 0
}
.recomm_card .name {
    bottom:16px;
    left:16px;
    right:16px;
    font-size:16px;
    font-weight:400;
    line-height:24px;
    color:#fff
}
.recomm_card .bg {
    overflow:hidden;
    z-index:0;
    background-color:#000
}
.recomm_card .bg,
.recomm_card .bg div {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0
}
.recomm_card .bg div {
    opacity:.7;
    background-color:#fff;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%
}
.recomm_card.points_right {
    padding-right:80px
}
.recomm_card.points_right .name {
    right:80px
}
.recomm_card.points_right.blue .pionts {
    background:#1588ee
}
.recomm_card.points_right.blue .pionts:before {
    border-left:28px solid #1588ee;
    border-top:#1588ee
}
.recomm_card.points_right.blue .pionts:after {
    border-top:#1588ee;
    border-right:28px solid #1588ee
}
.recomm_card.points_right.red .pionts {
    background:#ff4b3a
}
.recomm_card.points_right.red .pionts:before {
    border-left:28px solid #ff4b3a;
    border-top:#ff4b3a
}
.recomm_card.points_right.red .pionts:after {
    border-top:#ff4b3a;
    border-right:28px solid #ff4b3a
}
.recomm_card.points_right.green .pionts {
    background:#00cd6a
}
.recomm_card.points_right.green .pionts:before {
    border-left:28px solid #00cd6a;
    border-top:#00cd6a
}
.recomm_card.points_right.green .pionts:after {
    border-top:#00cd6a;
    border-right:28px solid #00cd6a
}
.recomm_card.points_right.orange .pionts {
    background:#ff800b
}
.recomm_card.points_right.orange .pionts:before {
    border-left:28px solid #ff800b;
    border-top:#ff800b
}
.recomm_card.points_right.orange .pionts:after {
    border-top:#ff800b;
    border-right:28px solid #ff800b
}
.recomm_card.points_right.yellow .pionts {
    background:#ffc500
}
.recomm_card.points_right.yellow .pionts:before {
    border-left:28px solid #ffc500;
    border-top:#ffc500
}
.recomm_card.points_right.yellow .pionts:after {
    border-top:#ffc500;
    border-right:28px solid #ffc500
}
.recomm_cards {
    width:360px;
    margin-top:4px
}
.recomm_cards .recomm_card_slider .recomm_card {
    margin:0
}
.recomm_cards .recomm_card_slider .slick-arrow {
    background:#f2f6fa url(../img/icons/a-arrow_left_24px.svg) no-repeat 50%;
    width:32px;
    height:32px;
    font-size:0;
    border:0;
    padding:0;
    margin:0;
    display:block;
    position:absolute;
    bottom:-48px;
    cursor:pointer;
    border-radius:50%;
    opacity:.7;
    z-index:1
}
.recomm_cards .recomm_card_slider .slick-prev {
    left:0
}
.recomm_cards .recomm_card_slider .slick-next {
    right:0;
    transform:rotate(180deg)
}
.recomm_cards .counter {
    margin-top:22px;
    text-align:center;
    opacity:.25;
    font-size:14px;
    color:#000
}
@media (max-width:1349px) {
    .recomm_card .name {
        line-height:18px
    }
}
.service_info {
    width: 100%;
    max-width: 416px;
    margin: 24px auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}
.service_info .logo {
    width: 90px;
}
.service_info span {
    display: block;
    font-size: 14px;
    line-height: 1.43;
    color: #bfbfbf;
    width: calc(100% - 90px);
    padding-left: 16px;
}
.content-card .table {
    margin: 0;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    background-color: #fff;
}
.content-card .table_head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 8px;
}
.content-card .table_head div {
    text-align: center;
}
.content-card .table_head div:first-child {
    padding-left: 64px;
    text-align: left;
    width: 30%;
}
.content-card .table_head div:nth-child(2),
.content-card .table_head div:nth-child(4) {
    width: 18%;
}
.content-card .table_head div:nth-child(3) {
    width: 16%;
}
.content-card .table_head div + div {
    margin-left: 6%;
}
.content-card .table_head div span {
    opacity: 0.25;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: 0.25px;
    color: #000;
}
.content-card .table_row {
    border-top: 1px solid #f2f2f2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
}
.content-card .table_row div {
    text-align: center;
}
.content-card .table_row div:first-child {
    text-align: left;
    width: 30%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}
.content-card .table_row div:first-child .ava {
    min-width: 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%;
}
.content-card .table_row div:first-child span {
    display: block;
    padding-left: 16px;
}
.content-card .table_row div:nth-child(2),
.content-card .table_row div:nth-child(4) {
    width: 18%;
}
.content-card .table_row div:nth-child(3) {
    width: 16%;
}
.content-card .table_row div + div {
    margin-left: 6%;
}
.content-card .table_row div span {
    opacity: 0.5;
    font-size: 14px;
    line-height: 1.43;
    color: #000;
}
.content-card .table-big .table_head {
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.content-card .table-big .table_head div:first-child {
    padding-left: 64px;
    text-align: left;
    width: 300px;
}
.content-card .table-big .table_head div:nth-child(2),
.content-card .table-big .table_head div:nth-child(3) {
    width: 50px;
}
.content-card .table-big .table_head div:nth-child(4) {
    width: 85px;
}
.content-card .table-big .table_head div:nth-child(5) {
    width: 155px;
}
.content-card .table-big .table_head div:nth-child(6) {
    width: 80px;
}
.content-card .table-big .table_head div:nth-child(7) {
    width: 145px;
}
.content-card .table-big .table_head div:nth-child(8) {
    width: 24px;
}
.content-card .table-big .table_head div + div {
    margin-left: 0;
}
.content-card .table-big .table_row {
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: none !important;
}
.content-card .table-big .table_row div {
    text-align: center;
    vertical-align: middle;
}
.content-card .table-big .table_row div,
.content-card .table-big .table_row div:first-child {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.content-card .table-big .table_row div:first-child {
    text-align: left;
    width: 300px;
}
.content-card .table-big .table_row div:first-child .ava {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%;
}
.content-card .table-big .table_row div:first-child span {
    display: block;
    padding-left: 16px;
    width: auto;
}
.content-card .table-big .table_row div:nth-child(2),
.content-card .table-big .table_row div:nth-child(3) {
    width: 50px;
}
.content-card .table-big .table_row div:nth-child(4) {
    width: 85px;
}
.content-card .table-big .table_row div:nth-child(5) {
    width: 155px;
}
.content-card .table-big .table_row div:nth-child(6) {
    width: 80px;
}
.content-card .table-big .table_row div:nth-child(7) {
    width: 145px;
}
.content-card .table-big .table_row div:nth-child(8) {
    width: 24px;
}
.content-card .table-big .table_row div + div {
    margin-left: 0;
}
.content-card .table-big .table_row div span {
    opacity: 0.5;
    font-size: 14px;
    line-height: 1.43;
    color: #000;
    display: block;
    width: 100%;
}
.content-card .table-big .table_row div a {
    font-size: 14px;
    color: #1588ee;
}
.content-card .table-big .table_row div .del {
    min-width: 24px;
    height: 24px;
    background: url(../img/icons/a-delete.svg) no-repeat 100%;
    opacity: 0.75;
    cursor: pointer;
}
.content-card .table-big .table_row div .del:hover {
    opacity: 1;
}
.content-card .table-big .table_row div.full_info {
    width: 100% !important;
    background: #f2f6fa;
    padding: 16px;
    overflow: hidden;
    margin: 8px 0 -9px;
    display: none;
    transition: none !important;
}
.content-card .table-big .table_row div.full_info > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100% !important;
}
.content-card .table-big .table_row div.full_info > div + div {
    margin-top: 16px;
}
.content-card .table-big .table_row div.full_info > div div {
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.content-card .table-big .table_row div.full_info > div div:first-child {
    width: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}
.content-card .table-big .table_row div.full_info > div div:first-child img {
    width: 32px;
    height: 32px;
}
.content-card .table-big .table_row div.full_info > div div:nth-child(2) {
    width: 296px;
    padding-left: 16px;
    padding-right: 24px;
    text-align: left;
}
.content-card .table-big .table_row div.full_info > div div:nth-child(2) span {
    padding-left: 0;
}
.content-card .table-big .table_row div.full_info > div div:nth-child(3) {
    width: calc(100% - 296px - 32px);
    background: none;
    border-radius: 0;
    height: 24px;
    background: #badaf7;
    position: relative;
}
.content-card .table-big .table_row div.full_info > div div:nth-child(3) div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #1588ee;
    width: 0;
}
.content-card .table-big .table_bottom {
    margin-top: 24px;
}
.content-card .table-big .table_bottom,
.content-card .table-big .table_bottom .add_new_users_table > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}
.content-card .table-big .table_bottom .add_new_users_table > div .name {
    margin-top: 0;
    margin-left: 16px;
}
.content-card .table-big .table_bottom .download_excel_btn {
    margin-left: auto;
}
.card-speedometers {
    height: 100%;
    position: relative;
}
.card-speedometers .switch {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.card-speedometers .switch span {
    display: block;
    padding: 9px 15px;
    border-radius: 16px;
    cursor: pointer;
    line-height: 1;
    letter-spacing: 0.25px;
    font-size: 14px;
    opacity: 0.25;
    color: #000;
    font-weight: 700;
}
.card-speedometers .switch span.active {
    color: #fff;
    opacity: 1;
    background: #1588ee;
}
.card-speedometers .switch span + span {
    margin-left: 16px;
}
.card-speedometers .switch_content {
    height: calc(100% - 32px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}
.card-speedometers .switch_content .speedometers > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: 0 -12px;
}
.card-speedometers .switch_content .speedometers > div > div {
    width: 33.33333%;
    text-align: center;
    padding: 0 12px;
}
.card-speedometers .switch_content .speedometers > div > div .speedometer span {
    display: block;
    color: #7563c7;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.15px;
    margin-bottom: 16px;
}
.card-speedometers .switch_content .speedometers > div > div .speedometer p {
    display: block;
    opacity: 0.5;
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #000;
    margin-top: 16px;
    margin-bottom: 0;
}
.card-speedometers .switch_content .speedometers > div > div .speedometer .scale {
    position: relative;
}
.card-speedometers .switch_content .speedometers > div > div .speedometer .scale > img {
    display: block;
    width: 100%;
}
.card-speedometers .switch_content .speedometers > div > div .speedometer .scale .arrow {
    position: absolute;
    left: 50%;
    top: 24px;
    transform: translate(-50%);
    display: -ms-flexbox;
    display: flex;
    width: 138px;
    height: 138px;
    margin-bottom: -66px;
}
.card-speedometers .switch_content .speedometers > div > div .speedometer .scale .arrow div {
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    transform: rotate(0);
    transition: all 1s;
}
.card-speedometers .switch_content .speedometers > div > div .speedometer .scale .arrow div img {
    display: block;
    width: 79px;
    transform: rotate(0deg);
    position: absolute;
    top: 0;
    left: 0;
}
.card-donut .content-card {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.card-donut .content-card #svg {
    height: 330px;
    width: 100%;
}
.card-donut .content-card #svg * {
    transition: initial;
}
.nav.nav-tabs {
    border-bottom: 0;
    margin: 0 -8px 24px;
}
.nav.nav-tabs .nav-item {
    margin: 0 8px;
}
.nav.nav-tabs .nav-item .nav-link {
    border: 0;
    display: block;
    padding: 9px 15px;
    border-radius: 16px;
    cursor: pointer;
    line-height: 1;
    letter-spacing: 0.25px;
    font-size: 14px;
    opacity: 0.25;
    color: #000;
    font-weight: 700;
}
.nav.nav-tabs .nav-item .nav-link:hover {
    opacity: 1;
    background: #f2f6fa;
    color: #1588ee;
}
.nav.nav-tabs .nav-item .nav-link.active {
    color: #fff !important;
    opacity: 1;
    background: #1588ee !important;
}
.rating-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 8px 0;
}
.rating-content:first-child {
    padding-top: 0;
}
.rating-content:last-child {
    padding-bottom: 0;
}
.rating-content + .rating-content {
    border-top: 1px solid #f2f2f2;
}
.rating-content > div {
    position: relative;
}
.rating-content > div:first-child {
    width: 40%;
}
.rating-content > div:first-child b {
    display: block;
    color: #7563c7;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.rating-content > div:first-child span {
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 1.5;
}
.rating-content > div:nth-child(2) {
    width: 60%;
    padding-left: 8px;
    position: relative;
}
.rating-content > div:nth-child(2) .progress {
    height: 30px;
    width: 100%;
    position: relative;
    border-radius: 0;
    background: #fff;
}
.rating-content > div:nth-child(2) .progress span {
    font-size: 14px;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    color: #fff;
    z-index: 1;
    font-weight: 700;
    pointer-events: none;
}
.rating-content > div:nth-child(2) .progress div {
    cursor: pointer;
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    background: #00cd6a;
    z-index: 0;
    width: 0;
    transition: all 1s;
}
.rating-content > div:nth-child(2) .progress + .progress {
    margin-top: 8px;
}
.rating-content > div:nth-child(2) .progress + .progress div {
    background: #ffc500;
}
.add_new_users_table .ava {
    width: 48px;
    height: 48px;
    border: 2px dashed rgba(0, 0, 0, 0.05);
}
.add_new_users_table .ava:before {
    width: 19px;
    height: 2px;
}
.add_new_users_table .ava:after {
    height: 19px;
    width: 2px;
}
.add_new_users_table .ava:after,
.add_new_users_table .ava:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background-color: #bfbfbf;
    transition: all 0.15s ease-in-out;
    border-radius: 0 !important;
}
.add_new_users_table:hover .ava {
    border: 2px solid #1588ee;
    transform: rotate(90deg);
}
.add_new_users_table:hover .ava:after,
.add_new_users_table:hover .ava:before {
    background: #1588ee;
}
.history_map {
    width:100%;
    min-height:464px!important;
    border-radius:8px;
    padding:24px;
    background:#f2f6fa;
    margin-top:-40px
}
.history_map .title h5 {
    font-size:16px;
    line-height:24px
}
.history_map .link {
    margin-top:6px
}
.history_map .link a {
    font-size:14px;
    font-weight:700;
    color:#1588ee;
    display:inline-block;
    line-height:24px;
    padding-right:24px;
    position:relative
}
.history_map .link a svg {
    display:block;
    position:absolute;
    right:8px;
    top:6px;
    width:7px;
    transform:rotate(180deg)
}
.history_map .descr span {
    display:block;
    height:40px;
    line-height:20px;
    font-size:14px
}
.history_map .list>div {
    margin-top:20px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
.history_map .list>div .icon {
    width:35px
}
.history_map .list>div span {
    width:calc(100% - 35px);
    display:block;
    padding-left:16px;
    font-size:14px
}
.history_map .num_list div {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:8px
}
.history_map .num_list div span {
    display:block
}
.history_map .num_list div span:first-child {
    width:20px;
    height:20px;
    background:#4167bb;
    border-radius:50%;
    line-height:20px;
    text-align:center;
    font-size:14px;
    font-weight:700;
    color:#fff
}
.history_map .num_list div span+span {
    padding-left:8px;
    line-height:20px;
    font-size:14px;
    color:#000
}
.history_map .content_history_map {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    max-width:353px;
    text-align:center;
    padding-left: 15px;
}
.history_map .content_history_map img {
    display:block;
    margin:0 auto
}
.history_map .content_history_map p {
    display:block;
    margin:40px 0 0
}
.history_map .content_history_map.car img {
    width:353px
}
.history_map .content_history_map.cones img {
    width:160px
}
.sign-board.unvisible_works {
    background: url(../img/icons/a-visibility-off-20-px.svg) no-repeat 0;
}
.sign-board.visible_works {
    background: url(../img/icons/a-visibility-20-px.svg) no-repeat 0;
}
.page.statistics {
    background:#f2f6fa
}
.page.statistics .content>* {
    max-width:1352px;
    margin:0 auto
}
.page.statistics .page_title {
    margin-bottom:24px
}
.page.statistics .statistics_cards {
    margin:0 -12px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.page.statistics .statistics_cards .card {
    margin:12px;
    padding:24px;
    border-radius:8px;
    box-shadow:0 8px 24px 0 rgba(0,72,135,.1);
    background-color:#fff;
    width:calc((100% - 48px) / 2);
    border: none;
}
.page.statistics .statistics_cards .card .text {
    margin-bottom:24px
}
.page.statistics .statistics_cards .card .text p {
    margin:0;
    font-size:16px;
    color:#000;
    line-height:24px
}
.page.statistics .statistics_cards .card img {
    display:block;
    max-width:100%
}
.page.statistics .statistics_cards .card.full {
    width:100%
}
.page.statistics .statistics_cards .card.full .donut {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-align:start;
    align-items:flex-start
}
.page.statistics .statistics_cards .card.full .donut img {
    max-width:50%;
    display:block;
    height:auto
}
@media (max-width:1420px) {
    .page.statistics .statistics_cards .card.full .donut img {
        width:304px
    }
}
.page.statistics .statistics_cards .card.full .donut img+img {
    margin-left:120px;
    width:auto;
    max-width:calc(100% - 304px - 120px)
}
@media (max-width:1420px) {
    .page.statistics .statistics_cards .card.full .donut img+img {
        margin-left:24px;
        max-width:calc(100% - 304px - 24px)
    }
}
.switch[data-switch="competences"] span:not(.active):hover{
    color: #1588ee;
    opacity: 1;
}
#top_menu .the_best > div:nth-child(1) {
    width:220px;
}

#top_menu {
    flex-wrap: nowrap;
}

#top_menu .the_best, #top_menu .the_best > div {
    flex-wrap: nowrap;
}
@media (max-width: 1230px) {
    #top_menu .the_best > div + div {
        margin-left:0px;
    }
}
.video .name a > b{
    color:black;
    font-weight:600;
}
.video .name a > b:hover{
    color:#1588ee;
}
#course_gallery_root .line-slider.publications{
    cursor: pointer;
}
.sign-board.organization > a  > span:hover{
    color: #1588ee;
    opacity: 1;
}
#right_block .profile .add_friend .big, #right_block .profile .send_msg .big {
    display: block;
    width: 100%;
}
#right_block .profile .add_friend, #right_block .profile .send_msg {
    margin: 24px 40px;
}
#right_block .online_status {
    margin-top:16px;
    margin-bottom:-8px
}
#right_block .online_status span {
    display:inline-block;
    padding-left:15px;
    position:relative;
    line-height:20px;
    color: #000;
    opacity: 0.25;
    font-size:14px
}
#right_block .online_status span.online {
    opacity: 1;
    color:#00cd6a;
}
#right_block .online_status span.online:before {
    content:"";
    width:8px;
    height:8px;
    background:#00cd6a;
    border-radius:50%;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-4px
}
#right_block .delete-friend.hide {
    display: none;
}
#right_block .delete-friend {
    margin-bottom: 26px;
}
html .link_border.ico-person-delete::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/icons/a-person-delete.svg) no-repeat 50%;
}
html .link_border.ico::after {
    left: 28px;
}
.friends {
    padding:20px 40px;
    position:relative
}
.friends .friends_slider {
    text-align:center;
    padding:0 0 56px!important;
    overflow:initial;
    height:352px
}
.friends .friends_slider .slick-list,
.friends .friends_slider .slick-list * {
    transition:none
}
.friends .friends_slider .slick-prev {
    left:0
}
.friends .friends_slider .slick-next {
    right:0;
    transform:rotate(180deg)
}
.friends .friends_slider .slick-arrow {
    background:#fff url(../img/icons/a-arrow_left_24px.svg) no-repeat 50%;
    width:32px;
    height:32px;
    font-size:0;
    border:0;
    padding:0;
    margin:0;
    display:block;
    position:absolute;
    bottom:0;
    cursor:pointer;
    border-radius:50%;
    opacity:.7;
    z-index:1
}
.friends .friends_slider .slick-arrow:hover {
    opacity:1
}
.friends .friends_slider .users_list {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.friends .friends_slider .users_list .user {
    width:50%;
    margin-top:20px
}
.friends .slider_counter {
    position:absolute;
    bottom:20px;
    left:0;
    right:0;
    width:100%;
    z-index:0;
    margin:0;
    line-height:32px
}
.page_title .link_border, .page_title .link_border::after {
    transition: all .15s ease-in-out;
    position: absolute;
    right: 0;
}
.page_title .link_border {
    font-size: 14px;
    color: #1588ee;
    line-height: 20px;
    font-weight: 400;
    top: 2px;
}
.page_title .link_border::after {
    content: "";
    display: block;
    left: 0;
    bottom: 0;
    height: 1px;
    background: #1588ee;
    opacity: .25;
}
.page_title .link_border:hover::after {
    opacity: .5;
}
html .link_border:hover::after {
    border-color: #1588ee;
}
#right_block .profile .add_friend .border_btn:disabled, #right_block .profile .send_msg .border_btn:disabled {
    border-color: #fff;
    color: #bfbfbf !important;
    pointer-events: none;
    padding: 0px;
}
#right_block .profile .add_friend .big, #right_block .profile .send_msg .big {
    display: block;
    width: 100%;
}
#right_block .deny-friend.hide {
    display: none;
}
#right_block .deny-friend {
    margin-bottom: 26px;
}
.friendsPage_list {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.friendsPage_list>div {
    width:50%;
    margin-bottom:24px
}
.friendsPage_list>div .user_friendsPage {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-align:center;
    align-items:center
}
.friendsPage_list>div .user_friendsPage .user {
    text-align:left
}
.friendsPage_list>div .user_friendsPage .user .ava {
    margin:0
}
.friendsPage_list>div .user_friendsPage .user .name {
    margin:0 0 8px!important;
    opacity:1
}
.friendsPage_list>div .user_friendsPage .user .name span {
    text-align:left;
    font-size:16px;
    line-height:24px
}
.friendsPage_list>div .user_friendsPage .user .name span:hover {
    color:#1588ee
}
.friendsPage_list>div .user_friendsPage .text {
    padding-left:16px;
    padding-right:48px;
    position:relative
}
.friendsPage_list>div .user_friendsPage .text .link_border {
    line-height:24px
}
.friendsPage_list>div .user_friendsPage .text .link_border:after {
    border-bottom:1px solid #bfbfbf;
    bottom:2px;
    opacity:.5
}
.friendsPage_list>div .user_friendsPage .text .link_border:hover:after {
    border-color:#1588ee
}
.friendsPage_list>div .user_friendsPage .text .title_menu {
    position:absolute;
    right:0;
    bottom:0;
    height:24px
}
.friendsPage_list>div .user_friendsPage .text .buttons_line>*+* {
    margin-left:16px
}
html .link_border.ico-create-chat::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/icons/a-create-chat.svg) no-repeat 50%;
}

@media (max-width: 1400px) {
    .page {
        overflow: auto;
    }
}
@media (max-width: 1650px) {
    .treks_popup .competencies_block {
        bottom: 15px;
        overflow: auto;
    }
}
.card_members {
    padding-left: 28px;
    height: 24px;
    line-height: 24px;
    background: url(../img/icons/a-person.svg) no-repeat 0;
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 14px;
    font-weight: 400;
    z-index: 1;
    color: #bfbfbf;
}
label.attach {
    overflow-wrap: anywhere;
    height: auto !important;
}
.user .ava .online {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    background-color: #00cd6a;
    border-radius: 50%;
}

.login_page .tabs select {
    width: 100% !important;
}

.body_login_page {
    min-width: unset;
    min-height: unset;
}

.line-slider {
    overflow: hidden;
}

.challenge_page .hover-box:hover .organization span {
    color: #7f7f7f;
    opacity: 1
}

.challenge_page .hover-box:hover .challenge_org_svg {
    fill: #7f7f7f;
}

.challenge_page .sign-board.organization {
    background: unset;
    padding-left: 5px;
}

@media (min-width: 767px) {
    .login_page {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

#top_menu .ava .mentor_badge {
    width: 14px;
    height: 14px;
}

#right_block .profile .ava .mentor_badge {
    width: 40px;
    height: 40px;
}

#profile_language {
    width:100% !important;
}
#profile_language_level {
    width:100% !important;
}
.fancybox-slide--image .fancybox-content {
    transition-duration: unset;
}
.black { color: black !important; }
.b025 {
    opacity: 0.25 !important;
    color: #000 !important;
}
[data-ladder="container"] .table_row div:first-child {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
[data-ladder="container"] .table_row div:first-child span {
    word-break: break-word;
    font-weight: 400;
}
.rating-content > div:first-child span a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000;
    text-decoration: none !important;
}
.rating-content > div:first-child span a:hover {
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000;
    text-decoration: none !important;
}
#ttable_wrapper > div, #ttable_wrapper > table{
    display: none;
}
#ttable_wrapper > div:first-child{
    display: block;
}
#ttable_wrapper {
    margin-left: auto;
}
#ttable {
    display: none;
}
.icon-analytics {
    height: 32px;
}
#left_menu .menu_list .menu_item:hover .icon > img.analytics {
    filter: url('../img/icons/analytics.svg#hover')
}
#left_menu .menu_list .menu_item.active .icon > img.analytics {
    filter: url('../img/icons/analytics.svg#hover')
}
.qualify_list .qualify_card {
    display:block;
    position:relative;
    width:100%;
    height:160px;
    overflow:hidden;
    border-radius:10px
}
.qualify_list .qualify_card .status {
    position:absolute;
    z-index:1;
    right:0;
    bottom:24px;
    padding:0 16px;
    border-radius:12px 0 0 12px;
    background-color:#7563c7
}
.qualify_list .qualify_card .status.close {
    background-color:#bfbfbf
}
.qualify_list .qualify_card .status.blue {
    background-color:#2ed0d3
}
.qualify_list .qualify_card .status.gray {
    background-color:#bfbfbf
}
.qualify_list .qualify_card .status.orange {
    background-color:#ff800b
}
.qualify_list .qualify_card .status.green {
    background-color:#00cd6a
}
.qualify_list .qualify_card .status.yellow {
    background-color:#ffc500
}
.qualify_list .qualify_card .status.turquoise {
    background-color:#2ed0d3
}
.qualify_list .qualify_card .status span {
    opacity:1;
    font-size:14px;
    font-weight:700;
    line-height:20px;
    color:#fff
}
.qualify_list .qualify_card .text {
    position:absolute;
    top:24px;
    left:24px;
    right:24px;
    bottom:24px;
    z-index:1
}
.qualify_list .qualify_card .text .organization_name {
    position:absolute;
    top:0;
    left:0
}
.qualify_list .qualify_card .text .organization_name:before {
    content:"";
    display:block;
    width:20px;
    height:20px;
    background:url(../img/icons/a-organization_white.svg) no-repeat 50%;
    position:absolute;
    left:0;
    top:0
}
.qualify_list .qualify_card .text .organization_name span {
    display:block;
    padding-left:28px;
    font-size:14px;
    font-weight:700;
    line-height:20px;
    color:#fff
}
.qualify_list .qualify_card .text .name {
    position:absolute;
    bottom:0;
    left:0;
    right:100px
}
.qualify_list .qualify_card .text .name span {
    display:block;
    font-size:16px;
    font-weight:700;
    line-height:1.5;
    color:#fff;
    text-shadow:0 0 8px rgba(0,0,0,.25)
}
.qualify_list .qualify_card .text .name span+span {
    margin-top:4px;
    font-size:20px;
    font-weight:500;
    line-height:1.2;
    letter-spacing:.15px
}
.qualify_list .qualify_card .bg {
    overflow:hidden;
    z-index:0;
    background-color:#000;
    border-radius:10px;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0
}
.qualify_list .qualify_card .bg div {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    opacity:.7;
    background-color:#333;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%;
    border-top-left-radius:8px;
    border-top-right-radius:8px
}
.qualify_list .qualify_card .preload {
    position:absolute;
    z-index:4;
    top:-5px;
    right:-5px;
    bottom:-5px;
    left:-5px;
    animation:c .3s;
    animation-delay:1s;
    animation-fill-mode:forwards;
    background:#f2f2f2
}
.qualify_list .qualify_card .preload:before {
    content:"";
    display:block;
    background-image:linear-gradient(270deg,hsla(0,0%,100%,0),#fff 50%,hsla(0,0%,100%,0));
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:5;
    background-size:200% 200%;
    animation:d 1s infinite
}
.qualify_list .qualify_card .preload .text .organization_name span {
    display:block;
    width:120px;
    height:16px;
    border-radius:8px;
    background:#fff
}
.qualify_list .qualify_card .preload .text .name span {
    width:200px;
    height:24px;
    border-radius:12px;
    background:#fff
}
.qualify_list .qualify_card .preload .bg {
    background:#f2f2f2
}
.qualify_list .qualify_card:hover .bg div {
    transform:scale(1.1)
}
.qualify_list .qualify_card+.qualify_card {
    margin-top:24px
}
.track.shadow-box.h-auto {
    padding:24px
}
.track.shadow-box.h-auto .content {
    padding:0!important;
    position:relative
}
.certificate {
    background: #f2f6fa;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: .15px;
    color: #000;
    display: flex;
    justify-content: flex-start;
    padding: 40px 40px 40px;
    border-radius: 8px;
    position: relative;
    height: 244px;
}
.certificate__content {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.certificate::before {
    content: "";
    background: url(/img/qualification/certificate.png);
    width: 305px;
    height: 240px;
    position: absolute;
    bottom: 24px;
    right: 10%;
    background-size: contain;
}
.dlya-vstavki {
    display:block;
    width:100%
}
.banner .btn_block_bg>div span .price {
    display:inline;
    margin-left:8px;
    padding:2px 16px;
    background:#ffc500;
    border-radius:12px;
    font-size:14px;
    font-weight:700;
    line-height:24px;
    opacity:1;
    color:#fff
}
.right-block-my-lk__buttons {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: rgba(0,0,0,.05);
    margin-top: 24px;
}
.right-block-my-lk__button-my-order {
    margin: 24px 40px 0;
}
.button {
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    display: inline-block;
    cursor: pointer;
    border-radius: 22px;
    text-align: center;
    background: #1588ee;
    color: #fff;
    line-height: 1.43;
    user-select: none;
    height: 44px;
}
.button_border {
    border: 1px solid #1588ee;
    color: #1588ee !important;
    background: #fff;
}
.button:hover {
    background: #1588ee;
    color: #fff !important;
    opacity: .8;
}
.button_border:hover {
    opacity: 1;
}
.button_big {
     display: block;
     width: 100%;
}
.button:disabled {
     border-color: #fff;
     color: #bfbfbf !important;
     pointer-events: none;
     background: inherit;
}



.order__button-yet {
    width: 232px;
    margin: 40px auto 0px;
}
.button {
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    display: inline-block;
    cursor: pointer;
    border-radius: 22px;
    text-align: center;
    background: #1588ee;
    color: #fff;
    line-height: 1.43;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 44px;
}
.button_border {
    border: 1px solid #1588ee;
    color: #1588ee !important;
    background: #fff;
}
.button_border:hover {
    background: #1588ee;
    color: #fff !important;
}
.button_big {
    display: block;
    width: 100%;
}
.button:disabled {
    border-color: #fff;
    color: #bfbfbf !important;
    pointer-events: none;
    background: inherit;
}
.input-text {
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.input-text__input {
    display: block;
    width: 100%;
    border-radius: 22px;
    border: 1px solid #f1f1f1;
    background-color: #fff;
    padding: 10px 25px;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
}
.input-text__input_error {
    border: 1px solid #ff4b3a;
}
.input-text__input:focus {
    border-color: #1588ee;
}
.input-text__notification {
    color: #ff4b3a;
    font-size: 14px;
    line-height: 1.43;
    margin: 4px 0 0 16px;
    opacity: 0;
}
.input-text__notification_show {
    opacity: 1;
}
.right-block-my-lk__buttons {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.05);
    margin-top: 24px;
}
.right-block-my-lk__button-my-order {
    margin: 24px 40px 0;
}
.status-mark {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: 0.3px;
    text-align: center;
    display: inline-block;
    border-radius: 22px;
    background: #1588ee;
    color: #fff;
    padding: 2px 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.purple {
    background: #7563c7 !important;
}
.turquoise {
    background: #2ed0d3 !important;
}
.yellow {
    background: #ffc500 !important;
}
.green {
    background: #00cd6a !important;
}
.gray {
    background: #bfbfbf !important;
}
.subscription {
    background: #f2f6fa;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.15px;
    color: #000;
    display: flex;
    justify-content: flex-end;
    padding: 40px 80px 16px;
    border-radius: 8px;
    position: relative;
    height: 244px;
}
.subscription:before {
    content: "";
    background: url(../img/lock.png);
    width: 479px;
    height: 244px;
    position: absolute;
    bottom: 24px;
    left: 5%;
}
.subscription__content {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.subscription__caption {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}
.subscription__text {
    margin: 0;
}
.subscription__key {
    position: relative;
    display: flex;
    justify-content: space-between;
}
.subscription__key_activated {
    display: none;
}
.subscription__input {
    width: 100%;
    margin-right: 24px;
}
.table-grid {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto auto;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    background-color: #fff;
    color: #000;
    font-family: Roboto;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
}
.table-grid__row {
    display: grid;
    grid-template-columns: 40% 15% 15% 15% 15%;
    grid-template-rows: auto;
}
.table-grid__row:hover:not(:first-child) {
    background: rgba(65, 103, 187, 0.05);
}
.table-grid__row_head {
    background-color: #4167bb;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}
.table-grid__row_add-new {
    background: rgba(255, 197, 0, 0.15);
}
.table-grid__cell {
    padding: 16px 15px 16px 24px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #f2f6fa;
    font-weight: normal;
}
.table-grid__cell_name {
    color: #1588ee !important;
    font-weight: bold;
}
.table-grid__link-activities {
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}
.table-grid__link-activities:hover {
    color: #0056b3 !important;
}
.table-grid__cell_group-activities {
    font-weight: normal;
    margin: 0;
}
.table-grid__cell_group-activities .table-grid__name-item-activities:nth-child(-n + 4) {
    display: block;
}
.table-grid__activities {
    overflow: hidden;
    height: 60px;
}
.table-grid__activities_opened {
    -webkit-animation: listShow 1s ease-in-out;
    animation: listShow 1s ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.table-grid__activities_closed {
    -webkit-animation: listClose 1s ease-in-out;
    animation: listClose 1s ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.table-grid__series {
    color: #bfbfbf;
    margin: 4px 0 12px 0;
}
.table-grid__name-subscription {
    color: #000;
    margin: 0 0 4px 0;
}
.table-grid__name-qualification {
    font-weight: bold;
    margin: 0 0 4px 0;
}
.table-grid__name-item-activities {
    margin: 8px 0;
}
.table-grid__name-item-activities .table-grid__link-activities {
    font-size: 14px;
    font-weight: normal;
}
.table-grid__show-in-full {
    color: #bfbfbf;
    border-width: 0 0 1px 0;
    border-style: dotted;
    border-color: #bfbfbf;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.15s ease-in-out;
}
.table-grid__show-in-full:hover {
    color: #1588ee;
    border-color: #1588ee;
}
:root {
    --my-start-height: 60px;
    --my-end-height: 60px;
}
@-webkit-keyframes listShow {
    0% {
        height: var(--my-start-height);
    }
    100% {
        height: var(--my-end-height);
    }
}
@keyframes listShow {
    0% {
        height: var(--my-start-height);
    }
    100% {
        height: var(--my-end-height);
    }
}
@-webkit-keyframes listClose {
    0% {
        height: var(--my-end-height);
    }
    100% {
        height: var(--my-start-height);
    }
}
@keyframes listClose {
    0% {
        height: var(--my-end-height);
    }
    100% {
        height: var(--my-start-height);
    }
}
.tabs-with-content__head {
    display: flex;
    justify-content: space-between;
}
.tabs-with-content__tabs {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.15px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0 0 24px;
}
.tabs-with-content__tabs-item {
    position: relative;
    opacity: 1;
    color: rgba(0, 0, 0, 0.25);
    border-bottom: 2px solid transparent;
    margin-right: 24px;
    padding-bottom: 8px;
    cursor: pointer;
}
.tabs-with-content__tabs-item:hover:not(.tabs-with-content__tabs-item_active) {
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
}
.tabs-with-content__tabs-item:hover:not(.tabs-with-content__tabs-item_active) > .tabs-with-content__subtabs {
    color: rgba(0, 0, 0, 0.25);
}
.tabs-with-content__tabs-item_active {
    color: #1588ee;
    opacity: 1;
    border-bottom: 2px solid #1588ee;
}
.tabs-with-content__tabs-item_dropdown {
    display: flex;
    justify-content: center;
}
.tabs-with-content__tabs-item_dropdown:after {
    content: "";
    background: url(../img/a-arrow_down.svg) no-repeat;
    width: 24px;
    height: 20px;
    display: inline-block;
    transition: all 0.15s ease-in-out;
}
.tabs-with-content__tabs-item_dropdown:before {
    content: "";
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
}
.tabs-with-content__tabs-item_dropdown:hover {
    transition: all 0.15s ease-in-out;
}
.tabs-with-content__tabs-item_dropdown:hover > .tabs-with-content__subtabs {
    opacity: 1;
}
.tabs-with-content__tabs-item_dropdown:hover:after {
    transform: rotate(180deg) translateY(-4px);
}
.tabs-with-content__subtabs {
    position: absolute;
    top: 36px;
    width: auto;
    min-width: 160px;
    background: #fff;
    padding: 8px 16px;
    border-radius: 22px;
    box-shadow: 0 8px 24px 0 rgba(0, 72, 135, 0.1);
    border: solid 1px #f1f1f1;
    opacity: 0;
    transition: all 0.15s ease-in-out;
}
.tabs-with-content__subtabs:hover {
    opacity: 1;
}
.tabs-with-content__subtabs_active {
    display: block;
}
.tabs-with-content__subtabs-item {
    display: block;
    margin: 0;
    text-align: left;
    padding: 10px 0;
    cursor: pointer;
}
.tabs-with-content__subtabs-item:hover:not(.tabs-with-content__subtabs-item_active) {
    color: rgba(0, 0, 0, 0.5);
}
.tabs-with-content__subtabs-item_active {
    color: #1588ee;
}
.tabs-with-content__content {
    display: none;
}
.tabs-with-content__content_active {
    display: block;
}
.toggle-buttons {
    display: flex;
    margin-left: 40px;
    display: -ms-flexbox;
}
.toggle-buttons__button {
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    display: block;
    padding: 0 15px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    border-radius: 12px;
    color: rgba(0, 0, 0, 0.25);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.toggle-buttons__button:hover:not(.toggle-buttons__button_active) {
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
}
.toggle-buttons__button_active {
    background-color: #1588ee;
    color: #fff;
    opacity: 1;
    cursor: default;
}
.order__subscription{
    margin-top: 104px;
}
.modal-purchase-options__window {
    width: 552px !important;
}
.modal-purchase-options__content {
    padding: 0 24px 24px 24px;
    box-sizing: border-boxs;
}
.modal-purchase-options__content-text {
    margin: 0 0 24px 0;
}
.modal-purchase-options__block-email {
    display: flex;
}
.modal-purchase-options__input-email {
    margin-right: 24px;
    width: 280px;
}
.modal-purchase-options__button {
    width: 200px;
}
.qualify_list .qualify_card .text .organization_name::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/icons/a-organization_white.svg) no-repeat center;
    position: absolute;
    left: 0;
    top: 0;
}
.news_list.qualification_items{
    position: relative;
    height: 800px;
    max-width: 1352px;
    margin: 0 auto;
    background: url(../img/quals_bg.png) no-repeat center;
}
.news_list.qualification_items a{
    position: absolute;
}
.m-qual-pass{
    margin-top: 8px;
}
#register_student .input-text__notification{
    position: absolute;
    display: block;
}
.m-qual-cert-name{
    line-height: 1.5;
}