body {
    margin: 0;
    font-family: 'Roboto';
    font-size: 12pt; /**/
    /*line-height: 1.2em;/**/
    min-width: 300px;
}

:root {
    --link-color: #00598A;
    --link-color-active: #00598AF0;
    /*
    var(--link-color)
    var(--link-color-active)
    #0088CC
    /**/
}

h1 {
    /*font-size: 28pt;/**/
    font-size: 1.4em;
    color: #0094c1;
    text-shadow: 1px 1px 1px #1057df4f;
    margin: 0.3em auto 0.3em 1em;
    text-align: initial;
}

h1:first-letter {
    text-transform: uppercase;
}

h3 {
    color: #505050;
    text-align: initial;
    font-size: 1.1em;
}

/*
nav{
    display: inline-flex;
}/**/
article > section h1 {
    margin: 1em auto;
}

article > section h1.black {
    /*font-family: RadomirTinkovGilroyLight;/**/
    /*font-size: 24pt;/**/
}

.breadcrumb span,
a {
    /*color: #303030;/**/
    color: var(--link-color); /**/
    /*text-shadow: 0px 0px 1px #00eefa;
    text-shadow: 0px 0px 1px #80eefa;/**/
    text-decoration: none;
    outline: none;
    box-sizing: border-box;
}

hr {
    height: 1px;
    border: 0;
    background: #ededed;
    margin: 0.5em auto; /**/
}

body > header a {
    color: #FFFFFF;
    text-decoration: none;
}

body {
    background-color: #f7f7f7;
    min-height: 100vh;

    display: flex;
    flex-direction: column;
}

ul {
    padding: 0 0 0 1.2em;
    list-style: disc outside; /**/
}

ul li::marker {
    /*content: '\25ba'; /* Добавляем маркер в шестнадцатеричном формате*/
    /*content: '\2022';/**/
    /*content: "—";
    padding-right: 5px;
    padding-right: 0.2em;/**/
    display: inline;
}

.list-l ul li::marker {
    color: #0094c1;
}

.list-l > ul > li::marker {
    content: "";
}

/*a:hover {
    color: #FFF;
}/**/

* {
    outline: none;
    text-decoration: none;
}

label {
    font-size: 20px;
    display: block;
}

label::after {
    content: ':';
}

input[type="radio"] {
    background: #525252;
}

input[type="radio"]:before {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #9FD468;
}

input[type="radio"]:checked::after {
    background: #7aa350;
}

/*----------*/

.form_radio_group {
    display: inline-block;
    overflow: hidden;
}

.form_radio_group-item {
    display: inline-block;
    float: left;
}

.form_radio_group input[type=radio],
.form_radio_group input[type=checkbox] {
    display: none;
}

.form_radio_group label:after {
    content: normal;
}

.form_radio_group label {
    display: inline-block;
    cursor: pointer;
    padding: 0 15px;
    line-height: 34px;
    border: 1px solid #999;
    border-right: none;
    user-select: none;
}

.form_radio_group .form_radio_group-item:first-child label {
    border-radius: 6px 0 0 6px;
}

.form_radio_group .form_radio_group-item:last-child label {
    border-radius: 0 6px 6px 0;
    border-right: 1px solid #999;
}

/* Checked */
.form_radio_group input[type=radio]:checked + label,
.form_radio_group input[type=checkbox]:checked + label {
    background: #ffe0a6;
}

/* Hover */
.form_radio_group label:hover {
    color: #666;
}

/* Disabled */
.form_radio_group input[type=radio]:disabled + label {
    background: #efefef;
    color: #666;
}

.f-searchparams {
    max-width: 450px;
    margin: auto;
}

.f-searchparams .fl-row {
    justify-content: space-around;
}

.row-age {
    height: 4.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 1em;
    padding-right: 1em;
}

.inp-age {
    width: 100%;
    margin: auto 1em;
}

.lable-age {
    margin-bottom: -1.2em;
}

.range-text {
    width: 2em;
    display: inline-block;
    font-size: 25px;
    height: 100%;
    padding: 2px;
    box-sizing: content-box;
}

.block-gender {
    margin: 0.5em auto;
}

.block-gender > label {
    margin: 1em auto 0.5em auto;
}

.block-age {
    margin: auto;
    margin-bottom: 1em;
}

.block-age {
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: center;
}

