@charset "utf-8";

@font-face {
    font-family: "PT Sans";
    src: local("PT-Sans"), url("../fonts/PTSans-Regular.ttf"), format("ttf");
    font-display: swap
}

@font-face {
    font-family: "PT Serif";
    src: local("PT-Serif"), url("../fonts/PTSerif-Regular.ttf"), format("ttf");
    font-display: swap
}

@font-face {
    font-family: "PT Serif italic";
    src: local("PT-Serif-italic"), url("/fonts/PTSerif-Italic.ttf"), format("ttf");
    font-display: swap
}

body {
    font-size: 1em;
    font-family: "PT Sans";
    letter-spacing: 0.5px;
    color: #0d3d42;
    margin: 0;
    width: 100%;
    background: #fff;
}

div {
    box-sizing: border-box;
}

i {
    font-family: "PT Serif italic";
}

* {
    scrollbar-width: thin;
}

*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-track {
    background: #fff;
}

*::-webkit-scrollbar-thumb {
    background-color: #185d64;
}

h1 {
    font-size: 3.7em;
    margin: 0;
    color: #0d3d42;
    font-family: "PT Serif";
}

h2 {
    line-height: 1.2;
    font-size: 1.5em;
    font-family: "PT Serif";
}

h3 {
    line-height: 1.2;
    font-size: 1.3em;
}

span {
    line-height: 1.2;
    font-size: 1.2em;
}

.footer-block h4 {
    font-size: 1.5em;
    margin-bottom: 10px;
    font-weight: inherit;
    color: #0d3d42;
    font-family: "PT Serif";
}

a {
    text-decoration: none;
    color: #409eff;
}

a:hover {
    color: #0a546b;
    transition: 0.2s linear;
}

.maxwidth {
    width: 1400px;
    margin: 0 auto;
    display: table;
}

.h1span {
    font-size: 0.7em;
    color: #999;
}

.nadLogo {
    width: 100%;
    background: #185D64;
    padding: 2px 0px;
    color: #fff;
    z-index: 1000;
    position: relative;
    display: table;
}

.nadlogoelement {
    display: flex;
    justify-content: end;
}

#hiddenEl {
    display: none;
}

#wave-container {
    width: 100%;
    height: 155px;
    display: table;
}

#wave {
    display: block;
    position: relative;
    height: 50px;
    border-bottom: 1px solid #75bbc2;
    background: #fff;
}

#wave:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 100%;
    width: 500px;
    height: 400px;
    left: -200px;
    top: -250px;
    border-right: 1px solid #30a7b3;
    background: #fff;
}

.white-menu {
    width: calc(100% - 150px);
    background: #fff;
    height: 100%;
    float: right;
    z-index: 100;
    position: relative;
}


.glavblock {
    width: 100%;
    display: table;
    background: linear-gradient(to right, #1898A6, #30a7b3, #1898A6);
    padding: 0 50px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 4px -4px;
    font-family: "PT Serif";
}

.glavblock2 {
    display: table;
    width: 100%;
    position: relative;
}

.logoblock {
    float: left;
}

.logo {
    display: block;
    width: 115px;
    height: 115px;
    background: url('/img/logo.svg') no-repeat center;
    margin: 5px;
    background-size: 230px;
    background-position-x: 0px;
    position: relative;
    z-index: 10001;
}

.strok {
    display: table;
    font-size: 0.9em;
    text-align: right;
    float: right;
    margin-top: 25px;
}

.strok-tel {
    float: left;
    color: #fff;
    line-height: 1.5;
}

.strok-tel a {
    color: #fff;
}

.strok-tel a:hover {
    color: #1094a0;
    transition: 0.2s linear;
}

.head-menu {
    display: table;
    color: #185d64;
    width: 100%;
    height: 50px;
}

.head-menu a {
    color: #185d64;
}

.head-menu a:hover {
    color: #0a546b;
    transition: 0.2s linear;
}

.headul {
    padding: 0;
    display: flex;
    gap: 40px;
    margin: 0;
    float: right;
    height: 100%;
    align-items: center;
}

.dropdown1,
.nedropmenu {
    display: table;
    font-size: 1.1em;
}

.ulligrid {
    list-style: none;
}


/* Версия для слабовидящих */
.vds {
    z-index: 10000;
    display: none;
    position: relative;
    background: #fff9f0;
    width: 100%;
    padding: 10px 60px;
    box-sizing: border-box;
    color: #000;
}

.vds .flexform {
    display: flex;
    justify-content: space-between;
}

#showButton {
    cursor: pointer;
    color: #fafafa;
    background: #185d64;
    border: 0;
    font-family: "PT Sans";
    font-size: 1em;
    padding: 0;
}

#showButton:hover {
    color: #1094a0;
    transition: 0.2s linear;
}

.flexform a {
    display: inline-block;
    border: 1px solid #000;
    border-radius: 2px;
    margin: 0 5px;
    box-sizing: border-box;
    color: #000;
}

