html {
    font-size: 16px;
}
body, html {
    overflow: hidden
}
/*body {
    font-size: clamp(16px, 1.2vw, 18px);
}*/
html, img {
    max-width: 100%
}
strong {
    font-weight: 700;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    width: 100%;
    overflow-y: scroll;
    height: 100%
}

body {
    margin: auto;
    /*max-width: 1920px;*/
    /*padding-bottom: 550px;*/
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

strong {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: 0;
    display: block
}
a {
    text-decoration: none;
}
.col-xl-auto {
    width: 100%!important;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 80.333333%;
    max-width: 1280px;
    min-width: unset;
}
.header-f,.h-menu {
    width: 100%;
    max-width: 1280px;

    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;

}
input:not([type=checkbox]):not([type=radio]),input, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    outline: none;
    border: unset;
}
input{
    /*max-width: 320px;*/
    width: 100%;
    outline: none;
    border: 1px solid #c3a9a9;
}

@media (max-width: 1200px) {
    .col-xl-auto {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 80.333333%;
        min-width: 100% !important
    }
}
.one-flex-auto {
    max-width: 79px;
    width: 100%;
    flex: 1 0 auto;
    position: relative;
    align-items: center;
    display: flex;
    flex-basis: 68px;
}

.opacity-load {
    opacity: .01
}

.s-fon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}