/*.block-age {
}

.block-age > *:first-child {
    flex: 1 1 auto;
}
/**/
.search-requests {
    /*max-width: 30%;/**/
    display: flex;
    flex-direction: row;
    margin: auto;
    margin-top: 1em;
    flex-wrap: wrap;
    justify-content: space-between;
}

.search-request {
    background: var(--link-color);
    border-radius: 3px;
    padding: 0.5em 1em;
    margin: 2px;
    color: #FFFFFF;
}

#content {
    /*overflow: auto;/**/
    /*overflow-x: auto;/**/
    text-align: center; /**/
    flex: 1 1 auto;
    /*-moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;/**/
}

/*
@media screen and (max-width: 1024px) {
    body {
        /*background-color: #525252;
        /*background-size: 1315px auto;/**/
/*        background-size: cover;
        background-position: center top;
    }
}

@media screen and (max-width: 800px), screen and (max-device-width: 800px) {

}
/**/
#k-logo {
    margin: 0;
    padding: 0;
    display: flex;
}

#k-logo img {
    margin: 0.5em 0.5em 0.5em 0.5em;
    max-width: 60px;
    align-self: center;
}

#left-block .list-links {
    margin: auto;
    text-align: initial;
}

#left-block .list-links a {
    width: 100%;
}

#left-block h3 {
    margin: 0.5em auto 0.5em 1em;
    text-align: initial;
    color: #505050;
}

.list-links {
    /*margin: 1em auto;/**/
    list-style: none;
    padding: 0 0 0 0.5em;
}

.list-links:empty {
    margin: auto;
}

.list-links li {
    margin: 0;
}

/*.list-links .k-link {/**/
.k-link {
    /*background: #fff7db;/**/
    /*min-width: 400px;/**/
    min-width: 40%; /**/
    /*border: 1px #000000 solid;/**/
    display: inline-block;
    /*color: #001171;/**/
    padding: 0 0.5em;
    /*font-size: 12pt;
    /*text-align: left;/**/
}

.k-link:hover {
    background-color: #cad8ff;
}

a.activ {
    color: var(--link-color-active); /**/
    font-weight: bolder;
}

a.k-link.activ {
    /*    color: #0088CCF0;/**/
    text-decoration: underline;
}
#top-menu a.activ {
    background-color: rgba(233, 241, 245, 0.5); /**/
    /*box-shadow: 0 5px 10px 0 #E0E0E080;/**/
    font-weight: normal;
}

#left-block .child-links {
    margin-left: 1em;
    padding-left: 0em;
}

.child-links li {
    border-left: 3px #e8e8e8 solid;
}

.head {
    text-align: left;
    position: sticky;
    top: 0px;
    background-color: #f7f7f7;
    box-shadow: 0 5px 10px 0 #E0E0E080;
    /*margin-bottom: 1em;/**/
    z-index: 15;
    display: flex;
    align-items: normal;
    /*overflow: hidden;/**/
}

.head > nav {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    /*flex-wrap: wrap;/**/
}

.doc {
    text-align: initial; /**/
    padding: 0 2em;
    /*width: 800px;/**/
    margin: auto;
}

.breadcrumb {
    margin: 1em 2em 1em 2em;
    padding: 0;
    /*border: 1px solid #ddd;/**/
    background-color: transparent;
    font-size: 0.8em;
    list-style: none;
    text-align: initial;
}

.breadcrumb > li {
    display: inline-block;
}

.breadcrumb > li::after {
    content: '';
    position: relative;
    top: -3px;
    right: 4px;
    width: 14px;
    height: 0px;
    border-right: 1px solid #004EB3;
    border-bottom: 1px solid #3A75C3;
    transform: rotate(-72deg);
    display: inline-block;
    margin-left: 0.8em;
    /*box-shadow: 0px 0px 1px #00eefa;/**/
}

.breadcrumb > li + li::before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.breadcrumb > li + li::before {
    content: '';
    padding: 0;
}

.breadcrumb a {
    /*color: #0088CC;
    /*text-shadow: 0px 0px 1px #00eefa;/**/
}

ul.breadcrumb > li > a:first-letter {
    text-transform: uppercase;
}

/**/
.breadcrumb > li:last-child:after {
    display: none;
}

#top-menu, #top-lang {
    display: inline-flex;
    flex-direction: row;
    list-style: none;
    padding: 0;
    flex: 1 1 auto;
    justify-content: space-around;
    max-width: 580px;
    margin: auto;
    flex-wrap: wrap;
    /*height: 1.3em;/**/
    /*height: 100%;/**/
    max-height: 4em;
    overflow: hidden;
}