.textSpan {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.fontSizeBlock {
    margin: 0 auto;
    display: table;
}

.fontNormal {
    font-size: 1em;
}

.fontMedium {
    font-size: 1.15em;
}

.fontLarge {
    font-size: 1.3em;
}

.colorWhiteBlack,
.colorBlackWhite,
.colorBlueBlack {
    min-width: 40px;
    min-height: 30px;
    line-height: 30px;
    text-align: center;
}

.colorWhiteBlack {
    background: white;
    color: black;
}

.flexform .colorBlackWhite {
    background: black;
    color: white;
}

.colorBlueBlack {
    background: #0B84A9;
    color: black;
}

.imageColor,
.imageBlack,
.imageNone {
    min-width: 40px;
    min-height: 30px;
}

.imageColor {
    background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
}

.imageBlack {
    background: linear-gradient(to right, black, white);
}

.imageNone {
    background: #fff;
}

.letterNormal,
.letterMedium,
.letterLarge {
    min-width: 40px;
    min-height: 30px;
    line-height: 30px;
    text-align: center;
}

.buttonsArea {
    display: flex;
    align-items: center;
}

.flexform .verNorm {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: url('/img/vds.svg');
    padding: 0;
    border: 0;
    background-position: 53px 0px;
}

.fontNormal,
.fontMedium,
.fontLarge,
.colorWhiteBlack,
.colorBlackWhite,
.colorBlueBlack,
.imageColor,
.imageBlack,
.imageNone,
.letterNormal,
.letterMedium,
.letterLarge {
    padding: 0px 5px;
}


/* Конец версии для слабовидящих */



.admpepole {
    width: 100%;
    display: table;
    margin: 40px 0;
}

.admpepolefoto {
    display: table;
    float: left;
}

.admpepolefoto img {
    float: left;
    width: 200px;
    height: auto;
    border-radius: 2px;
}

.admpepolewhoisblock {
    display: table;
    padding: 40px 100px;
}

.admpepolefio {
    display: block;
    font-size: 2em;
}

.admpepolewhois {
    display: block;
    font-style: italic;
    margin-bottom: 30px;
}

.peopleimg {
    float: right;
    margin: 0 0 50px 50px;
    border-radius: 20px;
}

.imagenews {
    width: 600px;
    border-radius: 2px;
}

.mybread {
    width: calc(100% - 220px);
    padding: 10px 60px 0;
    float: right;
}

.breadDiv {
    display: inline-table;
}

.breadSpan {
    font-size: 1em;
}

.historyimage {
    float: right;
    margin: 0 0 30px 30px;
    width: 300px;
    border-radius: 40px;
}

.dropmenu1 {
    display: none;
    position: relative;
    border: 4px solid #1898a6;
    background: #fff;
    border-radius: 40px;
}

.dropdown1:hover .dropmenu1 {
    display: table;
    position: absolute;
    right: 300px;
}


.arrow {
    border-color: #185d64 transparent;
    border-style: solid;
    border-width: 5px 4px 0;
}

.menuandarrow {
    display: flex;
    gap: 7px;
    align-items: center;
}

.borwhi {
    font-size: 1em;
}




.headul li:hover .borwhi {
    color: #0a546b;
    transition: 0.2s linear;
}


.headul li:hover .arrow {
    border-color: #0a546b transparent;
    transform: rotate(90deg);
    transition: 0.2s linear;
}

.firstBlock {
    width: 100%;
    display: table;
    margin: 0 auto 40px;
    min-height: 500px;
}

.firstBlock h1 {
    color: #0d3d42;
    margin: 20px 0 40px;
    font-weight: initial;
    font-size: 3.5em;
    text-align: center;
    font-family: "PT Serif";
}

.firstBlockA {
    margin: 0 auto;
    display: table;
}

.firstBlockA h2 {
    font-family: "PT Serif Italic";
    font-weight: normal;
    text-align: center;
    line-height: 1.5;
}

.uliAbout {
    list-style: none;
}

.uliAbout li:before {
    content: "—";
    margin-left: -24px;
    margin-right: 10px;
}

.snovd {
    width: 100%;
    margin: 50px 0 80px;
    display: table;
}

.snovd a {
    display: table;
    float: left;
    width: calc(50% - 40px);
    line-height: 120px;
    margin: 0 20px;
    text-align: center;
    background: linear-gradient(to right, #0B84A9, #229fc6, #0B84A9);
    border-radius: 2px;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
}

.snovd a:hover {
    background: linear-gradient(to right, #0B84A9, #229fc6, #0B84A9);
    opacity: 0.7;
}

.myHomePage h2 {
    font-size: 2.7em;
    color: #0d3d42;
    margin-bottom: 80px;
    font-weight: 1000;
    text-align: center;
}


.argumentblock {
    width: 100%;
    display: table;
    margin: 200px auto;
    background: #fff9f0;
    border-radius: 40px;
    padding: 20px 80px 80px;
}

.cenblock {
    margin: 0 auto 200px;
}

.arguments {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
}

.argumentHead {
    display: table;
    font-weight: bold;
    margin-bottom: 10px;
}

.zozoz {
    display: flex;
    justify-content: space-between;
}

.izdano {
    width: 100%;
    margin: 30px 0;
}

.izdano img {
    width: 200px;
    box-shadow: 0px 0px 15px #e0e0e0;
    float: left;
    margin-right: 30px;
}

.izdanoinfo {
    display: table;
}

.lookall {
    display: inline-table;
    color: #999;
    margin: 0 40px 20px 20px;
}

.lastnews {
    display: inline-block;
    margin: 0 0 20px 20px;
}

.news-home {
    display: inline-table;
    width: calc(100% / 4 - 20px);
    padding: 10px;
    box-sizing: border-box;
    margin: 0 10px 30px;
}

.newsarea,
.newsBlock {
    display: table;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.news {
    display: inline-table;
    width: calc(100% / 3 - 20px);
    padding: 10px;
    box-sizing: border-box;
    margin: 0 10px 30px;
}

.newsimage,
.newsimage_home {
    display: table;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    margin-bottom: 10px;
}

.newsimage:hover,
.newsimage_home:hover {
    background: #eee;
    opacity: 0.7;
}

.newsimagein,
.newsimagein_home {
    width: 100%;
    display: table;
}

.newstime,
.newstime_home {
    display: block;
    font-size: 0.8em;
    color: #888;
    margin-top: 10px;
}

.newstitle,
.newstitle_home {
    width: 100%;
    font-size: 1.2em;
    color: #333;
}

.lookmore {
    display: table;
    margin-top: 20px;
}

.lookmore::after,
.lookall::after {
    content: ' →';
    position: absolute;
    margin-left: 5px;
}

.lookmore:hover::after,
.lookall:hover::after {
    margin-left: 12px;
    transition: 0.2s linear;
}

.pagino {
    display: table;
    margin: 50px auto 0;
}

.pagino a,
.paggingdiv,
.paggingdiv1 {
    margin: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    display: inline-table;
    border: 1px solid #0d3d42;
    border-radius: 10px;
    color: #0d3d42;
    text-align: center;
}

.paggingdiv,
.paggingdiv1 {
    border: 1px solid #444;
    background: #eee;
}

.pagino a:hover {
    background: #d7f7f7;
}

.newsBlockSomeOne {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.newsBlockSomeOneDate {
    display: block;
    font-size: 1em;
    color: #888;
    margin-bottom: 10px;
}

.newsBlockSomeOneHead {
    display: block;
    font-size: 2.2em;
    font-weight: bold;
}

.newsBlockSomeOnePodhead {
    display: block;
    margin: 20px 0;
    font-size: 1em;
}

.lookMoreArrow {
    display: table;
    margin-top: 10px;
    font-weight: bold;
}

.lookMoreArrow::after {
    content: ' →';
    position: absolute;
    margin-left: 10px;
}

.lookMoreArrow:hover::after {
    margin-left: 20px;
    transition: 0.2s linear;
}

.belka {
    display: flex;
    width: 100%;
    height: 120px;
    position: relative;
    z-index: 100;
    bottom: 120px;
    background: linear-gradient(to top, #fff, #fff, transparent);
    justify-content: center;
}

.belka a {
    display: table;
    margin: 0 auto;
    border: 1px solid #0d3d42;
    padding: 10px 20px;
    position: absolute;
    bottom: -20px;
    color: #0d3d42;
    border-radius: 50px;
    font-size: 1.2em;
}

.belka a:hover {
    color: #fff;
    background: #048f9c;
}

.ulgrid {
    display: flex;
    flex-direction: column;
    gap: 30px;
    font-size: 0.8em;
    padding: 30px;
}

.ulligrid a {
    font-size: 1em;
}

.ulgrid li {
    margin: 0px;
}

.smallblack {
    font-size: 1em;
    color: #0a546b;
    font-weight: bold;
}

.smallblackMob {
    font-size: 1.1em;
    padding: 15px 0;
    display: table;
}

.smallblack1 {
    font-size: 1em;
    color: #0a546b;
}


.tinkoff-block {
    margin-top: 10px;
}

.doli {
    background: #000;
    display: table;
    color: #fff;
    font-family: "Arial";
    border-radius: 4px;
    padding-right: 5px;
    box-sizing: border-box;
    float: left;
    margin-right: 15px;
}

.doli-logo {
    background: url('/img/dolyami-logo-white.svg') no-repeat center;
    background-size: 40px;
    width: 32px;
    height: 32px;
    float: left;
    border-radius: 4px;
}

.doli-text {
    display: inline-block;
}

.rassr {
    background: #FFDD2D;
    display: table;
    color: #000;
    font-family: "Arial";
    border-radius: 4px;
    padding-right: 5px;
    box-sizing: border-box;
}

.rassr-logo {
    background: url('favicon.svg') no-repeat center;
    background-size: 22px;
    width: 32px;
    height: 32px;
    float: left;
    border-radius: 4px;
}


.povOrSkill {
    display: inline-table;
    padding: 3px 15px 5px;
    box-sizing: border-box;
    font-size: 1em;
    margin: 10px 0;
    color: #fff;
    border-radius: 15px;
}

.skill {
    background: #3d75a6;
}

.pov {
    background: #a6513d;
}

.setrificat {
    background: #bbb934;
    margin-left: 20px;
}

.paylogo {
    display: table;
    width: 150px;
    height: 150px;
    background: url('/img/logo.svg');
    background-size: 150px;
    margin: 0 auto 50px;
}

.payform {
    display: table;
    width: 100%;
    padding: 50px 100px 100px;
    box-sizing: border-box;
    background: #eff8ff;
    border-radius: 3px;
}

.payform form {
    display: table;
    margin: 0 auto;
}

.payform form span {
    display: block;
    width: 180px;
    float: left;
    margin-bottom: 30px;
}

.payform form input {
    display: block;
    padding: 10px 20px;
    border-radius: 4px;
    border: 0.5px solid #0b84a9;
    margin-bottom: 30px;
}

.payform form input[type=submit] {
    width: 100%;
    background: linear-gradient(to right, #0B84A9, #229fc6, #0B84A9);
    font-size: 1.3em;
    color: #fff;
    border: 0;
}


.second-menu {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 20px 0 80px;
}

.second-menu a {
    color: #333;
}

.second-menu a:hover {
    color: #0a546b;
}

.second-menu ul {
    display: table;
    margin: 0 auto;
    padding: 0;
}

.second-menu ul li {
    display: inline-block;
    padding: 0 20px;
    font-size: 1.1em;
}

.second-menu ul li a {
    border-bottom: 2px dashed;
}

.stomach {
    width: 100%;
    display: table;
    margin: 80px auto;
    line-height: 1.5;
}

.stomach h1 {
    margin-bottom: 40px;
}

.small-block-people h1 {
    margin-bottom: 10px;
}

.greenbox {
    padding: 20px 0;
    background: #a5e289;
    text-align: center;
    border: 2px solid #70a458;
    border-radius: 10px;
    margin: 30px 0;
}

.pagging {
    display: table;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}

.butony {
    display: block;
    padding: 10px 20px;
    box-sizing: border-box;
    margin: 20px auto;
    line-height: 2;
    border: 1px solid #333;
    border-radius: 2px;
    background: #fff;
}

.butony:hover {
    cursor: pointer;
    color: #409eff;
}

.oneprogram {
    width: 100%;
}

.oneprogram:hover {
    background: #eff8ff;
}

.oneprogramz {
    font-size: 0.8em;
    border-bottom: 1px solid #c1d7dda6;
}

.oneprogramz:hover {
    background: #fff;
}

.porogam {
    display: inline-block;
    padding: 15px 10px;
    box-sizing: border-box;
}

.porogamcolumn1 {
    width: 60%;
}

.porogamcolumn2,
.porogamcolumn3 {
    width: 19%;
    text-align: center;
}

.artdate {
    font-size: 0.8em;
    display: block;
    margin: 10px 0;
}

.author {
    margin-bottom: 20px;
    display: block;
}

.artimg {
    width: 400px;
    margin: 0 0 20px 30px;
    float: right;
}

.confspan {
    font-size: 1.1em;
    margin-bottom: 40px;
    display: table;
}

.hashlink {
    display: inline-block;
    padding: 8px 15px;
    background: #eff8ff;
    border-radius: 2px;
    margin-right: 20px;
    font-style: italic;
}

.confblock h2 {
    text-align: center;
    font-size: 2.7em;
}

.confspan {
    font-size: 1.2em;
}

.actualconf,
.archiveconf {
    display: table;
    margin: 80px auto;
    width: 100%;
}

.actualarea {
    display: table;
    width: 100%;
}

.actualblock {
    width: calc(50% - 50px);
    background: url('/img/zfon.svg') repeat #fff9f0;
    background-size: 80px;
    border-radius: 40px;
    padding: 30px;
    margin: 20px;
    display: inline-table;
    min-width: 500px;
}

.actualconfname {
    display: table;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 1.5em;
    font-family: "PT Serif";
}

.actualinfo {
    margin: 0 0 30px;
}

.actualinfo span {
    display: table;
    line-height: 1.5;
    font-size: 1.1em;
}


.actualreglink {
    display: table;
    border-radius: 50px;
    padding: 8px 16px;
    color: #fff;
    font-size: 1.1em;
    background: #1686c9;
    margin-top: 30px;
}

.actualreglink:hover {
    color: #fff;
    background: #04069c;
}

.archiveconfall {
    margin: 30px 0;
    display: table;
    width: 100%;
}

.archiveconflist {
    display: table;
    width: 1000px;
    padding: 10px 30px;
    box-sizing: border-box;
    text-align: left;
    border-radius: 0;
    margin: 0 auto;
    border-top: 2px solid #eee;
}

.archiveconflist summary {
    cursor: pointer;
    padding: 10px 0;
    font-size: 1.3em;
    width: 100%;
    display: grid;
    grid-template-columns: auto 40px;
    gap: 10px;
}

.archiveconfname {
    display: flex;
    align-items: center;
}

.archiveconfarrow {
    display: inline-block;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 40px;
    background: #185d64;
    color: #fff;
    height: 40px;
}

.archiveconfall details[open] .archiveconfarrow {
    transform: rotate(45deg);
    transition: 0.1s linear;
}

.archiveconfcontent {
    font-size: 1.1em;
    padding: 20px;
    display: table;
    line-height: 1.5;
    width: 100%;
    box-sizing: border-box;
}


.confprog,
.conffoto {
    display: flex;
}

.confprog:before,
.conffoto:before {
    content: "";
    margin-right: 10px;
    background: url('/img/confico.svg');
    background-size: auto;
    width: 30px;
    display: table;
    height: 30px;
    background-size: 60px;
}

.confprog:before {
    background-position: 0;
}

.conffoto:before {
    background-position: -30px;
}





.sveden-menu-block a {
    display: table;
    font-size: 1.2em;
}

.sveden-block {
    width: 100%;
    display: table;
    padding: 30px 0 0px;
}

.sveden-block h2 {
    display: table;
    font-size: 2.5em;
}

.sveden-block h3 {
    margin-top: 50px;
}

.sveden-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8em;
}

.sveden-table td {
    padding: 10px 20px;
    box-sizing: border-box;
    border: 1px solid #c1d7dda6;
}

#nopad td {
    padding: 10px 5px;
    font-size: 0.7em;
}

.svbla a {
    display: table;
    margin: 10px 0;
}

.svbla i {
    display: table;
    margin-top: 10px;
}

.doczagolovok {
    margin-top: 30px;
    display: table;
}

.headingcolor {
    background: #eff8ff;
}

.sitemap a {
    display: block;
    padding-bottom: 10px;
}

.sitemap a:before {
    content: "—";
    margin-right: 5px;
}

.firstmap,
.secondmap {
    display: table;
    margin-left: 20px;
}

.body_table {
    width: 95%;
    margin: 20px auto;
    display: table;
}

.newslink {
    margin: 5px;
    margin-bottom: 30px;
    border-radius: 4px;
    font-size: 1.5em;
    font-weight: 1000;
    color: #333;
    width: calc(25% - 14px);
    display: inline-table;
}

.newslink1 {
    width: calc(50% - 30px);
}

.newslink img {
    width: 100%;
    border-radius: 4px;
    aspect-ratio: 1/1;
}

.newslink1 img {
    aspect-ratio: 2/1;
}

.backlink {
    width: 100%;
    font-size: 0.8em;
}

.spanvspan {
    font-size: 0.6em;
    display: block;
    margin-top: 10px;
}



.programmaDPO h2 {
    font-size: 2.7em;
}


.dpo-header {
    width: 100%;
    display: table;
    padding: 30px 40px;
    box-sizing: border-box;
    border-radius: 40px;
    margin-bottom: 20px;
    background: url('/img/zfon.svg') repeat #fff9f0;
    background-size: 80px;
}

.dpo-header h1 {
    line-height: 1.1;
    margin: 30px 0;
}

.FWDpo {
    display: table;
    margin: 50px 0;
}

.dpoBottomBlock {
    display: flex;
    justify-content: space-between;
}

.hochuAnketu {
    padding: 10px 20px;
    margin-bottom: 0px;
    display: table;
    border-radius: 50px;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.2em;
    background: #1686c9;
}

.hochuAnketu:hover {
    color: #fff;
    background: #04069c;
}

.hochuAnketuCenter {
    margin: 0 auto;
}

.tehDpoBlockFlex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 120px;
}

.tehDpoBlockItem {
    display: inline-table;
    width: calc(33% - 20px);
    padding: 20px 30px;
    background: #fff9f0;
    box-sizing: border-box;
    border-radius: 25px;
    text-align: center;
}

.tehDpoDoli {
    background: #000;
}

.dpoBlock {
    display: table;
    width: 100%;
    margin: 50px 0 100px;
}

.howMuchItCanCoast {
    text-align: center;
}

.shareblock {
    display: flex;
    align-items: center;
}

.shareTG,
.shareVK {
    display: inline-table;
    width: 30px;
    height: 30px;
    background: url('/img/iconshare.svg') no-repeat center;
    background-size: cover;
    background-size: 200%;
    border-radius: 4px;
    margin: 0 5px;
}

.shareTG {
    background-position-x: -30px;
}

.shareVK {
    background-position-x: 0px;
}


.dpoPrice {
    font-size: 2.2em;
    display: table;
    margin: 60px auto 0;
    font-family: "PT Serif";
}

.zaskok {
    font-size: 1.2em;
    display: table;
    margin: 0 auto;
    color: #b3b3b3;
}

.diffcost {
    display: table;
    margin: 30px auto;
    font-family: PT Serif;
}

.viDoc {
    font-size: 1.5em;
}

.documenyVidayem {
    display: table;
    width: 100%;
}

.whantToLearnAll {
    display: flex;
    justify-content: space-between;
}

.talanty {
    display: table;
    width: calc(70% - 10px);
}

.documenyVidayem h2 {
    margin: 0 0 50px;
}


.haveAQuestion {
    display: table;
    margin: 30px auto;
    padding: 20px 100px;
    border: 1px solid #304f8c;
    border-radius: 40px;
    box-sizing: border-box;
}

.haqSpan {
    display: block;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
}

.haqWriteUs {
    display: table;
    margin: 10px 0;
    font-style: italic;
    text-align: center;
    width: 100%;
}

.mesBlock {
    display: flex;
    justify-content: center;
}

.mesBlock a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: url('/img/socIcons.svg')no-repeat center;
    background-size: auto;
    background-size: 123px;
    margin: 10px;
}

.mesBlock .vkhaq {
    background-position-x: 0px;
    background-position-y: -82px;
}

.mesBlock .tehaq {
    background-position-x: -82.5px;
    background-position-y: -82px;
}

.mesBlock .whhaq {
    background-position-x: -41.5px;
    background-position-y: -82px;
}


.pp {
    background: url("img/pp.webp") no-repeat center;
}

.pk {
    background: url("img/pk.webp") no-repeat center;
}

.ps {
    background: url("img/ps.webp") no-repeat center;
}

.pp,
.pk,
.ps {
    display: inline-table;
    width: calc(30% - 10px);
    aspect-ratio: 1/1;
    background-size: cover;
    border-radius: 40px;
    transition: background 0.5s ease-in-out;
}

.dpoBlockGrid {
    display: grid;
    width: 100%;
    overflow: hidden;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-auto-rows: 1fr;
}

.prepodBlock {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #185d64 #f4f4f4;
    cursor: grab;
    padding-bottom: 40px;
}

.prepodBlockItem {
    width: 420px;
    background: url('/img/zfon.svg') repeat #fff9f0;
    background-size: 80px;
    border-radius: 40px;
    padding: 30px;
    box-sizing: border-box;
    margin: 0 20px 20px;
    display: inline-flex;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    white-space: wrap;
    position: relative;
}

.prepodBlockItem:first-child {
    margin-left: 0;
}

.prepodBlockItem:last-child {
    margin-right: 0;
}

.prepodBlockItem h2,
.prepodBlockItem2 h2 {
    margin: 0;
    font-size: 1.5em;
}

.fullarea {
    width: 100%;
}

.halfarea {
    width: calc(50% - 22px);
}

.prepodInfo {
    display: table;
}

.prepodFoto {
    float: left;
    display: table;
    margin-right: 40px;
}

.prepodFoto img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.prepodAbout {
    display: table;
    margin: 20px 0 0;
}

.prepodLink {
    display: table;
    border: 2px solid #048f9c;
    border-radius: 50%;
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 30px;
    right: 30px;
    background: url('/img/link.svg') no-repeat center;
}

.prepodLink:hover {
    background-color: #fff;
}

.prepodSearch {
    display: table;
    font-style: italic;
}


.adminBlock {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.adminBlockWho {
    width: calc(30% - 20px);
    display: table;
}

.adminBlockWho span {
    position: sticky;
    top: 10px;
    display: table;
    border: 1px solid #0d3d42;
    border-radius: 50px;
    padding: 5px 10px;
    box-sizing: border-box;
    color: #0d3d42;
    font-size: 1.2em;
}

.adminBlockWhois span {
    text-align: center;
}

.struktBlock {
    display: table;
    width: calc(70% - 20px);
}

.adminBlockItem {
    width: 100%;
    display: table;
    background: #f4f4f4;
    margin-bottom: 30px;
    border-radius: 40px;
    padding: 50px;
    box-sizing: border-box;
}

.adminBlockItem:last-child {
    margin-bottom: 0;
}

.adminBlockItem h2 {
    margin: 0;
    font-size: 1.5em;
}

.adminInfo {
    display: table;
}

.adminFoto {
    float: left;
    display: table;
    margin-right: 40px;
}

.adminFoto img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.adminAbout {
    display: table;
    margin: 20px 0;
}

.adminLink {
    padding: 5px 10px;
    display: table;
    border: 1px solid #0d3d42;
    border-radius: 10px;
    box-sizing: border-box;
    color: #0d3d42;
    font-size: 1em;
}

.adminLink:hover {
    background: #e1e1e1;
}

.adminSearch {
    display: table;
    font-style: italic;
}



.kompitBlock h2 {
    text-align: center;
}

.kompits {
    display: grid;
    margin: 40px auto 100px;
}

.kompitsflex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}

.kompit {
    display: flex;
    width: 100%;
}

.kompit b {
    display: table;
}

.newKompitClass {
    margin-left: 30px;
}

.numerKompit {
    display: flex;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    background: #185d64;
    color: #fff;
    font-size: 1.5em;
}

.someKomit {
    display: table;
    width: calc(100% - 80px);
    font-size: 1.1em;
}

.findnothing {
    width: 100%;
    text-align: center;
    padding: 30px 50px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #feffe4;
}



.varPay {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 100px 0 0;
}

.tehDpoPayBlockItem {
    display: inline-flex;
    flex-direction: column;
    width: calc(33% - 20px);
    padding: 20px 30px;
    background: #dbf7d7;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: center;
    color: #fafafa;
}

.tehDpoDoli {
    background: #000;
}

.tehDpoRassr {
    background: #60b50c;
}

.tehDpoNdfl {
    background: #1b559e;
}

.varPayIco {
    display: table;
    margin: 0 auto 10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #fafafa;
}

.tehDpoDoli .varPayIco {
    background: url("/img/dolyami-logo-white.svg") no-repeat center;
}

.tehDpoRassr .varPayIco {
    background: url("/favicon.svg") no-repeat center;
    background-size: 60px;
    border-color: #0d3d42;
}

.tehDpoNdfl .varPayIco {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
}

.varPayHead {
    display: table;
    margin: 0 auto 10px;
}


.skidkaBlock {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 50px;
}

.skidkaBlockLeft {
    display: table;
    width: calc(30% - 20px);
}

.skidkaBlockLeft span {
    font-size: 5em;
    display: table-cell;
    vertical-align: middle;
}

.skidkaBlockRight {
    display: table;
    width: calc(70% - 20px);
    background: url('/img/fon.svg') repeat #f7f7f7;
    background-size: 80px;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 20px;
}


.dpo-about,
.dpo-prepod,
.dpo-uchplan {
    margin: 30px 0;
    display: table;
    width: 100%;
}

.dpo-prepod-person {
    width: 200px;
    display: inline-table;
    margin: 0 30px 30px 0;
    text-align: center;
    line-height: 1;
}

.dpo-prepod-person .admpepolefoto {
    margin-bottom: 10px;
}

.dpo-fio {
    font-size: 1.5em;
}

.dpo-fio b {
    font-size: 1.2em;
}


.nadSignature {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 40px auto 10px;
}

.bottomLogo {
    display: flex;
    width: 90px;
    height: 85px;
    background: url('/img/logo.svg') no-repeat center;
    background-size: cover;
    background-position-x: 0px;
    transition: background 0.5s ease-in-out;
}

.bottomPhone {
    display: flex;
    align-items: center;
}

.bottomPhone a {
    font-weight: bold;
}

.bottomPhone span {
    font-size: 1em;
    color: #b3b3b3;
}

.bottomMail {
    display: flex;
    align-items: center;
    font-weight: bold;
}


.bottomSocialIcons {
    display: flex;
    align-items: center;
}

.bottomIcon {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: url('/img/socIcons.svg');
    background-size: 123px;
    margin: 0 5px;
}

.bottomVk {
    background-position-x: 0px;
    background-position-y: -82px;
}

.bottomTe {
    background-position-x: -82.5px;
    background-position-y: -82px;
}

.bottomVk:hover,
.bottomTe:hover {
    filter: brightness(1.1);
}


.signature {
    width: 100%;
    display: table;
    text-align: center;
    line-height: 1.8;
    background: #E0F0F2;
    background: url('/img/sfon.svg') repeat #E0F0F2;
    background-size: 80px;
    padding: 20px 0;
    font-size: 1.1em;
}


.signature a {
    color: #333;
    margin: 5px 0 10px;
}

.signature a:hover {
    color: #409eff;
}

.signature .bottomMenuS {
    margin: 5px 0 10px;
    display: table;
    font-weight: bold;
}

.entertodpo {
    background: #1686c9;
    border: 1px solid #095d8f;
}


.peopul {
    list-style-type: none;
    padding-left: 15px;
}

.peopul li {
    margin-bottom: 15px;
}

.peopul li:before {
    content: "–";
    margin-left: -20px;
    position: absolute;
}

.peopulinline li {
    display: inline-block;
}

.aboutblock {
    margin: 80px 0;
}

.widthall {
    width: 100%;
    display: grid;
    margin: 0 auto 200px;
    overflow: hidden;
}

.flexblock {
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #185d64 #fff;
    cursor: grab;
}



.flexitem,
.flexitemevents {
    margin: 0 20px 20px;
    background: #eff8ff;
    display: inline-flex;
    padding: 10px;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.flexitem {
    width: 250px;
    height: 150px;
}

.flexitemevents {
    width: 350px;
    min-height: 200px;
}

.flexitem:last-child,
.flexitemevents:last-child {
    margin-right: 0;
}

.flexitem:first-child,
.flexitemevents:first-child {
    margin-left: 0;
}

.flexitem span,
.flexitemevents span {
    font-size: 1em;
    white-space: normal;
    text-align: center;
}


.library-block {
    display: table;
    padding: 30px 0;
}

.library-img {
    float: left;
    width: 250px;
    box-shadow: 0px 0px 15px #e0e0e0;
}

.library-about-block {
    float: left;
    display: table;
    padding-left: 40px;
    width: calc(100% - 290px);
}

.library-about {
    font-size: 1em;
}

.library-link {
    text-decoration: underline 1px dotted;
    display: block;
    margin: 20px 0;
}

.politicspan {
    display: table;
    padding-bottom: 20px;
    font-size: 1em;
    line-height: 2;
}



.dpoPisok {
    width: 100%;
    display: table;
}

.dpoPisokFilter {
    display: table;
    float: left;
    width: calc(30% - 20px);
    margin-right: 20px;
    position: sticky;
    top: 10px;
}

.dpoPisokFilter .filterLink {
    display: table;
    border: 1px solid #0d3d42;
    border-radius: 50px;
    padding: 5px 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    color: #0d3d42;
    font-size: 1.2em;
}

.dpoPisokFilter .filterLinkA:hover {
    color: #fff;
    background: #0d3d42;
}

.someProgramm a {
    display: table;
    border-radius: 50px;
    padding: 8px 16px;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.1em;
    background: #1686c9;
}

.someProgramm a:hover {
    color: #fff;
    background: #04069c;
}

.dpoPisokArea {
    display: table;
    float: left;
    width: calc(70% - 20px);
    margin-left: 20px;
}

.dpoPisokFilter .filterLinkSpan {
    display: table;
    border: 1px solid #0d3d42;
    border-radius: 50px;
    padding: 8px 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    color: #fff;
    font-size: 1.2em;
    background: #0d3d42;
}

.areuhuman {
    display: none;
}

.eduarea {
    display: flex;
    gap: 60px;
}

.eduareagenitem {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 40%;
    position: sticky;
    top: 10px;
}

.eduareaitem {
    background: #fff9f0;
    border-radius: 40px;
    padding: 40px;
    height: 100%;
}

.eduareaotheritem {
    display: flex;
    flex-direction: column;
    width: 60%;
    gap: 60px;
}

.eduareaitemlist {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}

.eduitemname {
    font-size: 1.6em;
    font-weight: bold;
}

.eduitemnamesmall {
    font-size: 1.2em;
}

.eduaboutinfo {
    margin-left: 30px;

}

.eduaboutinfo span {
    display: table;
    line-height: 2;
    font-size: 1em;
}

.eduaboutinfo span::before {
    content: "— ";
    margin-left: -22px;
}

.eduitemlink {
    display: table;
    border-radius: 8px;
    background: #1686c9;
    padding: 12px 36px;
    color: #fff;
    font-size: 1.2em;
}

.eduitemlinka {
    padding: 4px 36px;
}

.eduitemlink:hover {
    background: #04069c
}

.eduitemlink:hover {
    color: #fff;
}

.lookalledu {
    display: table;
    margin: 0;
    color: #0d3d42;
}


.psyprojects {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px 20px;
    margin: 0 auto 200px;
}

.someprojects {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff9f0;
    border-radius: 20px;
    padding: 20px 40px;
    gap: 40px;
    justify-content: space-between;
}

.project-first {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.someprojects-name {
    display: table;
    font-size: 2em;
    font-weight: bold;
}

.someprojects-about {
    display: table;
    font-size: 1.2em;
}



.newSomeProgramm {
    width: 100%;
    display: flex;
    padding: 40px;
    aspect-ratio: 3/2;
    border-radius: 40px;
    background: #fff9f0;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.newFlexItem {
    white-space: normal;
}

.newFlexItem span {
    text-align: left;
}

.newSomeProgrammName {
    display: table;
    font-size: 2em;
    font-weight: bold;
    margin: 0 0 20px;
    color: #fff;
    background: rgba(73, 65, 178, 0.3);
    border-radius: 4px;
}

.newSomeProgrammTime {
    padding: 3px 10px;
    background: #4941b2;
    border-radius: 10px;
    color: #fff;
    display: table;
    margin-bottom: 20px;
    font-size: 1.4em;
}

.someProgramm {
    display: table;
    width: 100%;
    border-radius: 40px;
    padding: 30px 50px;
    box-sizing: border-box;
    margin-bottom: 50px;
    background: #fff9f0;
}

.normalfon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.someProgrammFirstline {
    display: table;
}

.someProgrammTime {
    padding: 6px 15px;
    background: rgba(73, 65, 178, 0.8);
    border-radius: 10px;
    color: #fff;
    display: table;
    margin-bottom: 20px;
}

.someProgrammStart {
    display: table;
    margin-bottom: 20px;
}

.someProgramm a {
    padding: 10px 20px;
    margin-bottom: 0px;
}

.someProgrammName {
    display: table;
    font-size: 2em;
    font-weight: bold;
    margin: 20px 0;
}

.someProgrammFW {
    display: table;
    margin: 20px 0;
}

.someProgramm:last-child {
    margin-bottom: 0;
}


.social-heder {
    float: left;
    padding: 0 20px;
    margin: 0 20px;
    border-left: 0.5px solid transparent;
    border-right: 0.5px solid transparent;
    border-image: linear-gradient(to top, transparent, #fff, transparent);
    border-image-slice: 1;
}

.social-heder a {
    display: inline-block;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: url('/img/socIcons.svg');
    background-size: 60px;
    vertical-align: middle
}

.social-heder #vk {
    background-position-x: 0px;
}

.social-heder #te {
    background-position-x: -40px;
}

.social-heder #vk:hover {
    background-position-y: -40px;
    transition: 0s linear;
}

.social-heder #te:hover {
    background-position-y: -40px;
    transition: 0s linear;
}

.socialcont {
    margin-bottom: 30px;
    display: table;
}

.socialcont a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: url('/img/socIcons.svg');
    background-size: 123px;
    margin: 10px 10px 0 0;
}

.socialcont #vkcont {
    background-position-x: 0px;
    background-position-y: -82px;
}

