:root {
    --main-bg-color: rgb(43, 0, 172);
    --main-color: 45,147,255;
    --b-text-color: rgb(14, 99, 189)
}

strong {
    color: var(--b-text-color) !important
}

h2 {
    font-weight: bolder !important
}

h4 {
    background-color: var(--main-bg-color);
    color: #fff !important;
    font-weight: 700
}

.red {
    color: red !important
}

.black {
    color: #000 !important
}

.cyanish {
    color: #00c0c0 !important
}

.grey {
    color: #575b61 !important
}

.subscript {
    font-size: 14px;
    line-height: 1.3
}

.stand-out {
    font-size: 50px
}

.emphasized-subtitle {
    margin-top: 30px;
    font-size: 26px
}

.emphasized-speech {
    font-size: 22px
}

.center {
    text-align: center !important
}

.img-float {
    width: 300px;
    float: left;
    margin-right: 15px
}

.img-center {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 350px !important
}

    .img-center.big {
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 650px
    }

.img-center-lores {
    display: block;
    margin: 0 auto;
    width: 75%;
    max-width: 450px
}

.img-center.lores {
    max-width: 260px
}

.important {
    border: 3px solid var(--main-bg-color) !important;
    color: var(--b-text-color) !important;
    padding: 10px;
    background-color: rgba(var(--main-color),.2)
}

.quotation {
    background-color: #edfaff;
    padding: 20px
}

.blue-frame {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin: 0 0 10px;
    background-color: #ebf6ff;
    padding: 10px
}

.comment--secondary {
    padding-left: 20px !important
}

.comment-answer {
    margin-left: 70px !important
}

ul.dashed {
    list-style-type: none
}

    ul.dashed > li {
        text-indent: -5px
    }

        ul.dashed > li:before {
            content: "-";
            text-indent: -5px
        }

ul.mainul {
    background-color: #ebf6ff;
    padding: 15px;
    list-style: disc inside
}

    ul.mainul li {
        color: #000;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 18px;
        margin-bottom: 10px;
        margin-left: 20px;
        font-style: italic
    }

ul.list-dialog li {
    list-style-type: '- ';
    font-family: Inter,sans-serif;
    font-size: 20px;
    line-height: 29px;
    margin-left: 20px
}

ol li {
    font-family: Inter,sans-serif;
    font-size: 20px;
    line-height: 29px
}

.old-discount {
    color: grey !important;
    position: relative
}

    .old-discount:after {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background-color: red;
        position: absolute;
        left: 0;
        top: 50%
    }

.preamble {
    font-size: 24px
}

.speech {
    margin-left: 20px
}

.dialog {
    padding-left: 120px;
    background-repeat: no-repeat;
    margin-top: 15px;
    margin-bottom: 15px
}

.dialog-name {
    color: #088ad6;
    margin-bottom: 5px
}

.dialog-subname {
    color: gray;
    font-size: 16px;
    line-height: 1.2;
    margin: 0;
    margin-bottom: 10px
}

@media screen and (max-width:500px) {
    .img-float {
        float: none;
        margin-right: 0;
        width: 100%
    }

    ul:not(.menu-ul) li {
        font-size: 18px
    }

    ul.list-dialog li {
        font-size: 18px
    }

    ol li {
        font-size: 18px
    }
}