#top-menu li, #top-lang li {
    flex: 1 1 auto;
    /*text-align: center;/**/
    display: flex;
    justify-content: center;
    height: 100%;
}

#top-menu li a, #top-menu li span,
#top-lang li a, #top-lang li span {
    background: transparent;
    padding: 1.3em;
    align-self: center;
    width: 100%;
    text-align: center;
}

#top-menu li a:hover,
#top-lang li a:hover {
    background-color: rgba(223, 235, 244, 0.5);
}

#top-lang {
    flex-wrap: nowrap;
    max-width: 4em;
    max-width: min-content;
    margin-right: 1em;
    margin-left: 0;
}
#top-lang li a, #top-lang li span {
    padding: 1.3em 0.5em;
}

.doc p {
    /*text-indent: 5em; /*each-line*/
}

.fl {
    display: flex;
}

#content > .fl-row {
    display: flex;
    justify-content: center;
}

#content .fl-row > * {
    flex: 1 1 auto;
}

/*#content .fl-row > *:first-child /**/
#content .fl > #left-block {
    min-width: 180px;
    width: 180px;/**/
    flex: 0 10 auto;
}

#content .fl > #right-block {
    display: block;
    min-width: 180px;
    width: 240px;/**/
    flex: 0 10 auto;
}

footer {
    margin-top: 2em;
    min-height: 3em;
    /*background-color: #fffdfa;/**/
    box-shadow: 0 -5px 10px 0 #E0E0E080;
    padding: 1em;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sub-cat {
    margin-top: 0.5em;
}

.sub-cat .list-links a {
    margin-left: 1em;
    font-size: 0.95em;
}

.lt {

}

.rb {

}

.c5-formula {
    font-size: 2em;
}

.c5-formula div {
    display: inline-block;
}

.sup, .sub {
    font-style: normal; /* Нормальное начертание */
    font-size: 0.5em; /* Размер индекса */
    color: red; /* Цвет верхнего индекса */
    vertical-align: 0.8em; /* Сдвигаем текст вверх */
    /*margin: auto 0.1em;/**/
    margin: auto 3px;
    display: inline-block;
}

.sub {
    color: blue; /* Цвет нижнего индекса */
    vertical-align: -0.5em; /* Сдвигаем текст вниз */
}

.sub .sub {

}

.sub .sub .sub {

}

.sup .sup {

}

.sup .sup .sup {

}

.sup .sup, .sub .sub {
    color: #00af5e;
    /*margin: auto 3px;/**/
    font-size: 0.8em;
}

.sup .sup .sup, .sub .sub .sub {
    color: #dc0074;
    /*margin: auto 3px;/**/
}

.square {
    display: inline-block;
    font-size: 46px;
}

.square + * {
    border-top: 1px #000000 solid;
    display: inline-block;
}

.c5-formula2 {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 0.8em;
}

.c5-formula2 > * {
    /*flex: 0 1 auto;/**/
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 0.7em;
}

.c5-formula2 > .i0 {
    order: 10;
    flex: 0 1 30%;
}

.c5-formula2 > .i1 {
    order: 20;
    flex: 0 1 30%;
}

.c5-formula2 > .i2 {
    order: 30;
    flex: 0 1 30%;
}

.c5-formula2 > .i3 {
    order: 40;
    flex: 0 1 30%;
}

.c5-formula2 > .i4 {
    order: 50;
    flex: 0 1 30%;
}

.c5-formula2 > .i5 {
    order: 60;
    flex: 0 1 30%;
}

.c5-formula2 > .ic {
    order: 35;
    flex: 0 1 100%;
    font-size: 1em;
}

/*
.list-docs {
    text-align: left;
}/**/

.list-docs > * {
    font-size: 0.8em;
    margin: 0.5em 1em;
}

.no-activ {
    color: #a0a0a0;
}

.center-content {
    overflow-x: hidden;
    flex: 1 1 auto;
}

.center-content .list-links {
    /*margin-right: 12%;/**/
    max-width: 600px;
    text-align: initial;
    /*text-transform:;/**/
}

.list-links a:first-letter {
    text-transform: uppercase;
}

.t-wrap {
    width: 100%;
    overflow-x: auto;
    box-shadow: 0 0 10px 0 #E0E0E080;
}

.h3-doc {
    display: none;
}

.back_to_top {
    position: fixed;
    bottom: 2em;
    right: 2em;
    z-index: 15;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: rgba(245, 245, 245, 0.5);
    color: #808080;
    cursor: pointer;
    /*border-radius: 2px;/**/
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1em;
    box-shadow: 0px 0px 10px 0px #E0E0E0;
}

.back_to_top:hover {
    background: #e9ebec;
}

.back_to_top-show {
    display: flex;
}

.doc-content {
    margin: 1em;
}

.j-btn-burger {
    display: none;
}

/*
#search1.f-search {
    display: none;
}
/**/
#search2.f-search {
    display: none;
}