.socialcont #tecont {
    background-position-x: -82.5px;
    background-position-y: -82px;
}

.strtable {
    line-height: 1.5;
    width: 100%;
    border: 0;
}

.strtable td {
    border-bottom: 1px solid #e8e4e3;
    padding: 10px;
}

.footer-block {
    display: flex;
    justify-content: space-between;
}

.foot1,
.foot2,
.foot3 {
    text-align: left;
}

.foot1 a,
.foot2 a,
.foot3 a {
    display: table;
}

.signature-bottom {
    display: table;
    width: 100%;
    margin-top: 80px;
    text-align: center;
}

.lastblock {
    margin: 10px auto;
    text-align: center;
    line-height: 1.5;
}

.lastblock a {
    color: #fff;
}

.lastblock a:hover {
    color: #1094a0;
    transition: 0.2s linear;
}


.social-footer {
    margin-top: 15px;
}

.social-footer a {
    display: inline-block;
    margin: 10px;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: url('/img/bottomico.svg');
    background-size: 120px;
}

.social-footer #vk {
    background-position: 0px 0px;
}

.social-footer #te {
    background-position: -60px 0px;
}

.social-footer #vk:hover {
    background-position: 0px -60px;
    transition: 0s linear;
}

.social-footer #te:hover {
    background-position: -60px -60px;
    transition: 0s linear;
}

