*, body, html, div, p, a, img, input, small, label, span, ul, ol, mark, button, h1, h2, h3, h4, h5, h6 {
    font-family: 'tfutura', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important
}

main * {
    color: #212529
}

* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

html {
    position: relative;
    min-height: 100%
}

body {
    background-color: #eee;
    -webkit-font-smoothing: antialiased
}

h2, h3, h4 {
    font-weight: 300;
    display: inline
}

.nav-link {
    display: inline-block
}

a.nav-link, a.nav-link:hover {
    color: #fa876b
}

button#prefixURL {
    width: 65px;
}

a.dropdown-item-prefix {
    width: 77px;
}

.form-check-inline {
    width: 150px;
    margin-left: 0 !important;
}

@media (max-width: 320px) {
    span.input-group-addon {
        font-size: 0.8em;
        min-width: 96px;
    }
}

@media (min-width: 321px) and (max-width: 425px) {
    span.input-group-addon {
        font-size: 0.9em;
        min-width: 107px;
    }
}

@media (min-width: 426px) {
    span.input-group-addon {
        font-size: 1em;
        min-width: 118px
    }
}

@media only screen and (min-width: 576px) {
    .alert.alert-light, .modal-body {
        padding: 3rem !important;
    }
}

@media only screen and (max-width: 575px) {
    .alert.alert-light, .modal-body {
        /* убираем отступы сбоку на мобиле */
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media (max-width: 768px) {
    div.modal-body > div > div:nth-child(2) > div > div > button {
        opacity: 1;
        padding: .5rem .75rem .45rem .75rem;
    }

    div.modal-body > div > div:nth-child(2) > div > div > button > span {
        vertical-align: middle;
    }
}

@media (min-width: 768px) {
    div.modal-body > div > div:nth-child(2) > div > div > button {
        opacity: 0;
    }
}

.btn-tilda {
    color: #fff;
    border-color: #fa876b;
    background-color: #fa876b
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(250, 134, 105, .25)
}

.border-tilda {
    border-color: #fa876b
}

.container {
    /* спасибо Маше за подсказку */
    box-sizing: border-box
}

.custom-control-input:checked ~ .custom-control-indicator, .custom-control-input:active ~ .custom-control-indicator {
    background-color: #fa876b
}

.custom-control-input:focus ~ .custom-control-indicator {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #fa876b;
    -moz-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #fa876b;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #fa876b
}

.w200 {
    width: 200px
}

button:hover {
    background-color: #fd784c;
}

.btn, .custom-control, .dropdown-item {
    cursor: pointer
}

.btn-clipboard {
    background-color: #fa876b
}

.form-control {
    padding: .48em .75rem;
    min-width: 101px;
}

footer a, footer a:hover {
    color: #fff
}

input.form-control:focus {
    border-color: #fa876b
}

a.link {
    font-weight: inherit;
    color: inherit;
    border-bottom: 1px solid #fa876b;
    -webkit-box-shadow: inset 0 -1px 0 0 #fa876b;
    -moz-box-shadow: inset 0 -1px 0 0 #fa876b;
    box-shadow: inset 0 -1px 0 0 #fa876b
}

a:hover {
    text-decoration: none
}

.bg-black {
    background-color: #171717
}

.dropdown-menu-prefix {
    min-width: 83px
}

a.dropdown-item-prefix {
    padding: .25rem 0 .25rem .75rem
}

a.dropdown-item-prefix:hover {
    background-color: #eee
}

.dropdown-menu-shortify {
    min-width: 106px
}

a.dropdown-item-shortify:hover {
    width: auto;
    background-color: #eee
}

span.input-group-addon {
    padding: .5rem .75rem
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #fa876b
}

.dropdown-toggle::after {
    vertical-align: 0.1em
}

.ya-share2__counter_visible {
    color: #fff !important;
}

.ya-share2__counter_visible::before {
    content: "";
    position: absolute;
    width: 1px;
    top: 2px;
    bottom: 2px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEX///+nxBvIAAAAAXRSTlMz/za5cAAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=") 0 0 repeat-y;
    margin-left: -14px !important;
}

.t-title_xxs {
    font-size: 36px;
    line-height: 1.23
}

.t-title_sm, .t-title_xs {
    font-size: 42px;
    line-height: 1.23
}

.t-title_sm {
    font-size: 48px
}

.t-title_lg, .t-title_md {
    font-size: 52px;
    line-height: 1.23
}

.t-title_lg {
    font-size: 64px
}

.t-title_xl, .t-title_xxl {
    font-size: 72px;
    line-height: 1.17
}

.t-title_xxl {
    font-size: 82px
}

.t-descr_xxs {
    font-size: 14px;
    line-height: 1.55
}

.t-descr_sm, .t-descr_xs {
    font-size: 16px;
    line-height: 1.55
}

.t-descr_sm {
    font-size: 18px
}

.t-descr_lg, .t-descr_md {
    font-size: 20px;
    line-height: 1.55
}

.t-descr_lg {
    font-size: 22px
}

.t-descr_xl {
    font-size: 24px;
    line-height: 1.5
}


a:link,a:visited,a:active {
                color: #005a9c;
                text-decoration: none
            }

            a:hover {
                text-decoration: underline
            }

            p {
                margin: .75em 0
            }

            h1 {
                font-size: 1.2857em;
                margin: .75em 0;
                color: #057cb5;
                text-align: center;
            }

            h3 {
                font-size: 1em;
                margin: .75em 0;
                color: #057cb5
            }

            h4 {
                text-align: left
            }

            img {
                border: 0
            }

            table {
                border-spacing: 0
            }

            td {
                vertical-align: top
            }

            rb {
                color: #057cb5;
                font-size: 100%;
                margin-left: .5em
            }

            rt {
                color: #e0115f;
                font-size: 100%
            }

            .clear {
                clear: both
            }

            .middle {
                vertical-align: middle
            }

            .top {
                vertical-align: top
            }

            #footer {
                margin-top: 4em;
                padding-bottom: 2em;
                text-align: center;
                border-top: 1px solid #ccc;
                font-size: .75em
            }

            #gdpr {
                position: fixed;
                background-color: rgba(0,0,0,0.85);
                color: #FFF;
                text-align: center;
                left: 0;
                bottom: 0;
                width: 100%;
                font-size: .75em
            }

            #gdpr-btn {
                margin: 0 0 0 1em;
                padding: 0 1em;
                font-size: 1em;
                border: 1px solid #ccc;
                border-radius: 4px;
                -webkit-box-shadow: unset 0 1px 1px rgba(0,0,0,0.075);
                box-shadow: unset 0 1px 1px rgba(0,0,0,0.075)
            }

            ul.menu {
                list-style: none;
                padding-top: 1em
            }

            li.menuitem {
                display: inline;
                padding: 0;
                margin: 0 0 0 1em
            }

            li.activemenuitem a {
                border-bottom: 1px solid #3C0
            }

            #action {
                text-align: left
            }

            #action button {
                padding: 0 5px;
                vertical-align: middle;
                line-height: 18px
            }

            #shrink,#enlarge {
                width: 24px
            }

            a.soft_button {
                border: 1px solid lightblue;
                margin-left: 3px;
                padding: 0 2px;
                white-space: nowrap
            }

            .share-this {
                margin: 2em auto 1em auto;
                text-align: center
            }

            .share-this .share {
                margin-right: 1em
            }

            .button {
                display: inline-block;
                padding: 0 5px;
                background-color: #f0f0f0;
                border: 2px solid #ccc;
                border-radius: 5px
            }

            input[type=number],input[type=text],textarea {
                padding: 5px 8px;
                vertical-align: middle;
                border: 1px solid #ccc;
                border-radius: 4px;
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
                box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
                -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
            }

            @media only screen and (max-width: 640px) {
                #page {
                    margin:0 2px
                }

                #header {
                    margin-bottom: 1em
                }

                #logo {
                    display: inline-block;
                    width: 100%;
                    height: 46px;
                    line-height: 46px;
                    background-repeat: repeat-x;
                    background-image: url(/images/branahmobile.jpg)
                }

                a.soft_button {
                    padding: 0 2px 0 0;
                    margin-left: 0
                }

                ul.list {
                    list-style: none
                }

                ul.list li {
                    line-height: 2em;
                    margin: 0
                }

                textarea {
                    width: 85%
                }

                #share {
                    width: 100%;
                    margin: 2em auto 1em auto;
                    text-align: center
                }

                #action {
                    line-height: 2.25em
                }

                #archived {
                    font-size: .85em;
                    margin: .5em 0 1em 0
                }

                .gsc-search-box,.gsc-control-cse {
                    display: none
                }
            }

            @media only screen and (min-width: 641px) and (max-width:840px) {
                p {
                    text-align:justify
                }

                textarea {
                    width: 610px
                }

                #page {
                    width: 630px;
                    margin: 0 auto
                }

                #header {
                    margin-bottom: 1em
                }

                #logo {
                    display: inline-block;
                    width: 630px;
                    height: 108px;
                    line-height: 108px;
                    background-image: url(/images/branahtab.jpg)
                }

                ul.list {
                    list-style: none;
                    display: inline-block;
                    width: 150px
                }

                ul.list li {
                    line-height: 2em;
                    margin: 0
                }

                #editor {
                    width: 600px
                }

                #selectAll,#saveAsTextFile,#postToFacebook,#shrink,#enlarge {
                    margin-right: 2px;
                    padding: 0 5px;
                    vertical-align: middle;
                    line-height: 18px
                }
            }

            @media only screen and (min-width: 841px) {
                p {
                    text-align:justify
                }

                textarea {
                    width: 98%
                }

                

                #header {
                    margin-bottom: 1em
                }

                #logo {
                    display: inline-block;
                    width: 840px;
                    height: 144px;
                    line-height: 144px;
                    background-image: url(/images/branah.jpg)
                }

                div.side_content {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 160px;
                    _margin-left: -210px
                }

                div.main_content {
                    position: relative;
                    padding-left: 0px
                }

                ul.list {
                    list-style: none;
                    display: inline-block;
                    width: 160px
                }

                #editor {
                    width: 607px;
                    height: 96px
                }
            }

            ;