@font-face {
    font-family: 'tfutura';
    src: url('../fonts/f300.woff2') format('woff2'), url('../fonts/f300.woff') format('woff');
    font-weight: 300
}

@font-face {
    font-family: 'tfutura';
    src: url('../fonts/f400.woff2') format('woff2'), url('../fonts/f400.woff') format('woff');
    font-weight: 400
}

@font-face {
    font-family: 'tfutura';
    src: url('../fonts/f500.woff2') format('woff2'), url('../fonts/f500.woff') format('woff');
    font-weight: 500
}

@font-face {
    font-family: 'tfutura';
    src: url('../fonts/f600.woff') format('woff2'), url('../fonts/f600.woff') format('woff');
    font-weight: 600
}

@font-face {
    font-family: 'tfutura';
    src: url('../fonts/f600.woff2') format('woff2'), url('../fonts/f600.woff') format('woff');
    font-weight: 700
}

*, 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 {
    padding-top: 60px;
    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;
}
p{
    margin-bottom: 0px!important;
}
a{
    color:#fa876b!important;
}
a:hover{
    color:#fd784c!important;
}
.order-danger{
    color:red;
}
.order-success{
    color:brown;
}
.order-warning{
    color:grey;
}
.order-green{
    color:green;
}
.my-from{
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}

@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
}