.visamir-image {
    width: 250px;
    margin: 0px auto;
    display: block;
}

.bottomLine {
    display: inline;
}

.elirning-block {
    width: 100%;
    display: table;
    margin-bottom: 100px;
}

.elirning-block img {
    height: auto;
    aspect-ratio: 3/2;
    border-radius: 2px;
}

.elirning-block h2 {
    margin-top: 0;
}

.elirning-block-info-left {
    width: 50%;
    float: left;
}

.elirning-block-info-right {
    width: 50%;
    float: right;
}

.rightimg {
    float: right;
    width: calc(50% - 40px);
    margin-left: 40px;
}

.leftimg {
    float: left;
    width: calc(50% - 40px);
    margin-right: 40px;
}


.small-block .cheder {
    text-align: center;
    margin-bottom: 0px;
}

.donenedone {
    width: 200px;
    height: 200px;
    margin: 0 auto 20px;
    background-size: 200px;
}

.done {
    background: url('/img/done.svg') no-repeat center;
}

.nedone {
    background: url('/img/nedone.svg') no-repeat center;
}

.cspan {
    text-align: center;
    display: block;
}

.cspana {
    display: table;
    margin: 50px auto;
}


.zapisPriem {
    display: table;
    margin: 40px 0;
    padding: 20px;
    background: #eff8ff;
    font-size: 0.8em;
    border: 2px solid #c7e7ff;
    border-radius: 2px;
}


