body {
    font-family: 'proxima', sans-serif;
    font-size: 16px;
    color: #57504A;
}
html,body,#container{
    min-height: 100vh;
    width: 100%;
    position: relative;
}
#container{display: flex;flex-direction: column;}
.grey_blue{background:#e8edf1;}
.top_line{border-top: 4px solid #8dcdd2;margin-top: 1em;padding-top: .5em;}
.acenter{text-align:center;}
.all_content {
    box-sizing: border-box;
    min-height: 100%;
    padding-bottom: 96px;
}
.bg_teach:before {content: '';position:absolute;width: 100%;height: 100%;display: block;background: radial-gradient(#fbb12e, #E3781A); background-repeat: repeat;z-index: -1}
.container {
    max-width: 1300px;
    padding-left: 1em !important;
    padding-right: 1em !important;
    margin: 0 auto;
}

.gray-bg.read-zone {margin-top: 2em}
.container.mini {
    max-width: 640px;
}

* {transition: color .4s, background-color .4s, box-shadow .4s;}



.logo img, .logo {
    displa: inline-block;
}

.logo {
    /*margin-right: 45px;*/
    vertical-align: middle;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.header .container {
    position: relative;
    max-width: 1300px;
    display: flex;
    align-items: center;
    padding: 1.25em;
    border-bottom-left-radius: 1.5em;
    border-bottom-right-radius: 1.5em;
    background: #fff;
    justify-content: space-between;
}
.header .container > div {
    display: flex;
    align-items: center;
}
.burger {display: none}



.top-menu {
    display: inline-block;
    vertical-align: middle;
}

.top-menu + .top-menu{margin-left: 2em;}

.top-menu a {
    color: #241B13;
}

.top-menu > ul > li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 1em;
}

.top-menu > ul > li + li {
    margin-left: 10px;
}

.top-menu a:hover {
    text-decoration: none;
    color: #c3541b;
}

.top-menu li.parent{padding-right: 2em}

.top-menu li.parent:before {
    content: '';
    background: url("/images/chevron.svg") no-repeat center center;
    display: block;
    position: absolute;
    width: 1em;
    height: 1em;
    right: .5em;
    top: 1em;
}

.top-menu li.parent:not(:hover):before, .top-menu li.parent:not(.open):before {
    transform: rotate(-90deg);
}

.top-menu > ul > li:hover>a, .top-menu > ul > li:hover>span{
    position: relative;
    text-decoration: none;
}

#enter_but{
    background: #E3781A url("/images/login.png") no-repeat .75em center;
    color: #fff;
    padding: .75em 1.5em .75em 2.5em;
    border-radius: .75em;
    font-weight: 600;
}

#enter_but:hover{
    background: #c3541b url("/images/login.png") no-repeat .75em center;
}

.introduce >div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1300px;
    padding: 2.5em 1.5em 0;
    margin: 0 auto;
}
.introduce p{font-size: 325%;font-weight: 700;color:#fff}

.center_block {
    margin-top: 2.5em;
    padding: 2.5em 1.5em;
    background: #fff;
    border-radius: 2.5em;
    flex: 1 1 100%;
}

.introduce + .center_block {
    margin-top: 0;
}

.footer{
    color:#fff;
    background: transparent;
    padding: 2.5em 3em;
}

.footer .item{
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.footer .item + .item{
    padding-left: 2em;
}

.footer .item + .item li{
    text-align: right;
}

.footer .item>ul>li>a{
    /*font-weight: 700;
    text-transform: uppercase;*/
    color: #ffffff;
    /*font-size: 12px;
    letter-spacing: 2px;*/
}

.footer li ul{
    padding-top: 20px;
}

.footer li ul a{
    color: #fff;
    font-size: 14px;
}

.footer li ul li + li{
    padding-top: 20px;
}

.footer li + li {padding-top:.75em}

.footer .top-part .container{
    padding: 25px 0;
    overflow: hidden;
}

.copy{
    text-align: center;
    font-size: 12px;
    padding: 10px 0;
}

.form .top-item > *{
    display: inline-block;
    vertical-align: middle;
}

.center .container{
    padding: 50px 0 55px;
}

.form .top-item{
    padding-bottom: 20px;
}

h1, h2{
    font-size: 40px;
    line-height: 32px;
    margin-top: 1em;
    margin-bottom: .75em;
    font-weight: 700;
    text-align: center;
    color:#241B13;
}

.under_head {
    font-size: 150%;
    color: #E3781A;
    text-align: center;
}

.item-chk{
    position: relative;
    overflow: hidden;
    margin-left: 20px;
    padding-top: 4px;
}


.item-chk input{
    position: absolute;
    left: -200px;
}

.item-chk i{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -4px;
    width: 20px;
    height: 20px;
    border: 1px solid #d7d7d7;
    margin-right: 6px;
}

.item-chk label{
    cursor: pointer;
}

.item-chk input:checked + label i:after{
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 2px;
    left: 2px;
    background: #d36f18;

}

.left-part{
    width: 72%;
}

.right-part{
    width: 25%;
}

#result {
    display: none;
    background: #f4f4f4;
    border-top: 4px solid #d36f18;
    padding: 10px;
}
.gray-block{
    background: #f4f4f4;
    height: 370px;
    border-top: 4px solid #d36f18;
    padding: 10px;
}

.gray-block .item{
    margin-bottom:20px;
}

.gray-block .item.filter_two >div{
    margin-top:0;
    margin-bottom:0;
}

.gray-block span{
    line-height: 20px;
}

.gray-block p{
    font-size: 14px;
    line-height: 20px;
    padding-top: 15px;
    color: #b7b7b7;
    padding-bottom: 20px;
}

.bold-important, .bold-important ~ *, .bold-important > p {font-weight: bold !important;}
.select_phrase:hover{background: #d36f18; cursor: pointer}

/*  ФОРМЫ */
.item textarea{width: 100%;padding: 15px;font-family: 'proxima', sans-serif;font-size: 16px;resize: none;border: 1px solid #d7d7d7;height: 370px;}
*:not(.v-field__input) >input{background: #ffffff;font-size: 16px;width: 100%;height: 50px;border: 1px solid #d7d7d7;padding: 0 15px 0 15px;}
*:not(.v-field__input) >input[type="radio"]{height: 16px;padding: 0;display: inline-block;width: 16px;margin: 0.5em;}
*:not(.v-field__input) >input[type="radio"][name^="qans"], *:not(.v-field__input) >input[type="radio"][name^="qual"] {margin: 0 0.5em 0 0;}
label:not(.v-label){display: block;}
label:not(.v-label) + input, label:not(.v-label) + textarea, label:not(.v-label) + select, label:not(.v-label) + .jqselect, label:not(.v-label) + .captcha{margin-top: .75em;}
.captcha{display:flex}

.btn, #modal_form input.btn, .form input.btn{
    font-family: 'proxima', sans-serif;
    border: 0;
    cursor: pointer;
    color: #ffffff;
    font-size: 18px;
    display: block;
    background: #E3781A;
    padding: .25em 1em;
    width: 100%;
    height: 50px;
    box-shadow: 0 2px 0 #d36f18;
}

.btn:hover, #modal_form input.btn:hover, .form input.btn:hover{
    background: #d36f18;
}


.results .container{
    padding: 50px;
}

.results p{
    line-height: 22px;
    margin-bottom: 25px;
}

.search input{
    background: #ffffff url("../images/ico-search.png") no-repeat 15px center;
    font-size: 16px;
    width: 100%;
    height: 50px;
    border: 1px solid #d7d7d7;
    padding: 0 15px 0 45px;
}

.type_account {width: calc(100% - 2em);border: 1px solid #d7d7d7;padding: 1em;background: #f7f7f7;}

.search{
    padding-bottom: 30px;
}

.table-wrap{
    border: 1px solid #d7d7d7;
}

.table-head{
    padding: 20px;
}

.table-wrap strong{
    display: block;
    font-size: 24px;
}

.results .table-wrap  p{
    margin-bottom: 0;
    padding-top: 20px;
}

table{
    width: 100%;
}

table td, table th{
    padding: 17px 20px;
    background: #fff;
}

table tr:not(.info):nth-child(odd) td{
    background: #f0f0f7;
}

.table span{
    color: #a1a1a1;
}

table a:hover{
    text-decoration: none;
    border-color: transparent;
}

table .c-green{
    color: #66bb6a;
    border-bottom: 1px solid #66bb6a;
}


table .c-black{
    color: #546e7a;
    border-bottom: 1px solid #546e7a;
    white-space: nowrap;
}

.pager-wrap{
    text-align: center;
    padding-top: 30px;

}

.pager a, .pager-wrap .show{
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background: #ebebeb;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #00695c;
}

.pager a + a{
    margin-left: 6px;
}

.pager a:hover, .pager a.active, .pager-wrap .show:hover{
    color: #ffffff;
    background: #d36f18;
    text-decoration: none;
}

.pager-wrap .show{
    font-weight: normal;
}


.pager-wrap .show{
    width: 138px;
}


.small-form > p{
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 24px;
    padding-top: 40px;
}

.small-form .gray-block{
    height: 136px;
}

.small-form textarea{
    height: 136px;
}

.marks td p, .marks td{
    color: #616376;
}

.marks td span{
    color: #a1a1a1;
}

.marks td .name{
    display: inline-block;
    width: 370px;
}

.marks td .line + .line{
    padding-top: 10px;
}

.marks .c-green{
    border: 0;
}

.small-form .top-item{
    padding-bottom: 0;
}

.results .item{
    display: inline-block;
    vertical-align: top;
    width: 220px;
    margin-right: 26px;
    padding-bottom: 40px;
}




.results-table td p{
    font-size: 12px;
    margin-bottom: 5px;
    color: #b7b7b7;

}

.results .table-wrap .results-table p{
    padding-top: 0;
}

.results-table span.c-green, .results-table span.c-blue, .results-table span.c-black{
    border: 0 !important;
}

.results-table .line + .line{
    padding-top: 15px;
}

.choice-table td{
    color: #616376;
}

.choice-table td span{
    color: #a1a1a1;
}

.choice-table .c-blue{
    border-bottom: 1px solid #d36f18;

}

.choice-table .c-blue:hover{
    border-color: transparent;
}

.flex-items {display:flex;flex-wrap:wrap;}
.flex-items .item {width:calc((100% / 3) - (2em));margin-top:1.5em;margin-right:2em}


.form .big-items p{
    margin-bottom: 10px;
}

.form .big-items{
    padding-top: 20px;
}

.form .big-items .item{
    display: inline-block;
    vertical-align: top;
}

.form .big-items .item + .item{
    margin-left: 26px;
}

.select-item{
    width: 440px;
    display: inline-block;
}

.select-item-group{
    width:117px;
}

.jq-selectbox__select{
    width: 100%;
}

.jq-selectbox{
    display: block;
}

.jq-selectbox__select-text{
    line-height: 49px;
}

.jq-selectbox__trigger{
    border: 0;
}

.jq-selectbox__trigger-arrow{
    top: 22px;
}

.btn-item{
    width: 160px;
}

.btn-item .btn{
    height: 48px;
}

.form .print-btn{
    background: #ebebeb;
    box-shadow: 0 2px 0 #d7d6d6;
    color: #000;
}

.form .print-btn:hover{
    background: #d7d7d7;
}

.form .item-name{
    width: 302px;
}

.form .item-soname{
    width: 386px;
}

.form .item-class{
    width: 220px;
}

.text{
    padding: 45px 0 0;
}

.read-zone .right-part{
    width: 302px;
}



.read-zone .left-part{
    width: 645px;
}

.read-zone .gray-block{
    /*height: 396px;
    padding: 75px 35px 0;*/
    padding: 1.5em 35px;
    height:auto;
}

.text-wrap{
    line-height: 23px;
}

.blur{
    color: transparent;
    text-shadow: #111 0 0 15px;
}


.countdown{
    font-size: 72px;
    line-height: 60px;
    font-weight: 700;
    text-align: center;
    margin: 0 -35px;
    white-space: nowrap;
}

.gray-block .item-chk i{
    background: #fff;
    float: left;
    top: 0;
}

.gray-block .item-chk span{
    display: block;
    padding-left: 25px;
    font-size: 14px;
}

.gray-block .item-chk{
    padding-bottom: 30px;
    margin-left: 0;
}

.marks .container{
    padding:  60px 0 65px;
}


.print-link{
    border-bottom:  1px solid #fff;
    font-size: 16px;
    margin-top: 2px;
}


.print-link:hover{
    text-decoration: none;
    border-color: transparent;
}

table .tar{
    text-align: right;
    width: 35%;
}

.marks table td span.fz18{
    color: #616376;
}

.fz18{
    font-size: 18px;
}

.faq{
    background: url("../images/ico-faq.png") no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: -5px;
    margin-left: 2px;
}

.faq:hover{
    opacity: 0.5;
}

.item-chk2{
    position: relative;
    padding-left: 20px;

}

.item-chk2 input{
    margin: 0;
    position: absolute;
    left: 0;
    top: 1px;
    cursor: pointer;
}

.item-chk2 label{
    cursor: pointer;
}

.item-chk2 + .item-chk2{
    margin-top: 5px;
}


.g-bg td{
    background: #f0f0f7 !important;
}

.w-bg td{
    background: #fff !important;
}

.brb td{
    border-bottom: 1px solid #d7d7d7;
}

.marks ul{
    column-count: 2;
}

.marks ul li + li{
    margin-top: 5px;
}

.save-btn{
    display: block;
    width: 640px;
    margin: 30px auto 0;
}
.hints span{
    font-weight: 300;
    width: 50%;
    display: block;
    font-size: 18px;
}


.hints{
    padding-bottom: 20px;
}

.hints .fll{
    padding-left: 21px;
}

.hints .flr{
    padding-right: 16px;
    text-align: right;
}
.hidden{
    display: none;
}
.big-text{
    font-size: 20px;
    color: #000;
}
.big-text p{
    margin-bottom: 5px;
}
.btn-item a, .but-conteiner, a.but-conteiner{
    text-decoration: none;
}
.btn-item span.btn{text-align: center;line-height: 48px}

#modal_form {
    min-height: 50px;
    max-width: 1300px;
    border-radius: 5px;
    border: 1px #a6c7d0 solid;
    background: #fff;
    display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
    opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
    z-index: 500; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
    padding: 5px 10px;
    padding-bottom: 20px;
    margin: auto;
}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */
#modal_form #modal_close {
    cursor: pointer;
    display: block;
    color: #a6c7d0;
    font-size: 14px;
    font-weight: bold;
}
#modal_form #modal_header{
    color: #000;
    margin-bottom:10px;
    font-weight: bold;
}
/* Пoдлoжкa */
#overlay {
    z-index:499; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
    position:fixed; /* всегдa перекрывaет весь сaйт */
    background-color:#000; /* чернaя */
    opacity:0.95; /* нo немнoгo прoзрaчнa */
    width:100%;
    height:100%; /* рaзмерoм вo весь экрaн */
    top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
    left:0;
    cursor:pointer;
    display:none; /* в oбычнoм сoстoянии её нет) */
}
#overlay td{
    background-color: #555;
}
#modal_body{
    color: #000;
    max-height: 500px;
    overflow: auto;
    line-height: 1.2em;
}
.line input, .line button, .line div.delim{
    float: left;
}
.line .delim{
    width: 2%;
    height: 50px;
}
.line{
    height: 50px;
}
#modal_msg{
    margin-top:10px;
    margin-bottom:10px;
    color: #dc3536;
}
.reg-item{
    width: 28%;
}
.msg{
    margin-top: 10px;
    margin-bottom: 10px;
    color: #dc3536;
}
.msg_ok{
    margin-top: 10px;
    margin-bottom: 10px;
    color: #9adcb5;
}
.container p{
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: justify;
}
.text{
    margin-top: 20px;
    margin-bottom: 20px;
    color: #000;
}
.text p{
    line-height: 1.5;
    text-align: justify;
    text-indent: 20px;
}
.no_indent, .text p.no_indent, .text.no_indent p {text-indent: initial;}
.text ul{
    list-style: disc;
    margin-bottom: 20px;
}
.text ul li{
    line-height: 1.5;
    margin-left: 50px;
}
input::placeholder{
    color: #a7a7a7;
}
.underdot{
    border-bottom:1px Dotted #999999;
}
.no_able{
    background: #a7a7a7;
}
.no_able:hover{
    background: #aeccda;
}
th{
    padding-top:10px;
}
.showtxt, .showtxt:visited{
    color: #616376;
    cursor: pointer;
}
.l_big strong{
    color: #d36f18;
}
.l_big p{
    line-height: 1.2em;
    letter-spacing: 0.3ex;
    color: #0e0e0f;
}
.l_ban{
    position: relative;
    padding: 0px;
    margin: 0px;
}
.l_tbl{
    width: 100%;
    height: 295px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.l_tbl, .l_tbl tr, .l_tbl td{
    background: transparent !important;
    color: #FFFFFF;
    font-size: 20px;
}
.l_tbl td{
    padding-left: 50px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
}
.l_tbl td div{
    margin-bottom: 20px;
    letter-spacing: 1.1ex;
}
.l_big .wblock{
    background: #FFFFFF;
    padding: 10px;
    margin-top:20px;
}
.l_big .last{
    margin-bottom: 20px;
}
.hdr{
    height:40px;
}
.hdr img{
    float: left;
}
.hdr div{
    padding-top: 7px;
    padding-left: 10px;
    float: left;
}
.wblock a:visited{
  color: #d36f18;
}


.tablesorter .header,
.tablesorter .tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-repeat: no-repeat;
    background-position: center right;
    padding: 4px 18px 4px 4px;
    white-space: normal;
    cursor: pointer;
}
.tablesorter .headerSortUp,
.tablesorter .tablesorter-headerSortUp,
.tablesorter .tablesorter-headerAsc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
.tablesorter .headerSortDown,
.tablesorter .tablesorter-headerSortDown,
.tablesorter .tablesorter-headerDesc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.tablesorter thead .sorter-false {
    background-image: none;
    cursor: default;
    padding: 4px;
}

