@font-face {
    font-family: helveticaneuecyr-light;
    src: url('../media/fonts/helveticaneuecyr-light.otf');
}

@font-face {
    font-family: HelveticaNeueCyr-Medium;
    src: url('../media/fonts/HelveticaNeueCyr-Medium.otf');
}

@font-face {
    font-family: helveticaneuecyr-roman;
    src: url('../media/fonts/helveticaneuecyr-roman.otf');
}

body {
    overflow-wrap: anywhere;
}

article h1 {
    font-family: helveticaneuecyr-light;
    /* font-weight: 700; */
    font-size: 38px;
    line-height: 1.5;

}


article h2 {
    font-family: helveticaneuecyr-light;
    /* font-weight: 700; */
    font-size: 28px;
    line-height: 1.5;

}

article h3 {
    font-family: helveticaneuecyr-light;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.5;

}

article h4 {
    font-family: helveticaneuecyr-light;
    /* font-weight: 700; */
    font-size: 16px;
    line-height: 1.5;

}

article h5 {
    font-family: helveticaneuecyr-light;
    /* font-weight: 700; */
    font-size: 16px;
    line-height: 1.5;

}

article h6 {
    font-family: helveticaneuecyr-light;
    /* font-weight: 700; */
    font-size: 12px;
    line-height: 1.5;


}

iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
    border-radius: 12px;
    border: 0px;
}

@media screen and (min-width: 650px) {
    iframe {
        width: 640px;
    }
}

article p {
    display: flow-root;
    font-family: helveticaneuecyr-roman;
    /* font-weight: 600; */
    font-size: 16px;
    line-height: 1.5;

}

article div {
    display: flow-root;
    font-family: helveticaneuecyr-roman;
    /* font-weight: 600; */
    font-size: 16px;
    line-height: 1.5;

}

table {
    display: block;
    overflow: auto;
}

table::-webkit-scrollbar-thumb {
    background: #bbbbbb;
}

tbody {
    display: table;
    width: 100%;
    border-color: #181818;
}


tbody {
    border-color: #181818;
}

tr>td {
    font-family: helveticaneuecyr-roman;
    /* font-weight: 600; */
    font-size: 16px;
    line-height: 1.5;
    padding: 10px;
}

td img {
    width: 200px;
    max-width: fit-content;
}

article ol {
    padding-left: 15px;
    margin-bottom: 0;

}

@media screen and (min-width: 500px) {
    article ol {
        padding-left: 40px;

    }
}

article ol>li {
    font-family: helveticaneuecyr-roman;
    /* font-weight: 600; */
    font-size: 16px;
    line-height: 1.5;
}

strong {
    font-family: HelveticaNeueCyr-Medium;
    /* font-weight: 600; */
    font-size: 16px;
    line-height: 1.5;
}

p>strong,
span>strong {
    font-family: HelveticaNeueCyr-Medium;
    /* font-weight: 600; */
    font-size: 16px;
    line-height: 1.5;
}

em {
    font-family: helveticaneuecyr-roman;
    /* font-weight: 600; */
    font-size: 16px;
    line-height: 1.5;
}

strong>em {
    font-family: HelveticaNeueCyr-Medium;
}

em>strong {
    font-family: HelveticaNeueCyr-Medium;
}

p>em,
span>em {
    font-family: helveticaneuecyr-roman;
    /* font-weight: 600; */
    font-size: 16px;
    line-height: 1.5;
}

article img {
    display: inline-block;
    margin: 0 auto;
}

article p>img {
    display: inline-block;
    margin: 0 auto;
}

p>img {
    margin: 0 auto;
}

strong>img {
    margin: 0 auto;
}

em>img {
    margin: 0 auto;
}

span>img {
    margin: 0 auto;
}

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

    article>p>img {
        width: 640px;
    }

    p>img {
        width: 640px;
    }

    strong>img {
        width: 640px;
    }

    em>img {
        width: 640px;
    }

    span>img {
        width: 640px;
    }
}

article ul {
    list-style: none;
    list-style-position: outside;
    padding-left: 15px;


}

@media screen and (min-width: 500px) {

    article ul {
        padding-left: 40px;

    }
}

article ul>li {
    font-family: helveticaneuecyr-roman;
    /* font-weight: 600; */
    font-size: 16px;
    line-height: 1.5;
    color: #ffff;
}

article ul li::before {
    content: "\2022";
    color: #F15A24;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

blockquote {
    display: flex;
    flex-direction: column;
    margin: 0px;
    font-family: helveticaneuecyr-roman;
    font-size: 16px;
    line-height: 150%;
    border-left: 4px solid #F15A24;
    padding: 0px 20px;

}

article blockquote {
    display: flex;
    flex-direction: column;
    margin: 0px;
    font-family: helveticaneuecyr-roman;
    font-size: 16px;
    line-height: 150%;
    border-left: 4px solid #F15A24;
    padding: 0px 20px;

}