.accordion {
    display: table;
    margin: 0 auto 20px;
    width: 1000px;
    text-align: center;
    border-radius: 20px;
    padding: 10px 30px;
    box-sizing: border-box;
}

.accordion summary {
    cursor: pointer;
    padding: 10px 0;
    font-size: 1.3em;
    width: 100%;
    display: grid;
    grid-template-columns: auto 40px;
    gap: 10px;
}

.planmodule {
    display: flex;
    align-items: center;
}

.planarrow {
    display: inline-block;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 40px;
    background: #185d64;
    color: #fff;
    height: 40px;
}

.dpo-uchplan details[open] .planarrow {
    transform: rotate(45deg);
    transition: 0.1s linear;
}


.accordion .punktyPlan {
    font-size: 1.1em;
    padding: 20px;
    display: table;
    line-height: 1.5;
    width: 100%;
    box-sizing: border-box;
}

.accordion .punktyPlan .punktyPodPlan {
    display: table;
    margin-bottom: 20px;
    font-size: 1.1em;
}

.howMuchItCanCoast .accordion {
    text-align: left;
    border-radius: 0;
    margin: 0 auto;
    border-top: 2px solid #eee;
}

.accordion .punktyPlan .punktyPodPlan i {
    display: table;
    margin: 10px 0 0 20px;
}