/**/

.b-burger {
    display: none;
}

/* list-pictures */
.list-pictures {

}

.list-pictures img {
    float: left;
     margin-right: 0.5em;/**/
     margin-top: 1em;/**/
    /* margin-right: 0em;/**/
    /* margin: 0px;
    padding: 0px;/**/

}

.list-pictures li {
    clear: both;
    margin-top: 1em;/**/
    /* margin-top: 0em;/**/
    text-align: justify;/**/
    margin-right: 0.1em;/**/
    /* margin-right: 0em;/**/
}

.list-pictures li:first-child {
    /*margin-top: inherit;/**/
}
/* list-pictures */
/*
.list-aside {
    overflow: auto;
}/**/

.list-aside ul {
    margin: 0;
    padding: 0 0 0 0.5em;
    text-align: left;
}

.list-aside ul {
    list-style: none;
}

.card {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.card > * {
    flex: 0 1 auto;
    width: 20%;
    min-height: 2em;
    box-sizing: border-box;
}

.card > * > a {
    padding: 2em;
    display: inline-flex;
    width: 100%;
    height: 100%;
    text-align: left;
    align-items: center;
}

.card > *:nth-child(2n+1) > a {
    background-color: #00C8C8;
    background-color: #F4F4F4;
}

.card > * > a:hover {
    background-color: #FFF;
}

.random-card .card > * {
    width: 100%;
    font-size: 11pt;
}

.random-card .card > * > a{
    padding: 1em 1.2em;
}

.random-card h3 {
    margin: 0.3em auto 0.3em 1em;
    color: var(--link-color);
    text-shadow: 1px 1px 1px #1057df4f;
    font-weight: 400;
}

#auth {
    display: inline-flex;
    flex-direction: row;
    list-style: none;
    padding: 0;
    flex: 0 0 auto;
    justify-content: space-around;
    max-width: 580px;
    margin: initial;
    flex-wrap: wrap;
    /*height: 1.3em;/**/
    /*height: 100%;/**/
    max-height: 4em;
    overflow: hidden;
    align-self: center;
}

#auth li {
    flex: 1 1 auto;
    /*text-align: center;/**/
    display: flex;
    justify-content: center;
    height: 100%;
}

#auth li a, #auth li span {
    background: transparent;
    padding: 1.3em 0.5em;/**/
    align-self: center;
    width: 100%;
    text-align: center;
}

#auth li a:hover {
    background-color: rgba(223, 235, 244, 0.5);
}

/*.person>section:nth-child(2) {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}/**/

.person section > p {
    margin: auto;
}

.phone-mobile {
    display: inline-block;
    box-shadow: 0 0 10px 0 #C4E1FF;
    /*box-shadow: 0 0 1px 0 #C4E1FF;/**/
/*    background: radial-gradient(#C4E1FF 0%, transparent 20%);/**/
    border-radius: 50%;
    padding: 0.21em;
    width: 38px;
    height: 38px;
    margin: 0 0.1em -15px 0.3em;
    
    /*animation-name: change1, pause;
    animation-duration: 2.8s, 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite, infinite;/**/
    /*animation-delay: 5s;/**/
    /*animation-fill-mode: forwards;/**/

    /*
    animation-name: change1;
    animation-duration: 2.8s;
    animation-delay: 10s;
    animation-fill-mode: forwards;/**/
    /*animation-iteration-count: 10;/**/

    /*animation: change1 2s linear, pause 10s linear infinite;/**/
    animation: change1 10s linear infinite;
    animation-delay: 3s;
}
@keyframes change1 {
    0% {
        box-shadow: 0 0 10px 0 #C4E1FF;
    }
    10% {
        box-shadow: 0 0 15px 7px #add1ff;
        /*box-shadow: 0 0 10px 10px #C4E1FF;/**/
    }
    20% {
        box-shadow: 0 0 10px 0 #C4E1FF;
    }
    /*9% {
        box-shadow: 0 0 7px 10px #add1ff;
    }/**/
    30% {
        box-shadow: 0 0 15px 7px #add1ff;
        /*box-shadow: 0 0 10px 10px #C4E1FF;/**/
    }
    80% {
        box-shadow: 0 0 10px 0 #C4E1FF;
    }
    100% {
        box-shadow: 0 0 10px 0 #C4E1FF;
    }
}

