p.logo {
        margin: 30px 50%;
        height: 50px;
    }

    p.logo img {
        margin-left: -92px;
        position: absolute;
        bottom: 10px;
    }

    img.docs_info {
        /*border: red 1px solid;
    margin-top: 0px;*/
        height: 300px;
    }

    img.docs_info+p,
    img.docs_info2+p {
        text-indent: 0;
        text-align: center;
        margin: 20px;
    }

    table.tbl_docs td {
        vertical-align: top;
    }

    em {
        text-align: left;
    }

    h3 em {
        font-size: 0.8em;
    }

    p.heart_s {
        text-indent: 0em;
        margin-left: 3em;
        margin-top: 1em;
        text-align: left;
    }

    p.heart_s_inside {
        text-indent: 0em;
        margin-left: 4em;
        margin-top: 1em;
        text-align: left;
    }


    #menu-top-almost-fixed {
        position: fixed;
        top: 0px;
        left: 0;
        height: 30px;
        width: 100%;
        margin: 0;
        opacity: 1;
    }

    #cont {
        margin-top: 6em;
    }

    a.anchor {
        position: absolute;
        margin-top: -5.3em;
    }

    .hat {
        position: relative;
        margin-left: auto;
        width: 220px;
        text-align: left;
        text-indent: 0;
    }


    ////////////////////////////////////////////////TABS_MEN////////////////////
    body {
        max-width: 1200px;
        margin: 0 auto;
    }

    .tabs {
        max-width: 1200px;
        margin: 0 0 30px;
    }

    .tabs__caption {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        position: relative;
        margin: -1px 0 0 -1px;
        max-width: 250px;
    }

    .tabs__caption a {
        color: #551a8b;
        text-decoration: none;
    }

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

    .tabs__caption li:last-child:before {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 0;
        right: -2px;
        z-index: -1;
        height: 5px;
        background: #7DCA86;
    }

    .tabs__caption:after {
        content: '';
        display: table;
        clear: both;
    }

    .tabs__caption li {
        padding: 9px 15px;
        margin: 1px 0 0px 0px;
        background: #DFC8BA;
        color: #551a8b;
        position: relative;
        /*border: 2px solid #d7d7d7;*/
        /*border-width: 2px 2px 0;*/
        /*border-radius: 5px 5px 0 0;*/
        text-align: left;
    }

    .tabs__caption li:not(.active) {
        cursor: pointer;
    }

    .tabs__caption li:not(.active):hover {
        background: #DFC8BA;
        border-color: #d7d7d7;
    }

    .tabs__caption .active {
        background: #efe3dc;
        color: #000;
        border-color: #efe3dc;
    }

    .tabs__caption .active a {

        color: #000;

    }

    .tabs__caption .active:after {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 0;
        right: 0;
        height: 5px;
        background: #efe3dc;
    }

    .tabs__content {
        display: none;

        background: #efe3dc;
        /* border: 2px solid #d7d7d7;*
   border-radius: 0 5px 5px 5px;*/
        padding: 9px 20px;


    }



    .tabs__content.active {
        display: block;

    }

    .vertical .tabs__caption {
        float: left;
        display: block;
    }


    .vertical .tabs__caption li {
        float: none;
        /* border-width: 2px 0 2px 2px;*/
        /*border-radius: 5px 0 0 5px;*/
    }

    .vertical .tabs__caption li:last-child:before {
        display: none;
    }

    .vertical .tabs__caption .active:after {
        left: auto;
        top: 0;
        right: -2px;
        bottom: 0;
        width: 2px;
        height: auto;
    }

    .vertical .tabs__content {
        overflow: hidden;
    }

    @media screen and (max-width: 650px) {

        /*   .tabs__caption li {
        -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto;
           width: 250px;
    }
    .vertical .tabs__caption {
        float: none;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        
    }
    .vertical .tabs__caption li {
        border-width: 2px 2px 0;
        border-radius: 5px 5px 0 0;
    }
    .vertical .tabs__caption li:last-child:before {
        display: block;
    }
    .vertical .tabs__caption .active:after {
        top: auto;
        bottom: -5px;
        left: 0;
        right: 0;
        width: auto;
        height: 5px;
        background: #FFF;*/

    }

    ////////////////////////////////////////////////TABS////////////////////

    /*////////////////TABS///////////////*/
    .o-container {
        margin: 0 auto;
        padding: 0 12px;
        max-width: 960px;
    }

    @media all and (min-width: 480px) {
        .o-container {
            padding: 0 24px;
        }
    }

    @media all and (min-width: 720px) {
        .o-container {
            padding: 0 48px;
        }
    }




    .o-section {
        margin-bottom: 24px;
    }

    .o-section:last-child {
        margin-bottom: 0;
    }

    @media all and (min-width: 720px) {
        .o-section {
            margin-bottom: 48px;
        }
    }



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



    .c-tabs {
        /**/
    }

    /**
 * Tabs navigation
 */
    .c-tabs-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .c-tabs-nav__link {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 4px;
        padding: 12px;
        color: #551a8b;
        background-color: #DFC8BA;

        text-decoration: none;
        text-align: center;
        -webkit-transition: color 0.3s;
        transition: color 0.3s;
    }

    .c-tabs-nav__link:last-child {
        margin-right: 0;

    }

    .c-tabs-nav__link:hover {
        color: #000;
    }

    .c-tabs-nav__link.is-active {
        color: #000;
        background-color: #efe3dc;
        border-top: 1px solid #DFC8BA;
        border-left: 1px solid #DFC8BA;
        border-right: 1px solid #DFC8BA;

    }

    .c-tabs-nav__link i,
    .c-tabs-nav__link span {
        margin: 0;
        padding: 0;
        line-height: 1;
    }

    .c-tabs-nav__link i {
        font-size: 18px;
    }

    .c-tabs-nav__link span {
        display: none;
        font-size: 18px;
    }

    @media all and (min-width: 120px) {
        .c-tabs-nav__link i {
            margin-bottom: 12px;
            font-size: 22px;
        }

        .c-tabs-nav__link span {
            display: block;
        }


        /**
 * Tab
 */
        .c-tab {
            display: none;
            background-color: #efe3dc;
            border-left: 1px solid #DFC8BA;
            border-right: 1px solid #DFC8BA;
            border-left: 1px solid #DFC8BA;
            border-bottom: 1px solid #DFC8BA;
        }

        .c-tab.is-active {
            display: block;
        }

        .c-tab__content {
            padding: 1.5rem;
        }

        /**
 * Tabs no-js fallback
 */
        .c-tabs.no-js .c-tabs-nav {
            display: none;
        }

        .c-tabs.no-js .c-tab {
            display: block;
            margin-bottom: 1.5rem;
        }

        .c-tabs.no-js .c-tab:last-child {
            margin-bottom: 0;
        }



        .content {
            max-width: 1200px;
            position: absolute;
            left: 50%;
            margin-left: -600px;
            z-index: -1;

        }

        .content_pict {
            width: 500px;
        }

        @media screen and (max-width: 1000px) {
            .content {
                width: 1000px;
                margin-left: -500px;
            }

            .tabs__caption {

                max-width: 150px;
            }

        }

        @media screen and (max-width: 900px) {
            .content {
                width: 900px;
                margin-left: -450px;
            }

            .tabs__caption {

                max-width: 120px;
            }

        }

        @media screen and (max-width: 800px) {
            .content {
                width: 800px;
                margin-left: -400px;
            }

            .tabs__caption {

                max-width: 100px;
            }

        }



        /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
        table.sved {
            width: 100%;
            margin: 0 auto;

        }





        table.sved {
            border: 1px solid #DBBFAE;
            width: 100%;

            border-collapse: collapse;
        }

        table.sved td {
            border: 1px solid #DBBFAE;
            text-align: center;
            padding: 0.5em;
        }



        table.sved th {
            border: 1px solid #DBBFAE;
            padding: 0.5em;
            border-collapse: collapse;
            text-align: center;
            background-color: #DFC8BA;
        }


        /*p.sved_cap{
    font-size: 1.3em;
    margin: 1em 0em 0.5em 0em; 

}*/

        div.sved {
            margin: 0em 0em 3em 0em;
        }

        /*div.sved:nth-child(even) {background-color: :#ecddd4;}*/


        div.sved h3 {
            font-weight: 600;
            font-size: 1em;
            margin-bottom: 0.5em;
            text-align: center;

        }

        div.sved h4 {
            font-weight: 400;
            font-size: 1.2em;
            margin-bottom: 0.5em;
            text-align: center;

        }

        div.sved h5 {
            font-weight: 800;
            font-size: 1em;
            margin-bottom: 0.5em;
            text-align: left;

        }

        div.sved p {
            margin: -0em 0em 0.5em 0em;
            text-align: justify;
            text-indent: 0;

        }

        div.sved a {
            color: #551a8b;
        }

        div.sved li {
            list-style-type: disc;

            text-align: justify;

        }

        div.sved ul {
            margin: -0em 0em 0.5em 0em;

        }



        .sved_screen {
            padding-left: 8em;
        }

        @media screen and (max-width: 1130px) {
            .sved_screen {
                padding-left: 0em;
            }
        }

        .sob_screen {
            width: 100%;

            margin: 0 auto;
            /*  position: relative;*/
        }

        @media screen and (max-width: 1130px) {
            .sob_screen {
                width: 720px;
            }
        }

        .abitur {
            padding-left: 0em;
        }

        .abitur h4 {
            margin-top: 1em;
            font-weight: 800;
        }
    }

    .abitur h5 {
        margin-top: 1em;
        font-weight: 800;
    }

    .line_abitur {
        border: 0em;
        border: 0 none;
        height: 1px;
        color: #DFC8BA;
        /*для IE */
        background-color: #DFC8BA;
        /*для Firefox, Opera, Safari*/

    }

    .p_inside {

        padding-left: 1em;

    }

    div.p_inside_li li {
        list-style-type: decimal;
        padding-left: em;
        padding-bottom: em;
    }

    .p_inside2 {

        padding-left: 2em;

    }

    .p_inside3 {

        padding-left: 3em;

    }



    #tbl_left {
        text-align: left;
        padding-left: 1em;
    }


    .hint {
        display: inline-block;
        /* Строчно-блочный элемент */
        position: relative;
        /* Относительное позиционирование */
        color: #551a8b;
        text-decoration: underline;
    }

    .hint:hover::after {
        content: attr(data-title);
        /* Выводим текст */
        position: absolute;
        /* Абсолютное позиционирование */
        right: 20%;
        top: 140%;
        /* Положение подсказки */
        z-index: 1;
        /* Отображаем подсказку поверх других элементов */
        background: rgba(255, 255, 230, 0.9);
        /* Полупрозрачный цвет фона */
        font-family: Arial, sans-serif;
        /* Гарнитура шрифта */
        font-size: 11px;
        /* Размер текста подсказки */
        padding: 5px 10px;
        /* Поля */
        /*border: 1px solid #333;*/
        /* Параметры рамки */
        min-width: 100px;
        max-width: 200px;
        text-align: left;

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .hint:hover::before {
        position: absolute;
        bottom: -50%;
        right: 50%;
        margin-left: -5px;
        width: 0;
        border-bottom: 10px solid #000;
        border-bottom: 10px solid rgba(255, 255, 230, 0.9);
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;


        content: " ";
        font-size: 0;
        line-height: 0;
    }