.menutel,
#showMenu,
.bigfoot {
    display: none;
}

.menuvmenutele {
    left: 0px;
    top: 0;
    padding: 10px 40px;
    box-sizing: border-box;
    z-index: 20000;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #fff;
    max-height: 100vh;
    overflow-y: auto;
}

.menuHeadBlock {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

#closeMenu {
    display: table;
    float: right;
    width: 40px;
    height: 40px;
    border: 2px solid #185d64;
    cursor: pointer;
    background: url('img/mobilka.svg') no-repeat center;
    background-position-x: -41.5px;
    border-radius: 5px;
}

.logoMenu {
    display: table;
    width: 115px;
    height: 115px;
    background: url('/img/logo.svg') no-repeat center;
    background-size: 230px;
    background-position-x: 0px;
    transition: background 0.5s ease-in-out;
}


.arttext {
    font-size: 1.1em;
}

.projectarea {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 60px;
}

.someproject {
    width: 100%;
    background: #fff9f0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    padding: 20px 40px;
    display: flex;
    aspect-ratio: 4/2;
    flex-direction: column;
    justify-content: space-between;
}

.projectName {
    color: #fff;
    font-size: 2.7em;
    font-weight: bold;
}



.someproject a {
    display: table;
    border: 1px solid #177f8a;
    border-radius: 50px;
    padding: 8px 16px;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.1em;
    background: #1686c9;
}

.someproject a:hover {
    color: #fff;
    background: #04069c;
    border: 1px solid #04069c;
}


.bottomLastBlock {
    display: table;
    margin: 20px auto 10px;
}

.signlink {
    color: #0f4045;
}

.signlink:hover {
    color: #45140f;
}







@media screen and (max-width:1500px) {
    .maxwidth {
        width: calc(100% - 80px);
    }
}

@media screen and (max-width:1350px) {
    .snovd a {
        font-size: 1.3em;
    }

    .glavblock {
        padding: 0 30px;
    }

    .dpo-header .dpo-info h1 {
        margin-left: 0;
    }

    .nadSignature {
        padding: 0 50px 10px;
    }
}

@media screen and (max-width:1150px) {
    .headul li {
        font-size: 1em;
    }

    .ulgrid {
        font-size: 1em;
    }

    .ulgrid a {
        font-size: 0.9em;
    }

    .firstBlock {
        padding: 30px 50px 100px;
    }

    .ulligrid {
        line-height: 1.2;
    }

    .ulgrid li {
        margin: 5px 0;
    }

    .viDoc {
        font-size: 1.2em;
    }

    .footer-block {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 40px;
    }

    .someproject {
        aspect-ratio: unset;
        min-height: 300px;
        height: auto;
    }

    .projectName {
        font-size: 2em;
    }
}

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

    .newSomeProgrammName {
        font-size: 1.4em;
    }

    .kompits {
        gap: 40px;
    }
}

@media screen and (max-width:1070px) {
    .dpo-prepod {
        width: 100%;
        display: grid;
        overflow: hidden;
    }

    .flexprepod {
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: #185d64 #f4f4f4;
        cursor: grab;
    }

    .dpo-prepod-person {
        display: inline-flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .accordion,
    .archiveconflist {
        width: 100%;
    }

}

@media screen and (max-width:1000px) {
    .talanty {
        width: calc(50% - 10px);
    }

    .pp,
    .pk,
    .ps {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width:980px) {
    .glavblock {
        padding: 0 30px 5px;
    }

    .strok {
        margin-top: 25px;
    }

    .item {
        width: 100%;
        border-radius: 0px;
    }

    .vds {
        padding: 10px 20px;
    }
}

@media screen and (max-width:950px) {
    .someproject {
        padding: 20px 20px;
        word-break: break-word;
    }

    .projectarea {
        gap: 40px;
    }

    .psyprojects {
        grid-template-columns: 1fr;
    }

    .newSomeProgrammName {
        font-size: 2em;
    }

    .eduarea {
        flex-direction: column;
    }

    .eduareagenitem {
        width: 100%;
        position: inherit;
    }

    .eduareaotheritem {
        width: 100%;
    }

    .lookalledu {
        margin: 0 auto;
        text-align: center;
    }
}

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

    .dropdown1,
    .nedropmenu {
        margin: 0 10px;
    }
}

@media screen and (max-width:910px) {
    .firstBlockA a {
        font-size: 1em;
        padding: 5px 15px;
    }
}

@media screen and (max-width:900px) {
    .admpepolewhoisblock {
        padding: 0 0 0 50px;
        line-height: 1.1;
    }

    .admpepolefio {
        padding-bottom: 20px;
    }

    .library-about-block h2 {
        margin-top: 0;
    }

    .dpo-header h1 {
        font-size: 2.7em;
    }

    .tehDpoBlock {
        width: 100%;
        display: grid;
        margin: 0 auto;
        overflow: hidden;
    }

    .tehDpoBlockFlex {
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: #185d64 #f4f4f4;
        cursor: grab;
    }

    .tehDpoBlockItem {
        padding: 20px 30px;
        box-sizing: border-box;
        border-radius: 25px;
        text-align: center;
        width: 250px;
        margin: 0 10px 20px;
        flex-shrink: 0;
        min-height: auto;
    }

    .tehDpoBlockItem:first-child {
        margin-left: 0;
    }

    .tehDpoBlockItem:last-child {
        margin-right: 0;
    }

    .dpoPisokFilter {
        float: inherit;
        width: 100%;
        margin: 0 0 30px;
        position: unset;
    }

    .dpoPisokFilter .filterLink {
        display: inline-table;
        margin: 0 5px;
        font-size: 1em;
    }

    .dpoPisokFilter .filterLink:first-child {
        margin-left: 0;
    }

    .dpoPisokFilter .filterLink:last-child {
        margin-right: 0;
    }

    .dpoPisokArea {
        width: 100%;
        margin: 0;
    }

    #wave::after {
        width: 450px;
    }

    .mybread {
        padding: 10px 10px 0;
    }
}

@media screen and (max-width:885px) {
    .setrificat {
        display: table;
        margin-left: 0px;
    }
}