@keyframes pause {
    0%, 100% {
        /* Пустые ключевые кадры означают паузу на всем протяжении анимации */
    }
}
/*    animation:change1 2s linear 10s alternate;/**/

.phone-mobile img {
    float: left;
}
/*
#auth {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 1em;
    word-break: normal;
}
/**/

/*min-device-width/**/
/* iPad in landscape */
/*@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}/**/
@media only screen and (max-width: 480px) {
    #content > .fl {
        flex-direction: column;
    }

    #content .fl > #left-block {
        min-width: initial;
        width: initial;
        flex: 0 1 auto;
    }

    .list-docs > * {
        font-size: 0.9em;
    }

    .center-content {
        flex: 1 1 auto;
        overflow: hidden;
    }

    .h1-doc {
        /*display: none;/**/
    }

    .h3-doc {
        /*display: inherit;
        text-align: center;/**/
    }

    #left-block {
        height: 2.5em;
        overflow: hidden;
        box-shadow: 0 5px 10px 0 rgba(230, 230, 230, 0.75);
        position: relative;
    }

    #left-block.opened {
        height: auto;
    }

    .j-btn-burger {
        position: absolute;
        display: flex;
        right: 0;
        top: 0;
        padding: 0.8em;
        /*background-color: #eeeeee;/**/
        box-shadow: -5px 0px 10px 0 rgba(230, 230, 230, 0.75);
        align-items: center;
        bottom: 0;
        max-height: 2.5em;
    }

    #search1.f-search {
        /*        display: none;/**/
    }

    /*#search2.f-search {
        display: inline-flex;
        margin: 0 auto 0.5em auto;
    }/**/

    .list-pictures li {
        text-align: inherit;
    }
}

@media only screen and (max-width: 300px) {
    * {
        word-break: break-all;
    }

    .b-burger {
        display: block;
        padding: 0.5em;
        margin-right: 0.3em;
    }

    #top-menu {
        position: absolute;
        background: #F5F5F5;
        left: 0;
        top: 3em;
        flex-direction: column;
        max-height: inherit !important;
        width: 100vw;
        box-shadow: 0 3px 10px 0 #CDCDCD;
    }

    /**/
    #top-menu {
        display: flex;
        visibility: visible;
        opacity: 1;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        border-radius: 3px;
        transition: all 300ms ease-in-out;
        position: fixed;
        left: 0;
        z-index: 9;
        height: 0;
    }

    #top-menu.active {
        /*top: 3em;/**/
        height: auto;
        min-height: inherit;
    }

    .f-search .speed-search {
        display: flex;
    }
}

@media (orientation: landscape) and (max-height: 480px) {
    .head {
        position: initial;
    }

    .fl {
        display: flex;
        flex-direction: row;
        justify-content: start;
        /*overflow: hidden;/**/
        max-width: 100%;
    }

    .t-wrap {
        /*width: calc(100% - 150px);/**/
        overflow-x: auto;
    }

    .center-content {
        /*flex: 0 1 auto;/**/
        flex: 1 1 auto;
        overflow: hidden;
    }

    #content .fl > #left-block {
        min-width: 200px; /**/
        width: initial;
        /*flex: 0 1 auto;/**/
    }
}

@media /*(orientation: landscape) and/**/ (max-width: 1300px) {
    #content .fl > #left-block {
        min-width: 180px;
        /*width: 140px;/**/
    }

    .card > * > a {
        padding: 1em;
    }
    .card > * {
        width: 33%;
    }

    .random-card > .card > * {
        width: 100%;
    }
    
    #content .fl > #right-block {
        width: 180px;/**/
    }

}

@media /*(orientation: landscape) and/**/ (max-width: 1200px) {
    #content .fl > #right-block {
        display: none;
    }
}