.sertificates{margin-top:1.5em}
.slick_slider{width:100%;}
.slick_slider .slick-slide img{margin:0 auto;}
.slick-slide img {width:100%}

.plusi{padding:0 0 1.5em; display:flex;margin: 2em 0;justify-content: center}
.plusi >a{width:33%;padding:2em;background:#FAF4F0;color:#241B13;text-decoration: none;border-radius: 1.5em}
.plusi >a:hover, .plusi:not(:hover) >a.active{background: #E3781A;color:#fff}
.plusi >a + a{margin-left:3em;}
.plusi >a >*{display:block;max-width:100%;margin:0 auto;text-align: justify;}
.plusi >a >* + *{margin-top:1em;}
.plusi >a >strong{font-size: 150%;text-align: center;}
.plusi >a >img{max-height:240px;}

.pressa {display:flex;align-items:start;justify-content:space-between;margin-top:1.5em;}
.pressa >div{text-align:center;}
.pressa >div a{position:relative;display:block;background:#e8ecef;border-radius:50%;width:190px;height:190px;box-shadow: 0px 0px 5px #a2a297;margin-bottom:1em;}
.pressa >div a > img{display:block;position:absolute;top:50%;left:50%;max-width:80%;max-height:80%;transform:translateY(-50%) translateX(-50%);}

.search + .filter_three{margin-top:-30px;}
.filter_three{display:flex;align-items:center;margin-bottom:1.5em;flex-wrap:wrap;}
.filter_three >div{width:32%;margin-left:2%;margin-top:1.5em;}
.filter_three >div:nth-child(3n + 1){margin-left:0;}

.filter_two{display:flex;align-items:end;margin-bottom:1.5em;flex-wrap:wrap;}
.filter_two >div{width:49%;margin-left:2%;margin-top:1.5em;}
.filter_two >div:nth-child(2n + 1){margin-left:0;}

.item.playing >div >.startplay, .item:not(.playing) >div >.stopplay, .item.recording >div >.test_micro_start, .item:not(.recording) >div >.test_micro_stop{ display:none; }
.test_micro_start, .test_micro_stop, .startplay, .stopplay, .test_micro_start:hover, .test_micro_stop:hover, .startplay:hover, .stopplay:hover{ background: none;width: 50px;height: 50px;display: block;margin: 0 auto;box-shadow: none;background-size:contain;background-position: 50%;background-repeat:no-repeat; }
.item:not(.canplay) >div >.startplay, .item.playing >div >.test_micro_start{cursor:default;opacity:.6;}
.test_micro_start, .test_micro_start:hover{ background-image: url("../images/start_record.svg"); }
.test_micro_stop, .test_micro_stop:hover{ background-image: url("../images/stop_record.svg"); }
.startplay, .startplay:hover{ background-image: url("../images/play.svg"); }
.stopplay, .stopplay:hover{ background-image: url("../images/pause.svg"); }

.audio_box{display:flex;align-items:center;margin-top:.5em;}
.audio_box audio{margin-right:2em;}
.download_link{background:url("../images/download.svg") 0 50% no-repeat;background-size: contain;padding: .4em .5em .4em 2.5em;display: inline-block;color: #546e7a;text-transform: uppercase;font-weight: 600;}

#length_range{color:#616376;margin-top: -32px;}
#length_range.ui-slider-horizontal .ui-slider-handle{margin-left:0;}
#length_range.ui-slider-horizontal .ui-slider-handle + .ui-slider-handle{margin-left:-.6em;}
#length_range >span.text_range{position: absolute;top: 21px;line-height:3em;left:34%;text-align:center;width: 32%;}
#length_range_min, #length_range_max{position: absolute;top: 21px;padding: .9em;width: 32%;border: 1px solid #d7d7d7;color:#a3a1a1;}
#length_range_max{right:-.6em;margin-left:2%;}

/*  ТАБЫ */
.tabs {}
.tabs >div{cursor: pointer;display: inline-block;padding: 1em;background: #f7f7f7;border: 1px solid #d7d7d7;border-bottom: 0;}
.tabs >div.active, .tabs >div:hover{color: #fff;background: #4fa4d4;}

[data-tab_container]{display:none;border: 1px solid #d7d7d7;padding: 1em;}
[data-tab_container].active{display:block;}

[data-getinfo] > span{cursor:pointer;}
tr.info p{font-size: 14px;color:#000;}
tr.info strong{display: inline;font-size: inherit;}

/*  СТАТИСТИКА */
.log_region {margin: 2em 0;padding: 1em;border: 1px solid #d7d7d7}
.log_org {margin: 1.5em;border-left: 1px solid #d7d7d7;padding-left: 1em}
.log_user {margin: 1.5em;padding: 1em;background: #d7d7d742}

/*  СОЦ. КНОПКИ */
.socials {margin-left: 2em}
.header .socials {display: flex;align-items: center}
.socials >a +a{margin-left: 1em}
.socials >a >img {display: block;width: 2.5em; height: 2.5em}

/*  Раздел testing-literacy */
#texts img {max-width: 100%;}

@media screen and (max-width: 1300px) {
    .header .container {margin: 0 .5em;}
    .header .socials{display: none}
}

@media screen and (min-width: 1121px) {
    .top-menu:not(.user_menu) li:hover{
        background: #f3f3f3;
    }
    .top-menu li:hover ul{
        display: block;
        background: #f3f3f3;
        min-width: 9em;
    }
    .top-menu li ul {
        position: absolute;
        background: #fff;
        padding: 2em 1em 1em;
        bottom: 1px;
        transform: translateY(100%);
        left: 0;
        width: 100%;
        display: none;
        z-index: 10;
        border-bottom-left-radius: 1.5em;
        border-bottom-right-radius: 1.5em;
    }
    .top-menu li ul li+li{
        padding-top: 25px;
    }
}
@media screen and (max-width: 1120px) {
    .main_menu{display: none}

    .burger{display: block;cursor: pointer;background: url(/images/menu.svg) no-repeat center center;width: 2.75em;height: 2.75em;border: 1px solid #241B13;border-radius: .75em;margin-left: 1em;}
    .header.open .burger{background: url(/images/remove.svg) no-repeat center center;}

    .user_menu li:not(.open) >ul {display: none;}

    .header.open .main_menu li:not(.open) ul{display: none;}
    .top-menu li.parent {padding: .75em 1.25em .75em 0}
    .top-menu li.parent >a{font-weight: 600}
    .top-menu li ul {margin: 1.5em 0;}
    .top-menu li ul li+li{margin-top: .75em}
    .header.open .container, .header.open_user .container{border-radius: 0;}
    .header.open_user .user_menu li {position: initial}
    .header.open .main_menu, .header.open_user .user_menu li >ul{display: block;position: absolute;bottom: 0;transform: translateY(100%);background: #fff;left: 0;width: 100%;margin: 0;padding: 0 1em 1.5em;border-bottom-left-radius: 1.5em;border-bottom-right-radius: 1.5em;}
    .header.open .main_menu ul,  .header.open_user .user_menu li >ul{display: flex;flex-direction: column;background: #f3f3f3;}
    .header.open .main_menu li, .header.open_user .user_menu li >ul li{margin-left: 0;}
}
@media screen and (max-width: 1024px) {
    .plusi{flex-wrap:wrap;}
    .plusi > a{width: 100%;margin-left: 0;margin-right: 0;}
    .plusi > a + a{margin: 1.5em 0 0}

    .flex-items .item {width: calc((100% / 2) - (2em));}

    .form{display: flex;flex-direction: column}
    .form .top-item > span{display: block}
    .form .top-item > .item-chk{margin: 1em 1em 0 0}
    .form > *{float: none;width: 100%}
    .form > * + *, .big-items >*{margin: 1.5em 0 0 0}
    .form .big-items .item + .item{margin-left: 0}

    .filter_three >div{margin: 1.5em 0 0 0;width: 100%}
    .filter_three .ui-slider-range, .filter_three .ui-slider-handle{display: none}
    #length_range {display: flex;margin: 1.5em 0 0 0;padding: 0;border: 0}
    #length_range >*{position: relative!important;top:initial!important;left: initial!important}

    .form .big-items p{text-align: left}
    .gray-block {height: auto}
    .read-zone .left-part, .read-zone .right-part, .form .item-class, .form .item-soname, .form .item-name, .select-item-group, .select-item, .save-btn{ width: 100%;}
}
@media screen and (min-width: 901px) {
    .authorize {display: flex;justify-content: space-between}
    .authorize >* {flex: 0 1 32%}
}
@media screen and (max-width: 900px) {
    .introduce p{font-size: 200%;}
    .introduce img{width: 50%}

    .footer .item{flex-wrap: wrap}
    .footer .item ul{width: 100%;text-align: center}
    .footer .item ul:first-child{order: 2;margin-top: 2em}

    .authorize {display: flex;flex-direction: column}
    .authorize >* + * {margin-top: .75em}

    .flex-items .item {width: 100%;margin-right: 0;}
}
@media screen and (max-width: 480px) {
    .introduce >div{flex-wrap:wrap;}
    .introduce p{text-align: center;width: 100%;}
    .introduce img{width: auto;max-width: 100%;max-height: 300px;margin: 1.5em auto 0;}
}