@media screen and (max-width:870px) {
    .head-menu {
        display: none;
    }

    #showMenu {
        display: table;
        float: right;
        width: 40px;
        aspect-ratio: 1/1;
        margin: 5px 0px 0 0;
        border: 2px solid #185d64;
        cursor: pointer;
        background: url('img/mobilka.svg') no-repeat center;
        background-position-x: 4.5px;
        border-radius: 5px;
    }

    .podmenu {
        display: table;
        width: 400px;
        margin: 30px auto;
        font-size: 1.2em;
    }

    .menutelArea {
        margin-left: 30px;
        padding-left: 10px;
        box-sizing: border-box;
        border-left: 2px solid #048f9c;
    }

    .topmenulink,
    .topmenulinkspan {
        display: table;
        margin: 20px 0 40px;
    }

    .menuvmenutele summary {
        display: block;
        margin: 20px 0;
    }

    .menuvmenutele summary::-webkit-details-marker {
        display: none;
    }

    .arrow2 {
        margin: 0 7px;
        display: inline-block;
    }

    .menuvmenutele details[open] .arrow2 {
        transform: rotate(45deg);
        transition: 0.01s linear;
    }

    .menuvmenutele details a {
        display: table;
        font-size: 1.1em;
        padding: 15px 0;
        color: #0d3d42;
    }

    .topmenulink,
    .topmenulinkspan {
        font-size: 1.2em;
        color: #0d3d42;
    }

    .menuvmenutele details a:hover,
    .menuvmenutele summary:hover,
    .topmenulink:hover {
        cursor: pointer;
        color: #0a546b;
        transition: 0.2s linear;
    }

    #showButton {
        display: none;
    }

    .nadLogo {
        justify-content: center;
    }

    .social-heder {
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
    }

    .socialMenu {
        margin: 50px 0 20px;
    }

    .socialMenu a {
        display: inline-block;
        margin: 0 8px;
        width: 40px;
        height: 40px;
        border-radius: 30px;
        background: url('/img/socIcons.svg');
        background-size: 120px;
        vertical-align: middle;
    }

    .socialMenu a:first-child {
        margin-left: 0;
    }

    .socialMenu a:last-child {
        margin-right: 0;
    }

    .socialMenu .menuVk {
        background-position: 0px -80px;
    }

    .socialMenu .menuWa {
        background-position: -40px -80px;
    }

    .socialMenu .menuTe {
        background-position: -80px -80px;
    }

    .socialMenu .menuVk:hover {
        transition: 0s linear;
    }

    .socialMenu .menuWa:hover {
        transition: 0s linear;
    }

    .socialMenu .menuTe:hover {
        transition: 0s linear;
    }

    .freeForRF {
        font-size: 0.8em;
        color: #b3b3b3;
        display: block;
    }
}

@media screen and (max-width:850px) {
    .dpo-header .imagenews {
        float: none;
        width: 600px;
    }

    .dpo-info {
        float: none;
        width: 100%;
        padding: 20px 0 0 0;
    }

    .nadSignature {
        padding: 0 20px 10px;
    }

    .argumentblock {
        padding: 20px 40px 80px;
    }

    .foot1,
    .foot2,
    .foot3 {
        display: none;
    }

    .signature {
        text-align: inherit;
    }

    .bigfoot {
        display: table;
        width: 400px;
        margin: 30px auto;
        font-size: 1.2em;
    }

    .menutelBottomArea {
        margin-left: 30px;
        padding-left: 10px;
        box-sizing: border-box;
        border-left: 2px solid #048f9c;
    }

    .bottommenulink,
    .bottommenulinkspan {
        display: table;
        font-size: 1.2em;
        color: #0d3d42;
    }

    .signature .bottommenulink,
    .signature .bottommenulinkspan {
        margin: 0 0 20px;
        color: #0d3d42;
    }

    .bigfoot summary {
        display: block;
        margin: 0 0 25px;
    }

    .bigfoot summary::-webkit-details-marker {
        display: none;
    }

    .arrow2 {
        margin: 0 7px;
        display: inline-block;
    }

    .bigfoot details[open] .arrow2 {
        transform: rotate(45deg);
        transition: 0.01s linear;
    }

    .bigfoot details a {
        display: table;
        font-size: 1.1em;
        padding: 10px 0;
        color: #0d3d42;
        margin: 0;
    }

    .bigfoot details a:hover,
    .bigfoot summary:hover,
    .bottommenulink:hover {
        cursor: pointer;
        color: #0a546b;
        transition: 0.2s linear;
    }

    .vds {
        font-size: 0.8em;
    }

    .vds form label span {
        margin: 0 2px;
    }

    .colorWhiteBlack,
    .colorBlackWhite,
    .colorBlueBlack,
    .imageColor,
    .imageBlack,
    .imageNone,
    .letterNormal,
    .letterMedium,
    .letterLarge {
        min-width: 30px;
    }

    .kompits {
        display: flex;
        width: 100%;
        margin-bottom: 100px;
    }

    .newKompitClass {
        margin-left: 0px;
    }

    .halfarea {
        width: 420px;
    }

    .footer-block {
        display: grid;
        grid-template-columns: 1fr;
    }

    .kompits {
        display: grid;
        grid-template-columns: 1fr;
        overflow: hidden;
    }

    .kompitsflex {
        display: flex;
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
        scrollbar-width: thin;
        scrollbar-color: #185d64 #f4f4f4;
        cursor: grab;
        gap: 0;

    }

    .kompit {
        white-space: normal;
        flex-direction: column;
        flex-shrink: 0;
        width: 250px;
        margin: 40px 20px;
    }

    .kompit:first-child {
        margin-left: 0;
    }

    .kompit:last-child {
        margin-right: 0;
    }

    .numerKompit {
        margin: 0 auto;
    }

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

    .someKomit b {
        margin: 10px 0;
    }
}