@media /*(orientation: landscape) and/**/ (max-width: 800px) {
    #content .fl > #left-block {
        min-width: 140px;
        /*width: 140px;/**/
    }
    .card > * > a {
        padding: 0.5em;
    }
    .card > * {
        width: 100%;
    }

    /*.flex-list-pic {
        max-height: 6000px;
    }/**/
}

@media not screen {
    #top-menu li a {
        background-color: #0094c1;
    }
}

@media (orientation: landscape) and (max-height: 480px), only screen and (max-width: 480px) {
    .breadcrumb {
        margin: 1em 1em 1em 1em;
    }

    #k-logo img {
        max-height: 32px;
        width: auto;
    }

    #top-menu, #auth {
        max-height: 2em;
    }

    #top-menu li a, #top-menu li span,
    #auth li a, #auth li span {
        padding: 0.3em;
    }

    .back_to_top {
        bottom: 0.5em;
        right: 0.5em;
    }

    .doc-content {
        margin: auto;
    }

    .doc {
        padding: 0 0.5em;
    }

    .f-search {
        margin: auto 1em auto 0.2em;
    }

    .k-link {
        padding: 0 0.5em;
    }
}

@media (orientation: landscape) and (min-width: 1600px) {
    body {
        font-size: 14pt;
    }
}

.tab {
    border-collapse: collapse;
    width: 100%;
    /*  max-width: 100%;
      min-width: 100%;/**/
    max-width: 500px;
    min-width: 300px; /**/
    box-shadow: 0 0 10px 0 #F0F0F0;/**/
}

.scroll-table {
    overflow-x: auto;
    display: block;
    position: relative;
}
/*
.scroll-table:after {
    position: strict;
    height: 100%;
    width: 10px;
    top: 0;
    right: 0;
    background-color: #0000DD;
    box-shadow: 0 0 10px 0 #F0F0F0;
    content: '';
}
/**/
.tab tr td, .tab tr th {
    border: 1px #b0b0b0 solid;
    padding: 0.2em; /**/
    /*word-wrap: anywhere;
    overflow-wrap: anywhere;
    min-width: 5em;/**/
}

.tab tr td:nth-child(1) {
    min-width: auto;
}

.tab td {
    text-align: center;
}

.tab hr {
    height: 1px;
    border: 0;
    background: #b0b0b0;
    margin-right: -0.2em;
    margin-left: -0.2em; /**/
}

.pic_svg {
    width: 100%;
}

.formula_svg {
    /* width: 3vw;/**/
}

.row_fiz_sense {
    min-width: 20em; /**/
}

.formuls {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.formuls > * {
    /* padding: 0.5em;/**/
    padding: 0.3em;/**/
}

.formuls > *:nth-child(2n+1) {
    /* background-color: rgba(127, 127, 127, 0.51);/**/
    /**/ background-color: rgba(227, 227, 227, 0.51);/**/
}

.formuls > .title {
    font-weight: bold;
    text-align: center;/**/
    /* background-color: rgba(0, 0, 0, 0.51);/**/
    /**/ background-color: rgba(100, 100, 100, 0.51);/**/
}

.current-link {
    color:#baada7;
}

/*and (orientation: landscape)/**/
/*p:first-letter{
    text-decoration:underline;

}/**/

/*a:target {
    background-color: yellow;
    color: #f4b441;
}
/**/

.flex-list-pic2 {
    display: flex;
    flex-direction: column;
    max-height: 600px;
    flex-wrap: wrap;
    justify-content: space-between;
    border: none;
    border-right: 1px #b0b0b0 solid;
    border-bottom: 1px #b0b0b0 solid;
}

.flex-list-pic2 > * {
    width: 25%;/**/
    border: 1px #b0b0b0 solid;
    border-right: none;
    border-bottom: none;
    text-align: center;
    flex: 1 1 auto;
}

.flex-list-pic2 img{
    /*width: 100%;/**/
}

.scroll-table > p.content {
    display: inline-block;
}

.scroll-table > p.content > img {
    float: left;
    margin-right: 1em;
    margin-left: 1em;
    /*box-shadow: 0 0 35px 0 #0000000F;/**/
}

.button1-panel-show-hide-content, .button2-panel-show-hide-content {
    display: inline-block;
    background: #b3d8eb1c;
    padding: 0.4em 0.9em;
    border-radius: 5px;
    cursor: pointer;
    margin: 0.1em 0.3em !important;
}