@media screen and (max-width:800px) {
    .snovd a {
        float: none;
        border-radius: 0px;
        width: 100%;
        margin: 0;
        line-height: 60px;
        text-align: left;
        font-weight: normal;
        padding: 0 20px;
        box-sizing: border-box;
        border-top: 1px solid transparent;
        border-image: linear-gradient(to left, transparent, #0B84A9, transparent);
        border-image-slice: 1;
    }

    .snovd a:after {
        content: "\25BA";
        margin-left: 7px;
        margin-top: 3px;
        position: absolute;
        font-size: 0.5em;
    }

    .peopleimg {
        float: none;
        padding: 0 0 0 0;
    }

    .confcyt {
        width: 60%;
    }

    .skidkaBlockLeft span {
        font-size: 3em;
    }

    .setrificat {
        display: inline-table;
        margin-left: 20px;
    }

    .arttext {
        font-size: 1.1em;
    }
}

@media screen and (max-width:770px) {
    .adminBlock {
        display: table;
    }

    .adminBlockWho {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }

    .struktBlock {
        width: 100%;
    }

    .adminBlockWho span {
        position: unset;
    }

    .adminBlockWhois span {
        width: auto;
    }
}

@media screen and (max-width:750px) {
    .whantToLearnAll {
        display: table;
    }

    .talanty {
        width: 100%;
    }

    .talanty a {
        display: none;
    }

    .naFoto,
    .pp,
    .pk,
    .ps {
        width: 80%;
        margin: 40px auto;
        display: table;
    }

    .whantToLearnLink {
        display: table;
        margin: 0 auto;
    }
}

@media screen and (max-width:720px) {
    .someProgrammFirstline {
        font-size: 1em;
    }
}

@media screen and (max-width:700px) {
    .varPay {
        display: table;
    }

    .tehDpoPayBlockItem {
        width: 100%;
        margin-bottom: 30px;
    }

    .varPayIcoBlock {
        float: left;
        margin-right: 40px;
    }

    .varPayText {
        text-align: left;
        display: table;
    }

    * {
        word-break: break-word;
    }

    .arguments {
        grid-template-columns: 1fr;
        gap: 40px;
    }

}

@media screen and (max-width:650px) {
    .menutel {
        padding: 0px;
        border: 0;
    }

    .historyimage {
        width: 200px;
    }

    .library-img {
        float: none;
        width: 300px;
    }

    .library-about-block {
        float: none;
        padding-left: 0;
        width: 100%;
        padding-top: 20px;
    }

    .nadSignature {
        display: none;
    }
}

@media screen and (max-width:630px) {
    .mybread {
        display: none;
    }

    h1 {
        font-size: 2.7em;
    }

    .maxwidth {
        width: calc(100% - 40px);
    }
}

@media screen and (max-width:600px) {
    .dpo-prepod-person {
        width: 150px;
    }

    .admpepolefoto img {
        width: 150px;
    }

    .admpepolefio,
    .dpo-fio {
        font-size: 1em;
    }

    .admpepolewhois {
        font-size: 1em;
    }

    .admpepolewhoisblock {
        padding: 0 0 0 30px;
    }

    .izdano img {
        float: none;
    }

    .izdanoinfo {
        padding-top: 20px;
    }

    .dpo-header h1 {
        font-size: 2em;
    }

    .programmaDPO h2,
    .confblock h2 {
        font-size: 1.8em;
    }

    .programmaDPO .prepodInfo h2 {
        font-size: 1.4em;
    }

    .projectarea {
        grid-template-columns: 1fr;
    }

    .actualblock {
        width: 100%;
        margin: 0 0 30px;
        min-width: auto;
    }
}

@media screen and (max-width:570px) {
    .setrificat {
        display: table;
        margin-left: 0px;
    }

    .dpoBottomBlock {
        display: table;
    }

    .shareblock {
        margin-top: 20px;
    }

    .eduareaotheritem {
        padding: 40px;
    }

    .eduitemlinka {
        padding: 12px 36px;
    }
}

@media screen and (max-width:550px) {
    .news-home {
        width: calc(100% - 20px);
    }

    .news {
        width: 100%;
        margin: 0 auto;
        padding: 20px;
        box-sizing: border-box;
    }

    .payform form span {
        margin-bottom: 10px;
    }

    .payform form input {
        width: 100%;
        box-sizing: border-box;
    }

    .confcyt {
        width: 70%;
    }

    .adminBlockItem {
        padding: 20px;
    }

    .haveAQuestion {
        padding: 40px 20px;
        width: 100%;
    }

    .mesBlock {
        display: flex;
        justify-content: center;
    }

    .mesBlock a {
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background: url('/img/socIcons.svg')no-repeat center;
        background-size: auto;
        background-size: 123px;
        margin: 10px;
    }

    .accordion .punktyPlan .punktyPodPlan {
        font-size: 1em;
    }

    .accordion .punktyPlan {
        padding: 0px;
    }

    .lastblock {
        padding: 0 20px;
    }
}

@media screen and (max-width:530px) {
    .dpoSkidkaBlock {
        width: 100%;
        display: grid;
        margin: 0 auto 50px;
        overflow: hidden;
    }

    .dpoSkidkaBlockFlex {
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: #185d64 #f4f4f4;
        cursor: grab;
    }

    .skidkaBlock {
        display: inline-block;
        padding: 0;
        border-radius: 25px;
        text-align: left;
        width: 250px;
        margin: 0 10px 20px;
        flex-shrink: 0;
        min-height: auto;
        height: 300px;
    }

    .skidkaBlock:first-child {
        margin-left: 0;
    }

    .skidkaBlock:last-child {
        margin-right: 0;
    }

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

    .skidkaBlockRight {
        background: #fff;
        width: 100%;
        white-space: normal;
        padding: 0;
        margin-top: 20px;
        text-align: center;
    }

    .prepodFoto {
        float: none;
        margin: 0;
    }

    .prepodBlockItem {
        width: 350px;
        padding: 20px;
    }

    .halfarea {
        width: 350px;
    }

    .fullarea {
        width: 100%;
    }

    .firstBlock h1 {
        font-size: 3em;
    }

    .myHomePage h2 {
        font-size: 2.3em;
    }

}

@media screen and (max-width:500px) {
    .dpo-header {
        padding: 30px 20px;
    }

    .peopleimg {
        width: 100%;
    }

    .flexitemevents {
        width: 100%;
    }

    .confcyt {
        width: 70%;
    }

    .stomach {
        margin: 40px auto;
    }

    .newSomeProgramm {
        padding: 20px;
    }

    .newSomeProgrammName {
        font-size: 1.6em;
    }

    .newSomeProgrammTime {
        font-size: 1em;
    }

    .eduitemlink,
    .eduitemlinka {
        font-size: 1em;
    }

    .eduitemname {
        font-size: 1.2em;
    }
}

@media screen and (max-width:470px) {
    .someProgramm {
        padding: 30px;
    }

    .prepodBlockItem {
        width: 90%;
        margin: 0 10px 20px;
    }

    .halfarea {
        width: 90%;
    }

    .fullarea {
        width: 100%;
    }


    #wave::after {
        width: 420px;
    }

    .bigfoot {
        width: 100%;
    }

    .firstBlock h1 {
        font-size: 2.5em;
    }

    .myHomePage h2 {
        font-size: 2em;
        margin-bottom: 40px;
    }

    .newsBlockSomeOneHead {
        font-size: 1.3em;
    }

    .firstBlock {
        padding: 30px 0px 50px;
    }

    .widthall {
        margin: 0 auto 100px;
    }

    .argumentblock {

        margin: 80px auto;
    }
}

@media screen and (max-width:450px) {
    .glavblock {
        padding: 0 20px 5px;
    }

    .admpepolewhoisblock {
        padding: 0 0 0 15px;
    }

    .firstmap {
        margin-left: 0;
    }

    .doli {
        float: none;
        margin: 0 0 15px 0;
    }

    #wave::after {
        width: 400px;
    }

    .logo {
        width: 100px;
        height: 100px;
        background-size: 180px;
    }

    .nadLogo {
        padding: 2px 20px;
    }

    .bigfoot {
        width: 100%;
    }

    .menuvmenutele {
        padding: 10px 20px;
    }

    .historyimage {
        width: 80%;
        margin: 0 auto 40px;
        display: block;
        float: inherit;
    }

    .timeblock span {
        width: 100%;
        padding: 30px;
    }

    * {
        word-break: break-word;
    }

    h1 {
        font-size: 2em;
    }

    .newsBlockSomeOneHead {
        font-size: 1.5em;
    }

    .actualconfname {
        font-size: 1.2em;
    }

    .nadlogoelement {
        width: 100%;
        justify-content: center;
    }

    .eduaboutinfo {
        margin-left: 20px;
    }
}

@media screen and (max-width:430px) {
    .adminFoto {
        float: inherit;
        margin: 0;
    }

    .someProgrammName {
        font-size: 1.5em;
    }

    .pp,
    .pk,
    .ps {
        width: 100%;
    }
}

@media screen and (max-width:410px) {
    .someprojects-name {
        font-size: 1.5em;
    }
}

@media screen and (max-width:400px) {
    .myHomePage h2 {
        font-size: 1.5em;
    }

    .admpepolefoto img {
        width: 100%;
    }

    .admpepolewhoisblock {
        padding: 20px 0;
    }

    .firstBlock h1 {
        font-size: 2em;
    }

    .newsBlockSomeOneHead {
        font-size: 1.5em;
    }

    .bigfoot {
        font-size: 1em;
    }

    .podmenu {
        width: 100%;
    }

    .povOrSkill {
        font-size: 0.9em;
    }

    .varPayIcoBlock {
        float: unset;
        margin: 0 auto 20px;
    }

    .varPayText {
        text-align: center;
    }

    .accordion .punktyPlan .punktyPodPlan i {
        margin: 10px 0 0 0;
    }

    span,
    .bottommenulink,
    .bottommenulinkspan,
    .bigfoot details a,
    .smallblackMob {
        font-size: 1em;
    }

    #mobMenu span {
        font-size: 1.2em
    }

    .projectName {
        font-size: 1.5em;
    }

    .archiveconflist {
        padding: 10px 0px;
    }

    .archiveconfname {
        font-size: 1em;
    }

    .eduareaotheritem {
        padding: 20px;
    }

    .someprojects-about {
        font-size: 1em;
    }

}

@media screen and (max-width:370px) {
    .dpo-info h1 {
        font-size: 1.5em
    }

    .mapaHead {
        font-size: 1.8em;
        word-break: break-word;
    }

    .povOrSkill {
        font-size: 0.8em;
        padding: 3px 10px 5px;
    }

    .dpoPisokFilter .filterLink {
        margin: 0 5px 10px;
    }

    .dpoPisokFilter .filterLink:first-child {
        margin-left: 5px;
    }

    .dpoPisokFilter .filterLink:last-child {
        margin-right: 5px;
    }
}

@media screen and (max-width:350px) {
    .glavblock {
        padding: 0 15px 5px;
    }

    .library-img {
        width: 100%;
    }

    .confcyt {
        width: 100%;
    }

    .firstBlockA a {
        font-size: 1.1em;
        padding: 10px 10px;
    }

    .firstBlockA h2 {
        font-size: 1.2em;
    }
}

@media screen and (max-width:330px) {
    .nadLogo {
        display: none;
    }

    .nadLogobottom {
        display: table;
    }

    .menutelArea,
    .menutelBottomArea {
        margin-left: 15px;
    }

    .historyimage {
        width: 100%;
    }

    .visamir-image {
        width: 80%;
    }

    .argumentblock,
    .someprojects,
    .eduareaitem {
        padding: 20px 20px 40px;
    }

}

.lazyLoad {
    background: #fff9f0;
}