@charset 'UTF-8';

*
{
    box-sizing: border-box;
}

*:before,
*:after
{
    box-sizing: border-box;
}

*
{
    -webkit-tap-highlight-color: transparent;
}

@media (max-width: 1025px)
{
    .data-scroll-box
    {
        overflow: hidden;
    }
}

body
{
    font: 400 13px/1.5 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';

    flex-direction: column;

    min-height: 100vh;
    margin: 0;

    text-align: left;

    color: rgba(0, 0, 0, .8);
    background: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 1025px)
{
    body.no-scroll
    {
        overflow: hidden;
    }
}

header
{
    flex: 0 0 auto;
}

main
{
    flex: 1 0 auto;
}

footer
{
    flex: 0 0 auto;
}

[tabindex='-1']:focus
{
    outline: none !important;
}

[role='button']
{
    cursor: pointer;
}

[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}

a
{
    transition: color .1s linear;
    text-decoration: none;

    color: var(--lwc-brandTextLink, #0176d3);
}

a,
button,
[role='button'],
input,
label,
select,
textarea
{
    margin: 0;

    touch-action: manipulation;
}

button,
input
{
    overflow: visible;

    text-transform: none;
}

button,
html [type='button'],
[type='reset'],
[type='submit']
{
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner
{
    padding: 0;

    border-style: none;
}

input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month']
{
    -webkit-appearance: listbox;
}

textarea
{
    overflow: auto;

    resize: vertical;
}

a svg,
button svg
{
    pointer-events: none;
}

svg:not(:root)
{
    overflow: hidden;
}

img
{
    max-width: 100%;
    height: auto;
}

hr
{
    overflow: visible;

    box-sizing: content-box;
    height: 0;
    margin-top: 2em;
    margin-bottom: 2em;

    border: 0;
    border-top: 1px solid #000;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    margin-top: 0;
    margin-bottom: 0;

    color: currentColor;
}

p,
ul,
ol,
dl,
table,
blockquote,
pre,
address,
figure
{
    margin-top: 0;
}

p:last-child
{
    margin-bottom: 0;
}

address
{
    font-style: normal;
}

ul,
ol
{
    margin-bottom: 0;
    padding-left: 1.5em;
}

ul ul,
ul ol,
ol ul,
ol ol
{
    margin-top: 0;
    margin-bottom: 0;
}

li
{
    line-height: inherit;
}

small
{
    font-size: .75em;
}

sub,
sup
{
    font-size: .75em;
}

blockquote
{
    margin-right: 0;
    margin-left: 0;
    padding: 0;
}

code
{
    padding: .06em .3em;

    color: rgba(0, 0, 0, .8);
    border-radius: 3px;
    background: rgba(0, 0, 0, .08);
}

kbd
{
    padding: .06em .3em;

    color: rgba(0, 0, 0, .8);
    border-radius: 3px;
}

kbd kbd
{
    padding: 0;
}

pre
{
    display: block;
    overflow-x: auto;

    width: 100%;
    margin-bottom: 1em;

    -moz-tab-size: 2;
      -o-tab-size: 2;
         tab-size: 2;

    background: rgba(0, 0, 0, .08);
}

pre code
{
    background: transparent;
}

/* https://github.com/mozdevs/cssremedy/issues/11#issuecomment-462867630 */

.text-gradient
{
    color: transparent;
    background: linear-gradient(282deg, #ffaa83 0%, #d9521c 100%);
    -webkit-background-clip: text;
            background-clip: text;
}

.text-red
{
    color: #d14007;
}

.attach-file
{
    position: relative;

    display: flex;
}

.attach-file:hover span
{
    text-decoration: underline;

    color: #fd6925;
}

.attach-file img
{
    display: block;

    width: 20px;
    height: 20px;
    margin-top: 2px;
    margin-right: 10px;
}

.attach-file span
{
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 140%;
    /* 25.2px */

    letter-spacing: -.18px;
}

.user-page
{
    padding-top: 30px;

    background: #f7f7f7;
}

.dealer-page
{
    padding-top: 30px;
    padding-bottom: 60px;

    background: #f7f7f7;
}

.dealer-page *
{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';
}

.dealer-page__title
{
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;

    margin-bottom: 40px;

    text-align: center;
}

.dealer-page__title span
{
    display: inline-block;

    width: 50%;
}

.dealer-page .table-block__header
{
    background: #fff;
}

.login-page
{
    padding-top: 70px;
    padding-bottom: 70px;

    background: #f7f7f7;
}

.banner-page
{
    position: relative;

    padding: 103px 0;

    background: #000;
}

@media (max-width: 769px)
{
    .banner-page
    {
        padding: 35px 0;

        background-image: url(../img/bcg-banner-mob.jpg) !important;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% auto;
    }
}

.banner-page__bcg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

@media (max-width: 769px)
{
    .banner-page__bcg
    {
        display: none;

        background-image: url(../img/bcg-banner-mobile.jpg) !important;
    }
}

.row
{
    display: flex;

    margin-right: -8px;
    margin-left: -8px;

    flex-wrap: wrap;
}

.form-row
{
    display: flex;

    width: 100%;

    flex-wrap: wrap;
}

input[type='date']
{
    padding-top: 6px;
    padding-bottom: 6px;

    vertical-align: middle;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

main.style_page__N74iz.style_fitHeader__FliBr
{
    overflow-x: hidden;
}

.show-mobile
{
    display: none;
}

@media screen and (max-width: 1299px)
{
    .show-mobile
    {
        display: block;
    }
}

.show-mobile-1023
{
    display: none;
}

@media screen and (max-width: 1023px)
{
    .show-mobile-1023
    {
        display: block;
    }
}

.show-mobile-767
{
    display: none;
}

@media screen and (max-width: 767px)
{
    .show-mobile-767
    {
        display: block;
    }
}

@media screen and (max-width: 1299px)
{
    .hide-mobile
    {
        display: none !important;
    }
}

@media screen and (max-width: 1023px)
{
    .hide-mobile-1023
    {
        display: none !important;
    }
}

@media screen and (max-width: 767px)
{
    .hide-mobile-767
    {
        display: none !important;
    }
}

.d-flex
{
    display: flex;
}

.align-center
{
    align-items: center;
}

.w-100
{
    width: 100%;
}

/* Обертка
   ============================================== */

.container
{
    width: 100%;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
}

.container-1200
{
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
}

.container-1200.style_container__faI0O.style_tyrelife__qs_u1
{
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.container-90
{
    width: 90%;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
}

@media only screen and (max-width: 1023px)
{
    .container-90
    {
        width: 95%;
    }
}

.container--small
{
    padding-right: 423px;
    padding-left: 423px;
}

@media (max-width: 1380px)
{
    .container--small
    {
        padding-right: 120px;
        padding-left: 120px;
    }
}

@media (max-width: 1025px)
{
    .container--small
    {
        padding-right: 32px;
        padding-left: 32px;
    }
}

@media (max-width: 600px)
{
    .container--small
    {
        padding-right: 12px;
        padding-left: 12px;
    }
}

/* Data Tables
   ============================================== */

:root
{
    --dt-row-selected: 13, 110, 253;
    --dt-row-selected-text: 255, 255, 255;
    --dt-row-selected-link: 9, 10, 11;
    --dt-row-stripe: 0, 0, 0;
    --dt-row-hover: 0, 0, 0;
    --dt-column-ordering: 0, 0, 0;
    --dt-html-background: white;
}

:root.dark
{
    --dt-html-background: rgb(33, 37, 41);
}

table.dataTable td.dt-control
{
    cursor: pointer;
    text-align: center;
}

table.dataTable td.dt-control:before
{
    display: inline-block;

    box-sizing: border-box;

    content: '';

    border-top: 5px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid rgba(0, 0, 0, .5);
}

table.dataTable tr.dt-hasChild td.dt-control:before
{
    border-top: 10px solid rgba(0, 0, 0, .5);
    border-right: 5px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 5px solid transparent;
}

html.dark table.dataTable td.dt-control:before,
:root[data-bs-theme='dark'] table.dataTable td.dt-control:before
{
    border-left-color: rgba(255, 255, 255, .5);
}

html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-bs-theme='dark']
table.dataTable
tr.dt-hasChild
td.dt-control:before
{
    border-top-color: rgba(255, 255, 255, .5);
    border-left-color: transparent;
}

div.dt-scroll-body thead tr,
div.dt-scroll-body tfoot tr
{
    height: 0;
}

div.dt-scroll-body thead tr th,
div.dt-scroll-body thead tr td,
div.dt-scroll-body tfoot tr th,
div.dt-scroll-body tfoot tr td
{
    height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}

div.dt-scroll-body thead tr th div.dt-scroll-sizing,
div.dt-scroll-body thead tr td div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr td div.dt-scroll-sizing
{
    overflow: hidden !important;

    height: 0 !important;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active
{
    outline: none;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before
{
    position: absolute;
    bottom: 50%;

    display: block;

    content: '▲';
    content: '▲'/'';
}

table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after
{
    position: absolute;
    top: 50%;

    display: block;

    content: '▼';
    content: '▼'/'';
}

table.dataTable thead > tr > th.dt-orderable-asc,
table.dataTable thead > tr > th.dt-orderable-desc,
table.dataTable thead > tr > th.dt-ordering-asc,
table.dataTable thead > tr > th.dt-ordering-desc,
table.dataTable thead > tr > td.dt-orderable-asc,
table.dataTable thead > tr > td.dt-orderable-desc,
table.dataTable thead > tr > td.dt-ordering-asc,
table.dataTable thead > tr > td.dt-ordering-desc
{
    position: relative;

    padding-right: 30px;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order
{
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;

    width: 12px;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after
{
    font-size: .8em;
    line-height: 9px;

    left: 0;

    opacity: .125;
}

table.dataTable thead > tr > th.dt-orderable-asc,
table.dataTable thead > tr > th.dt-orderable-desc,
table.dataTable thead > tr > td.dt-orderable-asc,
table.dataTable thead > tr > td.dt-orderable-desc
{
    cursor: pointer;
}

table.dataTable thead > tr > th.dt-orderable-asc:hover,
table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover
{
    outline: 2px solid rgba(0, 0, 0, .05);
    outline-offset: -2px;
}

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after
{
    opacity: .6;
}

table.dataTable
thead > tr > th.sorting_desc_disabled
span.dt-column-order:after,
table.dataTable
thead > tr > th.sorting_asc_disabled
span.dt-column-order:before,
table.dataTable
thead > tr > td.sorting_desc_disabled
span.dt-column-order:after,
table.dataTable
thead > tr > td.sorting_asc_disabled
span.dt-column-order:before
{
    display: none;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active
{
    outline: none;
}

div.dt-scroll-body > table.dataTable > thead > tr > th,
div.dt-scroll-body > table.dataTable > thead > tr > td
{
    overflow: hidden;
}

:root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover,
:root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover,
:root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover,
:root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover,
:root[data-bs-theme='dark']
table.dataTable
thead > tr > th.dt-orderable-asc:hover,
:root[data-bs-theme='dark']
table.dataTable
thead > tr > th.dt-orderable-desc:hover,
:root[data-bs-theme='dark']
table.dataTable
thead > tr > td.dt-orderable-asc:hover,
:root[data-bs-theme='dark']
table.dataTable
thead > tr > td.dt-orderable-desc:hover
{
    outline: 2px solid rgba(255, 255, 255, .05);
}

div.dt-processing
{
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;

    width: 200px;
    margin-top: -22px;
    margin-left: -100px;
    padding: 2px;

    text-align: center;
}

div.dt-processing > div:last-child
{
    position: relative;

    width: 80px;
    height: 15px;
    margin: 1em auto;
}

div.dt-processing > div:last-child > div
{
    position: absolute;
    top: 0;

    width: 13px;
    height: 13px;

    animation-timing-function: cubic-bezier(0, 1, 1, 0);

    border-radius: 50%;
    background: #0d6efd;
}

div.dt-processing > div:last-child > div:nth-child(1)
{
    left: 8px;

    animation: datatables-loader-1 .6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(2)
{
    left: 8px;

    animation: datatables-loader-2 .6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(3)
{
    left: 32px;

    animation: datatables-loader-2 .6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(4)
{
    left: 56px;

    animation: datatables-loader-3 .6s infinite;
}

@keyframes datatables-loader-1
{
    0%
    {
        transform: scale(0);
    }

    100%
    {
        transform: scale(1);
    }
}

@keyframes datatables-loader-3
{
    0%
    {
        transform: scale(1);
    }

    100%
    {
        transform: scale(0);
    }
}

@keyframes datatables-loader-2
{
    0%
    {
        transform: translate(0, 0);
    }

    100%
    {
        transform: translate(24px, 0);
    }
}

table.dataTable.nowrap th,
table.dataTable.nowrap td
{
    white-space: nowrap;
}

table.dataTable th,
table.dataTable td
{
    box-sizing: border-box;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left
{
    text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center
{
    text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right
{
    text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify
{
    text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap
{
    white-space: nowrap;
}

table.dataTable th.dt-empty,
table.dataTable td.dt-empty
{
    text-align: center;
    vertical-align: top;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date
{
    text-align: right;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td
{
    text-align: left;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left
{
    text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center
{
    text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right
{
    text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify
{
    text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap
{
    white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left
{
    text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center
{
    text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right
{
    text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify
{
    text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap
{
    white-space: nowrap;
}

/*
    * Table styles
    */

table.dataTable
{
    width: 100%;
    margin: 0 auto;

    border-spacing: 0;
    /*
      * Header and footer styles
      */
    /*
      * Body styles
      */
}

table.dataTable thead th,
table.dataTable tfoot th
{
    font-weight: bold;
}

table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td
{
    padding: 10px;

    border-bottom: 1px solid rgba(0, 0, 0, .3);
}

table.dataTable > thead > tr > th:active,
table.dataTable > thead > tr > td:active
{
    outline: none;
}

table.dataTable > tfoot > tr > th,
table.dataTable > tfoot > tr > td
{
    padding: 10px 10px 6px 10px;

    border-top: 1px solid rgba(0, 0, 0, .3);
}

table.dataTable > tbody > tr
{
    background: transparent;
}

table.dataTable > tbody > tr:first-child > *
{
    border-top: none;
}

table.dataTable > tbody > tr:last-child > *
{
    border-bottom: none;
}

table.dataTable > tbody > tr.selected > *
{
    color: white;
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .9);
}

table.dataTable > tbody > tr.selected a
{
    color: #090a0b;
}

table.dataTable > tbody > tr > th,
table.dataTable > tbody > tr > td
{
    padding: 8px 10px;
}

table.dataTable.row-border > tbody > tr > *,
table.dataTable.display > tbody > tr > *
{
    border-top: 1px solid rgba(0, 0, 0, .15);
}

table.dataTable.row-border > tbody > tr:first-child > *,
table.dataTable.display > tbody > tr:first-child > *
{
    border-top: none;
}

table.dataTable.row-border > tbody > tr.selected + tr.selected > td,
table.dataTable.display > tbody > tr.selected + tr.selected > td
{
    border-top-color: rgba(13, 110, 253, .65);
    border-top-color: rgba(var(--dt-row-selected), .65);
}

table.dataTable.cell-border > tbody > tr > *
{
    border-top: 1px solid rgba(0, 0, 0, .15);
    border-right: 1px solid rgba(0, 0, 0, .15);
}

table.dataTable.cell-border > tbody > tr > *:first-child
{
    border-left: 1px solid rgba(0, 0, 0, .15);
}

table.dataTable.cell-border > tbody > tr:first-child > *
{
    border-top: 1px solid rgba(0, 0, 0, .3);
}

table.dataTable.stripe > tbody > tr:nth-child(odd) > *,
table.dataTable.display > tbody > tr:nth-child(odd) > *
{
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .023);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), .023);
}

table.dataTable.stripe > tbody > tr:nth-child(odd).selected > *,
table.dataTable.display > tbody > tr:nth-child(odd).selected > *
{
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .923);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .923);
}

table.dataTable.hover > tbody > tr:hover > *,
table.dataTable.display > tbody > tr:hover > *
{
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .035);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), .035);
}

table.dataTable.hover > tbody > tr.selected:hover > *,
table.dataTable.display > tbody > tr.selected:hover > *
{
    box-shadow: inset 0 0 0 9999px #0d6efd !important;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important;
}

table.dataTable.order-column > tbody tr > .sorting_1,
table.dataTable.order-column > tbody tr > .sorting_2,
table.dataTable.order-column > tbody tr > .sorting_3,
table.dataTable.display > tbody tr > .sorting_1,
table.dataTable.display > tbody tr > .sorting_2,
table.dataTable.display > tbody tr > .sorting_3
{
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .019);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), .019);
}

table.dataTable.order-column > tbody tr.selected > .sorting_1,
table.dataTable.order-column > tbody tr.selected > .sorting_2,
table.dataTable.order-column > tbody tr.selected > .sorting_3,
table.dataTable.display > tbody tr.selected > .sorting_1,
table.dataTable.display > tbody tr.selected > .sorting_2,
table.dataTable.display > tbody tr.selected > .sorting_3
{
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .919);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .919);
}

table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_1
{
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .054);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), .054);
}

table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_2
{
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .047);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), .047);
}

table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_3
{
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .039);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), .039);
}

table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_1
{
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .954);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .954);
}

table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_2
{
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .947);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .947);
}

table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_3
{
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .939);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .939);
}

table.dataTable.display > tbody > tr.even > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1
{
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .019);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), .019);
}

table.dataTable.display > tbody > tr.even > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr.even > .sorting_2
{
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .011);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), .011);
}

table.dataTable.display > tbody > tr.even > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr.even > .sorting_3
{
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .003);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), .003);
}

table.dataTable.display > tbody > tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_1
{
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .919);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .919);
}

table.dataTable.display > tbody > tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_2
{
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .911);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .911);
}

table.dataTable.display > tbody > tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_3
{
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .903);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .903);
}

table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1
{
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .082);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), .082);
}

table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2
{
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .074);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), .074);
}

table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3
{
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .062);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), .062);
}

table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1
{
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .982);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .982);
}

table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2
{
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .974);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .974);
}

table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3
{
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .962);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .962);
}

table.dataTable.compact thead th,
table.dataTable.compact thead td,
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td,
table.dataTable.compact tbody th,
table.dataTable.compact tbody td
{
    padding: 4px;
}

/*
    * Control feature layout
    */

div.dt-container
{
    position: relative;

    clear: both;
}

div.dt-container div.dt-layout-row
{
    display: table;
    clear: both;

    width: 100%;
}

div.dt-container div.dt-layout-row.dt-layout-table
{
    display: block;
}

div.dt-container div.dt-layout-row.dt-layout-table div.dt-layout-cell
{
    display: block;
}

div.dt-container div.dt-layout-cell
{
    display: table-cell;

    padding: 5px 0;

    vertical-align: middle;
}

div.dt-container div.dt-layout-cell.dt-full
{
    text-align: center;
}

div.dt-container div.dt-layout-cell.dt-start
{
    text-align: left;
}

div.dt-container div.dt-layout-cell.dt-end
{
    text-align: right;
}

div.dt-container div.dt-layout-cell:empty
{
    display: none;
}

div.dt-container .dt-search input
{
    margin-left: 3px;
    padding: 5px;

    color: inherit;
    border: 1px solid #aaa;
    border-radius: 3px;
    background: transparent;
}

div.dt-container .dt-input
{
    padding: 5px;

    color: inherit;
    border: 1px solid #aaa;
    border-radius: 3px;
    background: transparent;
}

div.dt-container select.dt-input
{
    padding: 4px;
}

div.dt-container .dt-paging .dt-paging-button
{
    display: inline-block;

    box-sizing: border-box;
    min-width: 1.5em;
    margin-left: 2px;
    padding: .5em 1em;

    cursor: pointer;
    text-align: center;
    text-decoration: none !important;

    color: inherit !important;
    border: 1px solid transparent;
    border-radius: 2px;
    background: transparent;
}

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover
{
    color: inherit !important;
    border: 1px solid rgba(0, 0, 0, .3);
    background: rgba(0, 0, 0, .05);
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* FF3.6+ */
    /* IE10+ */
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, rgba(230, 230, 230, .05) 0%, rgba(0, 0, 0, .05) 100%);
    /* W3C */
}

div.dt-container .dt-paging .dt-paging-button.disabled,
div.dt-container .dt-paging .dt-paging-button.disabled:hover,
div.dt-container .dt-paging .dt-paging-button.disabled:active
{
    cursor: default;

    color: rgba(0, 0, 0, .5) !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

div.dt-container .dt-paging .dt-paging-button:hover
{
    color: white !important;
    border: 1px solid #111;
    background: #111;
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* FF3.6+ */
    /* IE10+ */
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #585858 0%, #111 100%);
    /* W3C */
}

div.dt-container .dt-paging .dt-paging-button:active
{
    outline: none;
    background: #0c0c0c;
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* FF3.6+ */
    /* IE10+ */
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    /* W3C */
    box-shadow: inset 0 0 3px #111;
}

div.dt-container .dt-paging .ellipsis
{
    padding: 0 1em;
}

div.dt-container .dt-length,
div.dt-container .dt-search,
div.dt-container .dt-info,
div.dt-container .dt-processing,
div.dt-container .dt-paging
{
    color: inherit;
}

div.dt-container .dataTables_scroll
{
    clear: both;
}

div.dt-container .dataTables_scroll div.dt-scroll-body
{
    -webkit-overflow-scrolling: touch;
}

div.dt-container
.dataTables_scroll
div.dt-scroll-body > table > thead > tr > th,
div.dt-container
.dataTables_scroll
div.dt-scroll-body > table > thead > tr > td,
div.dt-container
.dataTables_scroll
div.dt-scroll-body > table > tbody > tr > th,
div.dt-container
.dataTables_scroll
div.dt-scroll-body > table > tbody > tr > td
{
    vertical-align: middle;
}

div.dt-container
.dataTables_scroll
div.dt-scroll-body > table > thead > tr > th > div.dataTables_sizing,
div.dt-container
.dataTables_scroll
div.dt-scroll-body > table > thead > tr > td > div.dataTables_sizing,
div.dt-container
.dataTables_scroll
div.dt-scroll-body > table > tbody > tr > th > div.dataTables_sizing,
div.dt-container
.dataTables_scroll
div.dt-scroll-body > table > tbody > tr > td > div.dataTables_sizing
{
    overflow: hidden;

    height: 0;
    margin: 0 !important;
    padding: 0 !important;
}

div.dt-container.dt-empty-footer tbody > tr:last-child > *
{
    border-bottom: 1px solid rgba(0, 0, 0, .3);
}

div.dt-container.dt-empty-footer .dt-scroll-body
{
    border-bottom: 1px solid rgba(0, 0, 0, .3);
}

div.dt-container.dt-empty-footer .dt-scroll-body tbody > tr:last-child > *
{
    border-bottom: none;
}

@media screen and (max-width: 767px)
{
    div.dt-container div.dt-layout-row
    {
        display: block;
    }

    div.dt-container div.dt-layout-cell
    {
        display: block;
    }

    div.dt-container div.dt-layout-cell.dt-full,
    div.dt-container div.dt-layout-cell.dt-start,
    div.dt-container div.dt-layout-cell.dt-end
    {
        text-align: center;
    }
}

@media screen and (max-width: 640px)
{
    .dt-container .dt-length,
    .dt-container .dt-search
    {
        float: none;

        text-align: center;
    }

    .dt-container .dt-search
    {
        margin-top: .5em;
    }
}

html.dark
{
    --dt-row-hover: 255, 255, 255;
    --dt-row-stripe: 255, 255, 255;
    --dt-column-ordering: 255, 255, 255;
}

html.dark table.dataTable > thead > tr > th,
html.dark table.dataTable > thead > tr > td
{
    border-bottom: 1px solid #595b5e;
}

html.dark table.dataTable > thead > tr > th:active,
html.dark table.dataTable > thead > tr > td:active
{
    outline: none;
}

html.dark table.dataTable > tfoot > tr > th,
html.dark table.dataTable > tfoot > tr > td
{
    border-top: 1px solid #595b5e;
}

html.dark table.dataTable.row-border > tbody > tr > *,
html.dark table.dataTable.display > tbody > tr > *
{
    border-top: 1px solid #404346;
}

html.dark table.dataTable.row-border > tbody > tr:first-child > *,
html.dark table.dataTable.display > tbody > tr:first-child > *
{
    border-top: none;
}

html.dark table.dataTable.row-border > tbody > tr.selected + tr.selected > td,
html.dark table.dataTable.display > tbody > tr.selected + tr.selected > td
{
    border-top-color: rgba(13, 110, 253, .65);
    border-top-color: rgba(var(--dt-row-selected), .65);
}

html.dark table.dataTable.cell-border > tbody > tr > th,
html.dark table.dataTable.cell-border > tbody > tr > td
{
    border-top: 1px solid #404346;
    border-right: 1px solid #404346;
}

html.dark table.dataTable.cell-border > tbody > tr > th:first-child,
html.dark table.dataTable.cell-border > tbody > tr > td:first-child
{
    border-left: 1px solid #404346;
}

html.dark .dt-container.dt-empty-footer table.dataTable
{
    border-bottom: 1px solid #595b5e;
}

html.dark .dt-container .dt-search input,
html.dark .dt-container .dt-length select
{
    border: 1px solid rgba(255, 255, 255, .2);
    background: var(--dt-html-background);
}

html.dark .dt-container .dt-paging .dt-paging-button.current,
html.dark .dt-container .dt-paging .dt-paging-button.current:hover
{
    border: 1px solid #595b5e;
    background: rgba(255, 255, 255, .15);
}

html.dark .dt-container .dt-paging .dt-paging-button.disabled,
html.dark .dt-container .dt-paging .dt-paging-button.disabled:hover,
html.dark .dt-container .dt-paging .dt-paging-button.disabled:active
{
    color: #666 !important;
}

html.dark .dt-container .dt-paging .dt-paging-button:hover
{
    border: 1px solid #353535;
    background: #353535;
}

html.dark .dt-container .dt-paging .dt-paging-button:active
{
    background: #3a3a3a;
}

/*
    * Overrides for RTL support
    */

*[dir='rtl'] table.dataTable thead th,
*[dir='rtl'] table.dataTable thead td,
*[dir='rtl'] table.dataTable tfoot th,
*[dir='rtl'] table.dataTable tfoot td
{
    text-align: right;
}

*[dir='rtl'] table.dataTable th.dt-type-numeric,
*[dir='rtl'] table.dataTable th.dt-type-date,
*[dir='rtl'] table.dataTable td.dt-type-numeric,
*[dir='rtl'] table.dataTable td.dt-type-date
{
    text-align: left;
}

*[dir='rtl'] div.dt-container div.dt-layout-cell.dt-start
{
    text-align: right;
}

*[dir='rtl'] div.dt-container div.dt-layout-cell.dt-end
{
    text-align: left;
}

*[dir='rtl'] div.dt-container div.dt-search input
{
    margin: 0 3px 0 0;
}

table.dataTable > tbody > tr > .selected
{
    color: white;
    background: rgba(13, 110, 253, .9);
}

table.dataTable > tbody > tr > .dt-select
{
    text-align: center;
    vertical-align: middle;
}

table.dataTable > thead > tr > .dt-select
{
    text-align: center;
}

table.dataTable input.dt-select-checkbox
{
    font-size: 20px;
    line-height: 1em;

    position: relative;

    display: inline-block;

    width: 12px;
    height: 12px;
    margin-top: 1px;

    vertical-align: middle;

    color: inherit;
    border: 1px solid;
    border-radius: 3px;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

table.dataTable input.dt-select-checkbox:checked:after
{
    display: block;

    margin-top: -8px;

    content: '✓';
}

table.dataTable input.dt-select-checkbox:indeterminate:after
{
    position: absolute;
    top: 3px;
    left: 3px;

    display: block;

    width: 4px;
    height: 4px;

    content: ' ';

    border-radius: 2px;
    background: black;
}

table.dataTable > tbody > tr.selected input.dt-select-checkbox:checked
{
    border: 1px solid;
}

table.dataTable > tbody > tr > td.select-checkbox,
table.dataTable > tbody > tr > th.select-checkbox
{
    position: relative;
}

table.dataTable > tbody > tr > td.select-checkbox:before,
table.dataTable > tbody > tr > th.select-checkbox:before
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    box-sizing: border-box;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;

    content: ' ';

    border: 1px solid;
    border-radius: 3px;
}

table.dataTable > tbody > tr.selected > td.select-checkbox:before,
table.dataTable > tbody > tr.selected > th.select-checkbox:before
{
    font-size: 20px;
    line-height: 6px;

    content: '✓';
    text-align: center;

    border: 1px solid;
}

table.dataTable.compact > tbody > tr > td.select-checkbox:before,
table.dataTable.compact > tbody > tr > th.select-checkbox:before
{
    margin-top: -12px;
}

table.dataTable.compact > tbody > tr.selected > td.select-checkbox:after,
table.dataTable.compact > tbody > tr.selected > th.select-checkbox:after
{
    margin-top: -16px;
}

div.dt-container span.select-info,
div.dt-container span.select-item
{
    margin-left: .5em;
}

html.dark table.dataTable input.dt-select-checkbox:indeterminate:after,
html[data-bs-theme='dark']
table.dataTable
input.dt-select-checkbox:indeterminate:after
{
    background: white;
}

@media screen and (max-width: 640px)
{
    div.dt-container span.select-info,
    div.dt-container span.select-item
    {
        display: block;

        margin-left: 0;
    }
}

/* Хедер
   ========================================================================== */

.page-header
{
    border-bottom: 1px solid rgba(33, 33, 33, .15);
    background: #fff;
}

@media (max-width: 1025px)
{
    .page-header
    {
        z-index: 50;
    }

    .page-header .mw-96
    {
        max-width: 100%;
    }
}

.page-header--dealer
{
    background: #262626;
}

.page-header--dealer .main-nav__link
{
    color: #fff;
}

.page-header--dealer .page-header__nav
{
    margin-right: auto;
}

.page-header--dealer .page-header__profile
{
    padding-left: 0;
}

.page-header__wrapper
{
    display: flex;

    padding-top: 30px;
    padding-bottom: 30px;

    align-items: center;
}

@media (max-width: 1170px)
{
    .page-header__wrapper
    {
        flex-wrap: wrap;
    }
}

@media (max-width: 1025px)
{
    .page-header__wrapper
    {
        position: relative;

        padding: 10px 12px;

        justify-content: space-between;
    }
}

.page-header__logo
{
    flex-shrink: 0;
}

.page-header__nav
{
    margin-left: auto;
}

@media (max-width: 1170px)
{
    .page-header__nav
    {
        width: 100%;

        order: 3;
    }
}

@media (max-width: 1025px)
{
    .page-header__nav
    {
        position: absolute;
        z-index: 50;
        top: 55px;
        left: 0;

        visibility: hidden;

        transition: .2s;

        opacity: 0;
        border-top: .5px solid #000;
        background-color: #fff;
    }
}

.page-header__nav--open.page-header__nav
{
    visibility: visible;

    opacity: 1;
}

.page-header__profile
{
    position: relative;

    padding-left: 80px;

    flex-shrink: 0;
}

@media (max-width: 1380px)
{
    .page-header__profile
    {
        padding-left: 40px;
    }
}

@media (max-width: 1170px)
{
    .page-header__profile
    {
        margin-left: auto;
    }
}

@media (max-width: 1025px)
{
    .page-header__profile
    {
        margin-left: 0;
        padding-left: 0;
    }
}

.page-header__profile-icon
{
    cursor: pointer;
}

.page-header__profile-icon img
{
    width: 30px;
    height: 30px;

    border-radius: 50%;
}

.page-header__profile-dropdown
{
    position: absolute;
    top: 0;
    right: -15px;

    max-width: -moz-max-content;
    max-width:      max-content;
    margin-top: 40px;
}

.page-header__search
{
    min-width: 400px;
    margin-right: 20px;
    margin-left: 20px;
}

.page-header__notification
{
    display: flex;

    margin-right: 20px;

    align-items: center;
}

.page-header__notification-icon
{
    position: relative;

    cursor: pointer;
    transition: 200ms linear;
}

.page-header__notification-icon:hover
{
    opacity: .8;
}

.page-header__notification-icon svg
{
    display: block;

    width: 20px;
    height: 20px;

    fill: #5e5e5e;
}

.page-header__notification-point
{
    position: absolute;
    top: -4px;
    right: 0;

    width: 8px;
    height: 8px;

    border-radius: 50%;
    background: red;
}

.page-header__icons
{
    display: flex;

    margin-left: 80px;
}

.page-header--login
{
    border-bottom: 0;
    background: #f7f7f7;
}

.page-header--login .page-header__wrapper
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.page-header--login .logo
{
    padding: 0;
}

.page-header--support
{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';
}

.page-header--support .page-header__top
{
    background: #000;
}

.page-header--support .page-header__top-wrapper
{
    display: flex;

    padding-top: 8px;
    padding-bottom: 8px;

    justify-content: space-between;
}

.page-header--support .page-header__wrapper
{
    display: block;

    padding: 0;
}

.page-header--support .page-header__profile
{
    padding-left: 0;
}

.page-header--support .logo img
{
    height: 40px;
}

/* Футер
   ========================================================================== */

.page-footer
{
    font-size: 12px;

    background: black;
}

.page-footer__wrapper
{
    display: flex;

    padding-top: 12px;
    padding-bottom: 12px;

    color: #fff;

    justify-content: space-between;
}

@media (max-width: 1025px)
{
    .page-footer__wrapper
    {
        flex-direction: column;

        align-items: flex-start;
    }
}

.page-footer__copyrights
{
    margin-right: 15px;
    margin-left: 15px;
}

@media (max-width: 1025px)
{
    .page-footer__copyrights
    {
        margin-right: 0;
        margin-bottom: 5px;
        margin-left: 0;
    }
}

.page-footer__links
{
    display: flex;

    align-items: center;
}

@media (max-width: 1025px)
{
    .page-footer__links
    {
        flex-direction: column;

        align-items: flex-start;
    }
}

.page-footer__link
{
    margin-right: 15px;
    margin-left: 15px;

    color: #fff;
}

@media (max-width: 1025px)
{
    .page-footer__link
    {
        margin-right: 0;
        margin-left: 0;
    }
}

.page-footer__link:hover
{
    text-decoration: underline;
}

/* Кнопки
   ========================================================================== */

.btn
{
    font-size: 13px;
    line-height: 30px;

    display: inline-flex;

    width: auto;
    height: 31.6px;
    padding: 0 16px;

    cursor: pointer;
    transition: border .15s linear;
    text-align: center;
    white-space: nowrap;

    border-radius: 4px;

    align-items: center;
    justify-content: center;
}

.btn--primary
{
    color: white;
    border: .8px solid #fed100;
    background: #fed100;
}

.btn--primary:hover
{
    border-color: #cba700;
    background: #cba700;
}

.btn--secondary
{
    color: #fed100;
    border: .8px solid #d4d4d4;
    background: white;
}

.btn--secondary:hover
{
    color: #cba700;
    background: rgba(254, 209, 0, .05);
}

.btn--black
{
    color: white;
    border: .8px solid #d4d4d4;
    background: black;
}

.btn--black:hover
{
    color: white;
    background: rgba(0, 0, 0, .8);
}

.buttons .btn
{
    margin-right: 8px;
}

.buttons .btn:last-child
{
    margin-right: 0;
}

.login-btn
{
    font-size: 13px;

    display: inline-flex;

    width: auto;
    height: 55px;
    padding: 20px 16px;

    cursor: pointer;
    transition: border .15s linear;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;

    color: #000;
    border: 1.6px outset #f3f3f3;
    background: #fd0;

    align-items: center;
    justify-content: center;
}

@media (max-width: 600px)
{
    .login-btn
    {
        font-size: 12px;

        width: 100%;
        height: 50px;
        padding-right: 10px;
        padding-left: 10px;

        white-space: normal;
    }
}

.login-btn:active
{
    border-style: inset;
}

.login-btn.disabled,
.login-btn[disabled]
{
    cursor: not-allowed;

    background: #f3f3f3;
}

.login-btn.disabled:focus,
.login-btn.disabled:active,
.login-btn[disabled]:focus,
.login-btn[disabled]:active
{
    border-style: outset;
    box-shadow: none;
}

.banner-btn
{
    font-size: 12px;
    line-height: 30px;

    position: relative;

    display: block;
    overflow: hidden;

    min-width: 135px;
    max-width: 100%;
    padding: 5px 24px;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    transition: all .2s ease;
    text-align: center;
    text-wrap: nowrap;
    text-overflow: ellipsis;

    color: #000;
    border: 1.6px solid transparent;
    border-radius: 3px;
    background: #fd0;

    -webkit-text-decoration-color: #000;
            text-decoration-color: #000;
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
    white-space-collapse: collapse;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.banner-btn--orange
{
    background: #f1911f;
}

.banner-btn:hover,
.banner-btn:focus
{
    color: #fff;
}

.mini-banner-btn
{
    font-size: 12px;
    line-height: 30px;

    position: relative;

    display: inline-flex;

    width: 270px;
    padding: 5px 0;

    cursor: pointer;
    transition: border .15s linear;
    text-align: center;
    text-wrap: wrap;
    -webkit-hyphens: auto;
            hyphens: auto;

    color: #000;
    border: .8px solid #fed100;
    border-radius: 3px;
    outline: 0;
    background: #fed100;

    align-items: center;
    justify-content: center;
    -webkit-text-decoration-color: #fff;
            text-decoration-color: #fff;
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
    white-space-collapse: collapse;
    overflow-wrap: break-word;
}

.mini-banner-btn:hover,
.mini-banner-btn:focus
{
    color: #fff;
    border: .8px solid #cba700;
    background: #cba700;
}

.filter-btn
{
    font-size: 0;
    line-height: 13px;

    position: relative;

    display: inline-flex;
    overflow: visible;

    box-sizing: border-box;
    width: 32px;
    height: 32px;
    padding: 0;

    cursor: pointer;
    transition: border .15s linear;
    text-align: center;
    vertical-align: middle;
    text-wrap: wrap;

    color: #747474;
    border: .8px solid #747474;
    border-radius: 4px;
    background: #fff;

    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    -webkit-text-decoration-color: #747474;
            text-decoration-color: #747474;
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    -webkit-text-decoration-style: solid;
            text-decoration-style: solid;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

.filter-btn:hover .filter-btn__icon
{
    fill: #864f01;
}

.filter-btn__icon
{
    width: 14px;
    height: 14px;

    fill: #747474;
}

.refresh-btn
{
    font-size: 0;
    line-height: 13px;

    position: relative;

    display: inline-flex;
    overflow: visible;

    box-sizing: border-box;
    width: 32px;
    height: 32px;
    padding: 0;

    cursor: pointer;
    transition: border .15s linear;
    text-align: center;
    vertical-align: middle;
    text-wrap: wrap;

    color: #747474;
    border: .8px solid #747474;
    border-radius: 4px;
    background: #fff;

    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    -webkit-text-decoration-color: #747474;
            text-decoration-color: #747474;
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    -webkit-text-decoration-style: solid;
            text-decoration-style: solid;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

.refresh-btn:hover .refresh-btn__icon
{
    fill: #864f01;
}

.refresh-btn__icon
{
    width: 14px;
    height: 14px;

    fill: #747474;
}

.buttons-csv
{
    font-size: 0;
    line-height: 13px;

    position: relative;

    display: inline-flex;
    overflow: visible;

    box-sizing: border-box;
    width: 32px;
    height: 32px;
    padding: 0;

    cursor: pointer;
    transition: border .15s linear;
    text-align: center;
    vertical-align: middle;
    text-wrap: wrap;

    color: #747474;
    border: .8px solid #747474;
    border-radius: 4px;
    background: #fff;

    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    -webkit-text-decoration-color: #747474;
            text-decoration-color: #747474;
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    -webkit-text-decoration-style: solid;
            text-decoration-style: solid;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

.buttons-csv:hover .icon-download
{
    fill: #864f01;
}

.buttons-csv .icon-download
{
    width: 14px;
    height: 14px;

    fill: #747474;
}

.buttons-colvis
{
    font-size: 0;
    line-height: 13px;

    position: relative;

    display: inline-flex;
    overflow: visible;

    box-sizing: border-box;
    width: auto;
    height: 32px;
    padding: 0;

    cursor: pointer;
    transition: border .15s linear;
    text-align: center;
    vertical-align: middle;
    text-wrap: wrap;

    color: #747474;
    border: .8px solid #747474;
    border-radius: 4px;
    background: #fff;

    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    -webkit-text-decoration-color: #747474;
            text-decoration-color: #747474;
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    -webkit-text-decoration-style: solid;
            text-decoration-style: solid;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

.buttons-colvis:hover .icon-settings
{
    fill: #864f01;
}

.buttons-colvis .icon-settings
{
    width: 14px;
    height: 14px;

    fill: #747474;
}

.buttons-collection-wrapper
{
    position: relative;
}

.buttons-collection-wrapper .dt-button-collection
{
    position: absolute;
    z-index: 200;

    width: auto;
    min-width: 150px;
    padding: .5rem 0;

    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    background: #ccc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.buttons-collection-wrapper .dt-button-collection > div
{
    display: flex;
    flex-direction: column;
}

.buttons-collection-wrapper .dt-button-collection .dt-button
{
    font-size: 14px;

    width: 100%;
    padding: 5px 10px;
    padding-top: 5px;
    padding-bottom: 5px;

    cursor: pointer;
    text-align: left;

    border: 0;
    background: #f3f3f3;
}

.buttons-collection-wrapper .dt-button-collection .dt-button.dt-button-active
{
    background: transparent;
}

.buttons-collection-wrapper .dt-button-collection .dt-button span
{
    white-space: nowrap;
}

.buttons-collection
{
    display: inline-flex;

    padding-right: 8px;
    padding-left: 8px;
}

.buttons-collection:hover .buttons-collection__arrow
{
    fill: #864f01;
}

.buttons-collection__arrow
{
    width: 8px;
    height: 8px;
    margin-left: 4px;
}

.editbtns
{
    display: none;

    width: 100%;

    pointer-events: none;
}

.editbtns--fixed
{
    position: fixed;
    z-index: 50;
    top: 50%;

    transform: translateY(-50%);
}

.editbtns--fixed .btn--secondary:hover
{
    background: #f7f7f7;
}

.editbtns .btn
{
    pointer-events: all;
}

body.edit .editbtns
{
    display: block;
}

.btn-pirelli
{
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 24px;

    display: inline-flex;
    flex-direction: row;

    padding: 10px 18px;

    cursor: pointer;
    transition: all .3s ease;
    white-space: nowrap;

    color: #1f1f1f;
    border-radius: 4px;

    justify-content: center;
    align-items: center;
    gap: 8px;
}

.btn-pirelli__icon svg
{
    display: block;

    width: 24px;
    height: 24px;
}

.btn-pirelli__icon svg path
{
    transition: all .3s ease;
}

.btn-pirelli--yellow
{
    border: 1px solid #fd0;
    background: #fd0;
}

.btn-pirelli--yellow:hover
{
    color: #fcfcfc;
    border-color: #1f1f1f;
    background: #1f1f1f;
}

.btn-pirelli--yellow:hover svg path
{
    stroke: #fcfcfc;
}

.btn-pirelli--orange
{
    border: 1px solid #f1911f;
    background: #f1911f;
}

.btn-pirelli--orange:hover
{
    color: #fcfcfc;
    border-color: #1f1f1f;
    background: #1f1f1f;
}

.btn-pirelli--orange:hover svg path
{
    stroke: #fcfcfc;
}

.btn-pirelli--white
{
    border: 1px solid #fff;
    background: #fff;
}

.btn-pirelli--white:hover
{
    color: #1f1f1f;
    border-color: #707070;
    background: #f1f1f1;
}

/* Логотип
   ============================================== */

.logo
{
    display: block;

    margin-right: 16px;

    white-space: nowrap;
}

@media (max-width: 1025px)
{
    .logo
    {
        margin-right: 0;
    }
}

.logo img
{
    display: block;

    width: auto;
    height: 50px;
}

@media (max-width: 1025px)
{
    .logo img
    {
        height: 32px;
    }
}

/* Форма
   ============================================== */

.form__fieldset
{
    padding: 0;

    border: 0;
}

/* Форма
   ============================================== */

.form-block__title
{
    padding-left: 16px;
}

.form-block__body
{
    display: flex;

    padding: 16px;

    flex-wrap: wrap;
    align-items: flex-start;
}

/* Форма информации
   ============================================== */

.information__accordion-title
{
    padding-right: 16px;
    padding-left: 16px;
}

.information__accordion-titleText
{
    font-size: 16px;
    line-height: 30px;

    position: relative;

    display: block;

    padding-right: 8px;
    padding-left: 30px;

    border-radius: 4px;
}

.information__accordion-titleText:hover
{
    background: #f3f3f3;
}

.information__accordion-titleIcon
{
    position: absolute;
    top: 8px;
    left: 8px;

    width: 14px;
    height: 14px;

    transition: transform .4s ease-in-out;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

.information__accordion-titleIcon svg
{
    display: block;

    width: 100%;
}

.information__editBtns
{
    display: none;

    padding-top: 10px;
    padding-bottom: 10px;
}

.information.edit .information__editBtns
{
    display: block;
}

.information .accordion__section
{
    margin-top: 8px;
    margin-bottom: 8px;
}

.information .accordion__section:first-child
{
    margin-top: 0;
}

/* Форма информации
   ============================================== */

.information-block
{
    display: flex;

    flex-wrap: wrap;
    align-items: flex-start;
}

.information-block.edit .information__editBtns
{
    display: block;
}

.information-block .information__editBtns
{
    width: 100%;
}

/* Форма
   ============================================== */

.form-group
{
    padding: 16px;
}

@media (max-width: 1025px)
{
    .form-group.l-w-50
    {
        width: 100%;
    }

    .form-group.l-w-33
    {
        width: 100%;
    }
}

@media (max-width: 600px)
{
    .form-group
    {
        padding: 12px;
    }
}

.form-group__label
{
    font-size: 12px;

    display: inline-block;

    margin-bottom: 2px;
    padding-top: 4px;
    padding-right: 8px;

    color: rgba(0, 0, 0, .6);
}

.form-group__body + .form-group__body
{
    margin-top: 8px;
}

.form-group__text
{
    font-size: 12px;
}

.form-group__required
{
    color: #ea001e;
}

.form-group--has-error .form-group__text
{
    color: #ea001e;
}

.form-group--has-error .form-control
{
    border: .8px solid #ea001e;
    border-color: #ea001e;
    box-shadow: #ea001e 0 0 0 1px inset;
}

.form-group--has-error .choices__inner
{
    border: .8px solid #ea001e;
    border-color: #ea001e;
    box-shadow: #ea001e 0 0 0 1px inset;
}

/* Форма информации
   ============================================== */

.information-group
{
    padding: 0 28px;
}

@media (max-width: 1025px)
{
    .information-group
    {
        padding: 0 14px;
    }
}

@media (max-width: 769px)
{
    .information-group.l-w-50
    {
        width: 100%;
    }
}

.information-group .form-group__required
{
    display: none;
}

.information-group .form-control
{
    display: none;
}

.information-group .choices
{
    display: none;
}

.information-group.l-w-100
{
    padding: 0;
}

.information-group__wrapper
{
    border-bottom: .8px solid #d4d4d4;
}

.information-group__label
{
    font-size: 12px;

    display: inline-block;

    margin-bottom: 2px;
    padding-top: 4px;
    padding-right: 8px;

    color: rgba(0, 0, 0, .6);
}

.information-group__body + .form-group__body
{
    margin-top: 8px;
}

.information-group__text
{
    font-size: 12px;
}

.information-group__required
{
    color: #ea001e;
}

.information-group--has-error .form-group__text
{
    color: #ea001e;
}

.information-group--has-error .form-control
{
    border: .8px solid #ea001e;
    border-color: #ea001e;
    box-shadow: #ea001e 0 0 0 1px inset;
}

.information-group.edited .form-group__required
{
    display: inline-block;
}

.information-group.edited .information-control
{
    display: none;
}

.information-group.edited .form-control
{
    display: block;
}

.information-group.edited .form-control.form-custom-select
{
    display: none;
}

.information-group.edited .choices
{
    display: block;
}

/* Форма
   ============================================== */

.form-control
{
    font-size: 13px;
    line-height: 100%;

    display: block;

    width: 100%;
    min-height: 32px;
    margin-top: 0;
    padding: 0 12px;
    padding-right: 16px;

    transition: border .1s linear, background-color .1s linear;

    color: #747474;
    border: .8px solid #c9c9c9;
    border-radius: 4px;
    outline: 0;
    background: white;
    box-shadow: none;

    text-rendering: auto;
    writing-mode: horizontal-tb;
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
}

.form-control.disabled,
.form-control[disabled]
{
    cursor: not-allowed;

    background: #f3f3f3;
}

.form-control.disabled:focus,
.form-control.disabled:active,
.form-control[disabled]:focus,
.form-control[disabled]:active
{
    box-shadow: none;
}

.form-control:focus,
.form-control:active
{
    border: .8px solid #b5cadb;
    box-shadow: 0 0 3px 0 #fed100;
}

.form-control[type='checkbox']
{
    position: absolute;

    overflow: hidden;
    clip: rect(0 0 0 0);

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;

    pointer-events: auto;

    border: 0;
}

.form-control[type='checkbox']:checked + .form-checkbox .form-checkbox__icon
{
    border-color: #1b96ff;
    box-shadow: #fed100 0 0 3px 0;
}

.form-control[type='checkbox']:checked + .form-checkbox .form-checkbox__icon:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 8px;
    height: 4px;

    content: '';
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);

    border-bottom: 1.6px #fed100 solid;
    border-left: 1.6px #fed100 solid;
}

.form-control[type='radio']
{
    position: absolute;

    overflow: hidden;
    clip: rect(0 0 0 0);

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;

    pointer-events: auto;

    border: 0;
}

.form-control[type='radio']:checked + .form-checkbox .form-checkbox__icon
{
    border-color: #1b96ff;
    box-shadow: #fed100 0 0 3px 0;
}

.form-control[type='radio']:checked + .form-checkbox .form-checkbox__icon:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 8px;
    height: 4px;

    content: '';
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);

    border-bottom: 1.6px #fed100 solid;
    border-left: 1.6px #fed100 solid;
}

.form-control[type='search']
{
    padding-right: 8px;
    padding-left: 32px;
}

.form-control[type='date']
{
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
}

textarea.form-control
{
    padding: 12px;
}

/* Форма информации
   ============================================== */

.information-control
{
    display: flex;

    padding: 2px 0;

    flex-wrap: wrap;
}

.information-control__text
{
    min-height: 21px;

    flex-grow: 1;
}

.information-control__text a
{
    color: #005fb2;
}

.information-control__text a:hover
{
    text-decoration: underline;

    color: #004989;
}

.information-control__text img
{
    max-height: 21px;
}

.information-control__btn
{
    line-height: 13px;

    position: absolute;
    right: 0;
    bottom: 3px;

    display: flex;
    visibility: visible;
    overflow: visible;

    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    text-align: center;
    vertical-align: middle;

    color: #747474;
    border: .8px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    background: rgba(0, 0, 0, 0);

    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    -webkit-text-decoration-color: #747474;
            text-decoration-color: #747474;
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    -webkit-text-decoration-style: solid;
            text-decoration-style: solid;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.information-control__btn:hover svg
{
    fill: #0176d3;
}

.information-control__btn svg
{
    width: 14px;
    height: 14px;

    fill: #747474;
}

.information-control__map
{
    width: 100%;
    margin-top: 10px;
}

.information-control--editable
{
    position: relative;

    padding-right: 25px;
}

/* Форма
   ============================================== */

.form-checkbox
{
    display: inline-flex;

    align-items: center;
}

.form-checkbox__label
{
    margin-bottom: 3px;
    padding-top: 4px;
    padding-right: 8px;
}

.form-checkbox__icon
{
    position: relative;

    display: inline-block;

    width: 16px;
    height: 16px;
    margin-right: 8px;

    vertical-align: middle;

    color: rgba(0, 0, 0, .8);
    border: .8px solid #d4d4d4;
    background: white;

    flex-shrink: 0;
}

/* Форма
   ============================================== */

.form-fileUpload
{
    display: flex;

    padding: 2px;

    border: .8px dashed #d4d4d4;

    align-items: center;
}

.form-fileUpload__input
{
    display: none;
}

.form-fileUpload__fileName
{
    color: #ea001e;
}

.form-fileUpload__button:hover .form-fileUpload__icon
{
    fill: #cba700;
}

.form-fileUpload__icon
{
    line-height: 30px;

    width: 14px;
    height: 14px;
    margin-right: 8px;

    fill: #fed100;
}

.form-fileUpload__text
{
    margin-right: 12px;
    margin-left: 8px;

    color: rgba(0, 0, 0, .6);
}

.form-fileUpload.dragover
{
    border-style: solid;
    border-color: #1b96ff;
    box-shadow: #0176d3 0 0 3px 0;
}

/* Форма
   ============================================== */

.form-search
{
    position: relative;
}

.form-search__icon
{
    line-height: 1;

    position: absolute;
    z-index: 2;
    top: 50%;
    left: 12px;

    width: 14px;
    height: 14px;
    margin-top: -.4375rem;

    pointer-events: none;

    border: 0;

    fill: #aeaeae;
}

/* Текстовое поле в форме
   ============================================== */

.field-text
{
    display: block;

    margin-bottom: 32px;
}

@media (max-width: 769px)
{
    .field-text
    {
        margin-bottom: 28px;
    }
}

.field-text:last-child
{
    margin-bottom: 0;
}

.field-text__input-wrap
{
    position: relative;

    display: block;
}

.field-text__input-wrap--not-empty .field-text__label
{
    top: -9px;
    left: 15px;
}

.field-text__input
{
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 120%;

    display: inline-block;

    width: 100%;
    height: 56px;
    margin: 0;
    padding: 12px 16px 12px 20px;

    vertical-align: middle;
    /* 19.2px */
    letter-spacing: -.16px;

    color: #333;
    border: 0;
    border: 1px solid var(--light-theme-gray-10-lines, #e6e6e6);
    border-radius: 10px;
    border-radius: 12px;
    background: #fafafa;

       -moz-appearance: textfield;
    -webkit-appearance: textfield;
            appearance: textfield;
}

@media (max-width: 769px)
{
    .field-text__input
    {
        font-size: 15px;
        font-weight: 400;
        font-style: normal;
        line-height: 120%;
        /* 18px */

        letter-spacing: -.15px;
    }
}

.field-text__input:focus
{
    border: 1px solid var(--light-theme-gray-50, #bababa);
    outline: 0;
}

.field-text__input[disabled],
.field-text__input[readonly]
{
    cursor: not-allowed;
}

.field-text__input::-webkit-search-cancel-button,
.field-text__input::-webkit-search-decoration,
.field-text__input::-webkit-inner-spin-button,
.field-text__input::-webkit-outer-spin-button
{
    -webkit-appearance: none;
}

.field-text__input[type='color']
{
    padding: 0;
}

.field-text__input::-moz-placeholder
{
    opacity: 1;
    color: #fff;
}

.field-text__input::placeholder
{
    opacity: 1;
    color: #fff;
}

.field-text__input:focus + .field-text__label
{
    top: -9px;
    left: 15px;
}

textarea.field-text__input
{
    height: 94px;

    resize: vertical;
}

.field-text__input-button
{
    position: absolute;
    top: 20px;
    right: 21px;

    display: none;

    width: 16px;
    height: 16px;

    cursor: pointer;

    background: url(../img/cross-gray.svg);
}

.field-text__input-button--show
{
    display: block;
}

.field-text__label
{
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 120%;

    position: absolute;
    top: 20px;
    left: 20px;

    padding-right: 5px;
    padding-left: 5px;

    transition: .2s;
    /* 19.2px */
    letter-spacing: -.16px;
    pointer-events: none;

    color: #aaa;
    background: #fafafa;
}

@media (max-width: 769px)
{
    .field-text__label
    {
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        line-height: 120%;
        /* 16.8px */

        letter-spacing: -.14px;
    }
}

.field-text__label .text-red
{
    padding-left: 2px;
}

.field-text__help-text
{
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 120%;

    padding-left: 16px;
    /* 16.8px */

    letter-spacing: -.14px;
}

.field-text__help-text:empty
{
    padding-left: 0;
}

.field-text--error .field-text__help-text
{
    color: #d14007;
}

.field-text--error .field-text__input
{
    border: 1px solid var(--primary-colors-red, #d14007);
}

.field-text--ok .field-text__input
{
    box-shadow: none;
}

.field-text--ok .field-text__input-button
{
    pointer-events: none;

    background: url(../img/icon-ok.svg);
}

/* Действия формы
   ============================================== */

.field-actions
{
    margin-top: 32px;
}

.field-actions .btn
{
    width: 100%;

    flex-shrink: 0;
}

.field-actions__disclaimer
{
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 120%;

    margin-top: 32px;

    text-align: center;
    /* 16.8px */
    letter-spacing: -.14px;

    color: #aaa;
}

@media (max-width: 769px)
{
    .field-actions__disclaimer
    {
        margin-top: 20px;
    }
}

.field-actions__disclaimer a
{
    text-decoration: underline;

    color: #aaa;
}

.field-actions__disclaimer a:hover
{
    text-decoration: none;

    color: #333;
}

/* Селект
   ============================================== */

.field-select
{
    display: block;

    margin-bottom: 32px;
}

@media (max-width: 769px)
{
    .field-select
    {
        margin-bottom: 28px;
    }
}

.field-select:last-child
{
    margin-bottom: 0;
}

.field-select .field-text__label
{
    z-index: 10;
    top: -9px;
    left: 15px;
}

.field-select__name
{
    font-weight: 700;
    line-height: 1.5;

    display: block;

    margin-bottom: .4em;
}

.field-select__help-text
{
    font-size: 18px;
    font-weight: normal;
    line-height: 100%;

    display: block;

    margin-bottom: 13px;

    color: #fff;
}

.field-select__help-text:empty
{
    display: none;
}

/** @define choices */

.choices
{
    position: relative;
}

.choices:focus
{
    outline: 0;
}

.choices:after
{
    position: absolute;
    top: 18px;
    right: 22px;

    width: 24px;
    height: 24px;

    content: '';
    transition: all .3s;
    transform: rotate(0deg);
    pointer-events: none;
}

.choices.is-open:after
{
    transform: rotate(180deg);
}

.choices.is-focused .choices__inner
{
    border: 1px solid var(--light-theme-gray-50, #bababa);
}

.choices .is-hidden
{
    display: none;
}

.choices__list
{
    padding: 10px;
}

.choices__list--dropdown .choices__item
{
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 120%;

    position: relative;

    margin-bottom: 4px;
    padding: 10.5px 10px;
    padding-right: 55px;

    cursor: pointer;
    /* 19.2px */
    letter-spacing: -.16px;

    border-radius: 8px;
}

@media (max-width: 769px)
{
    .choices__list--dropdown .choices__item
    {
        font-size: 15px;
        font-weight: 400;
        font-style: normal;
        line-height: 120%;
        /* 18px */

        letter-spacing: -.15px;
    }
}

.choices__list--dropdown .choices__item:last-child
{
    margin-bottom: 0;
}

.choices__list--dropdown .choices__item.is-highlighted
{
    background: var(--light-theme-gray-5-bg, #f4f4f4);
}

.choices__list--dropdown .choices__item.is-selected
{
    background: var(--light-theme-gray-5-bg, #f4f4f4);
}

.choices__list--dropdown .choices__item.is-selected:after
{
    position: absolute;
    top: 12px;
    right: 35px;

    width: 16px;
    height: 16px;

    content: '';

    background: url(../img/icon-check.svg) 0 0/100% 100%;
}

.choices__inner
{
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 120%;

    display: flex;

    width: 100%;
    height: 56px;
    margin: 0;
    padding: 12px 16px 12px 20px;

    cursor: pointer;
    /* 19.2px */
    letter-spacing: -.16px;

    color: #333;
    border: 0;
    border: 1px solid var(--light-theme-gray-10-lines, #e6e6e6);
    border-radius: 10px;
    border-radius: 12px;
    background: #fafafa;

    align-items: center;
       -moz-appearance: textfield;
    -webkit-appearance: textfield;
            appearance: textfield;
}

@media (max-width: 769px)
{
    .choices__inner
    {
        font-size: 15px;
        font-weight: 400;
        font-style: normal;
        line-height: 120%;
        /* 18px */

        letter-spacing: -.15px;
    }
}

.choices__list--dropdown
{
    position: absolute;
    z-index: 1;
    top: 100%;

    display: none;
    overflow: hidden;

    width: 100%;
    margin-top: -1px;

    word-break: break-all;

    border-radius: 12px;
    background: var(--dark-theme-white, #fafafa);
    box-shadow: 0 20px 60px 0 rgba(0, 0, 0, .12);
}

.choices__list--dropdown .is-highlighted
{
    background: var(--light-theme-gray-5-bg, #f4f4f4);
}

.choices__heading
{
    cursor: default;

    opacity: .5;
}

.choices.is-open .choices__list--dropdown
{
    display: block;
}

.choices.is-disabled .choices____inner
{
    cursor: default;

    background: green;
}

/* Радиобаттон
   ============================================== */

.field-radio
{
    display: block;
}

.field-radio__title
{
    font-weight: 700;
    line-height: 1.5;

    display: block;

    margin-bottom: .4em;
}

.field-radio__name
{
    font-weight: 400;

    position: relative;

    display: inline-block;

    margin-right: 28px;
    padding-left: 36px;
}

.field-radio__name-text
{
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 140%;

    display: inline-block;
    /* 25.2px */

    letter-spacing: -.18px;
}

@media (max-width: 769px)
{
    .field-radio__name-text
    {
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        line-height: 140%;
        /* 22.4px */

        letter-spacing: -.16px;
    }
}

input:disabled ~ .field-radio__name-text
{
    cursor: not-allowed;
}

.field-radio__name-text:before
{
    position: absolute;
    top: 5px;
    left: 0;

    width: 24px;
    height: 24px;

    content: '';

    border: 1px solid #dadada;
    border-radius: 50%;
}

@media (max-width: 769px)
{
    .field-radio__name-text:before
    {
        top: 2px;
    }
}

input:focus ~ .field-radio__name-text:before
{
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .8);
}

input:disabled ~ .field-radio__name-text:before
{
    border-color: #fd6925;
    background: #fff;
}

.field-radio__name-text:after
{
    position: absolute;
    top: 5px;
    left: 0;

    width: 24px;
    height: 24px;

    content: '';
    transition: opacity .2s;

    opacity: 0;
    border: 7px solid #fd6925;
    border-radius: 50%;
    border-radius: 50%;
}

@media (max-width: 769px)
{
    .field-radio__name-text:after
    {
        top: 2px;
    }
}

input:checked ~ .field-radio__name-text:after
{
    opacity: 1;
}

input:checked:disabled ~ .field-radio__name-text:after
{
    background: #fff;
}

.field-radio__input
{
    position: absolute;
    top: .8em;
    left: 0;

    margin: 0;
    padding: 0;

    transform: translateY(-50%);

    opacity: 0;
}

.field-radio__input:focus,
.field-radio__input:active
{
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .8);
}

.field-radio__help-text-wrap
{
    padding-left: 1.5em;
}

/* Модалка
   ========================================================================== */

.modal
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    display: none;
    overflow: hidden;

    width: 100%;
    height: 100%;

    outline: 0;
}

.modal__dialog
{
    position: relative;

    display: flex;

    width: 560px;
    min-height: 100vh;
    margin-left: auto;

    align-items: center;
}

@media (max-width: 769px)
{
    .modal__dialog
    {
        width: 100% !important;
    }
}

.modal__content
{
    position: relative;

    display: flex;
    overflow: auto;
    flex-direction: column;

    width: 100%;
    height: 100%;
    min-height: 100vh;
    padding: 100px 70px 64px 70px;

    pointer-events: auto;

    outline: 0;
    background: var(--dark-theme-white, #fafafa);
}

@media (max-width: 769px)
{
    .modal__content
    {
        padding: 105px 24px 80px 24px;
    }
}

.modal__title
{
    font-size: 40px;
    font-weight: 700;
    font-style: normal;
    line-height: 105%;

    margin-top: 0;
    margin-bottom: 50px;
    /* 42px */

    letter-spacing: -.4px;
}

@media (max-width: 769px)
{
    .modal__title
    {
        font-size: 30px;
        font-weight: 700;
        font-style: normal;
        line-height: 105%;
        /* 31.5px */

        letter-spacing: -.3px;
    }
}

.modal__close
{
    font-size: 0;

    position: absolute;
    z-index: 10;
    top: 40px;
    right: 40px;

    width: 30px;
    height: 30px;

    cursor: pointer;

    border: 0;
    outline: 0;
    background: url(../img/icon-close.svg) 0 0/100% 100%;
}

@media (max-width: 769px)
{
    .modal__close
    {
        top: 65px;
        right: 24px;
    }
}

.modal__form-comment
{
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 120%;

    margin-top: 15px;
    /* 16.8px */

    letter-spacing: -.14px;

    color: #aaa;
}

.modal__body
{
    position: relative;
}

.modal__footer
{
    display: flex;

    padding: 16px;

    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: flex-start;
    justify-content: flex-end;
}

.modal__footer > *
{
    margin-left: 8px;
}

.modal--test .modal__dialog
{
    width: 50%;
}

@media (max-width: 1025px)
{
    .modal--test .modal__dialog
    {
        width: 560px;
    }
}

.modal--test .modal__content
{
    position: relative;

    height: 100vh;
    padding: 0;
}

.modal--test .modal__content:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 210px;

    content: '';

    background: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, #fafafa 45.5%);
}

@media (max-width: 769px)
{
    .modal--test .modal__content:after
    {
        height: 180px;
    }
}

.modal--test .modal__content--result:after
{
    display: none;
}

.modal-open
{
    overflow: hidden;
}

.modal-open .modal
{
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-backdrop
{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    animation: modal-backdrop .3s 1 ease-out forwards;

    background: #000;
}

@keyframes modal-backdrop
{
    from
    {
        opacity: 0;
    }

    to
    {
        opacity: .6;
    }
}

@keyframes modal-dialog
{
    from
    {
        transform: translate(0, -2em);
    }

    to
    {
        transform: translate(0, 0);
    }
}

/* Кастомный селект
   ============================================== */

.choices
{
    font-size: 13px;
    line-height: 100%;
}

.choices__inner
{
    font-size: 13px;
    line-height: 100%;

    display: block;
    display: flex;

    width: 100%;
    height: auto;
    min-height: 32px;
    margin-top: 0;
    padding: 0 12px;
    padding-right: 16px;

    transition: border .1s linear, background-color .1s linear;

    color: #747474;
    border: .8px solid #c9c9c9;
    border-radius: 4px;
    outline: 0;
    background: white;
    box-shadow: none;

    text-rendering: auto;
    writing-mode: horizontal-tb;
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
    align-items: center;
}

.choices__input
{
    font-size: 13px;
    line-height: 100%;

    width: calc(100% - 20px);
    height: auto;
    min-height: 32px;
    margin: 10px;
    padding: 0 12px;
    padding-right: 16px;

    transition: border .1s linear, background-color .1s linear;

    color: #747474;
    border: .8px solid #c9c9c9;
    border-radius: 4px;
    outline: 0;
    background: white;
    box-shadow: none;

    text-rendering: auto;
    writing-mode: horizontal-tb;
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
}

.choices__list
{
    padding: 0;
}

.choices__list--dropdown
{
    font-size: 12px;
    line-height: 18px;

    position: absolute;
    z-index: 7000;
    top: 32px;
    right: 0;

    visibility: visible;
    overflow-y: auto;

    min-width: 192px;
    max-width: 100%;
    max-height: 200px;
    margin: 2px 0;
    padding: 4px 0;

    transition: opacity .1s linear, visibility .1s linear;
    transform: matrix(1, 0, 0, 1, 0, 0);

    opacity: 1;
    color: rgba(0, 0, 0, .8);
    border: .8px solid #d4d4d4;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .16);
}

.choices__list--dropdown .choices__item
{
    font-size: 12px;
    line-height: 18px;

    display: flex;

    box-sizing: border-box;
    margin-bottom: 0;
    padding: 8px 12px;

    border-radius: 0;
    background: #fff;

    align-items: center;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

.choices__list--dropdown .choices__item.is-selected,
.choices__list--dropdown .choices__item.is-highlighted
{
    background: #fff;
}

.choices__list--dropdown .choices__item:hover
{
    background: rgba(254, 209, 0, .05);
}

.choices[data-type*='select-one']::after
{
    position: absolute;
    top: 50%;
    right: 11.5px;

    width: 0;
    height: 0;
    margin-top: -2.5px;

    content: '';
    pointer-events: none;

    border: 5px solid #333;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.choices.is-open:after
{
    transform: rotate(0);
}

.choices.is-disabled .choices__inner
{
    cursor: not-allowed;

    background: #f3f3f3;
}

/* Навигация
   ============================================== */

.main-nav__list
{
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;

    align-items: center;
}

@media (max-width: 1170px)
{
    .main-nav__list
    {
        width: 100%;
        padding-top: 20px;

        justify-content: center;
    }
}

@media (max-width: 1025px)
{
    .main-nav__list
    {
        flex-direction: column;

        padding-top: 0;

        align-items: flex-start;
    }
}

.main-nav__item
{
    position: relative;

    padding-left: 60px;

    white-space: nowrap;
}

.main-nav__item:first-child
{
    padding-left: 0;
}

@media (max-width: 1380px)
{
    .main-nav__item
    {
        font-size: 12px;

        padding-left: 30px;
    }
}

@media (max-width: 1025px)
{
    .main-nav__item
    {
        width: 100%;
        padding-left: 0;
    }
}

.main-nav__link
{
    line-height: 30px;

    display: block;

    padding-right: 5px;
    padding-left: 5px;

    text-transform: uppercase;

    color: rgba(0, 0, 0, .8);
    text-shadow: 0 0 4px rgba(255, 255, 255, 0);
}

@media (max-width: 1025px)
{
    .main-nav__link
    {
        font-size: 16px;

        padding: 10px 20px;

        border-bottom: .8px solid #f0f0f0;
    }
}

.main-nav__link--active
{
    border-bottom: 2px solid #fed100;
}

@media (max-width: 1025px)
{
    .main-nav__link--active
    {
        border-bottom: .8px solid #f0f0f0;
    }
}

.tooltip-dropdown
{
    position: absolute;
    z-index: 9999;

    display: none;

    padding: 0;

    transform: none;
    text-align: right;

    color: #005fb2;
    border-style: none;
    border-color: #005fb2;
    border-radius: 4px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, .3) 0 0 4px 0;

    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

.tooltip-dropdown__list
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.tooltip-dropdown__item
{
    line-height: 30px;

    text-align: left;
}

.tooltip-dropdown__item:not(:last-child) .tooltip-dropdown__link
{
    border-bottom: 1px solid #ececec;
}

.tooltip-dropdown__item:first-child .tooltip-dropdown__link
{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.tooltip-dropdown__item:last-child .tooltip-dropdown__link
{
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.tooltip-dropdown__link
{
    display: block;

    min-width: 100px;
    padding: 5px 10px;

    white-space: nowrap;

    border-color: #f0f0f0;
}

.tooltip-dropdown__link:hover
{
    background: rgba(254, 209, 0, .05);
}

.tooltip-dropdown:before
{
    position: absolute;
    top: 0;
    right: 24px;
    left: auto;

    display: block;

    width: 16px;
    height: 16px;
    margin: -8px -8px 0 0;

    content: '';
    transform: matrix(.70711, .70711, -.70711, .70711, 0, 0);
    text-align: right;

    color: #005fb2;
    background: white;

    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

.tooltip-dropdown:after
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 24px;

    width: 16px;
    height: 16px;
    margin: -8px -8px 0 0;

    content: '';
    transform: matrix(.70711, .70711, -.70711, .70711, 0, 0);
    text-align: right;

    color: #005fb2;
    background: white;
    box-shadow: rgba(0, 0, 0, .16) -1px -1px 0 0;

    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

.tooltip-dropdown--visible
{
    display: block;
}

/* Форма поиска
   ============================================== */

.search-block__list
{
    overflow: auto;

    max-height: 40vh;
    padding: 12px;
}

.search-block__list-label
{
    font-size: 12px;

    display: inline-block;

    margin-bottom: 2px;
    padding-top: 4px;
    padding-right: 8px;

    color: rgba(0, 0, 0, .6);
}

.search-block__list-items
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.search-block__list-item
{
    padding: 4px 12px;
}

.search-block__list-item:hover
{
    cursor: pointer;

    background: rgba(254, 209, 0, .05);
}

.search-block__labels
{
    display: flex;

    margin-bottom: 2px;

    flex-wrap: wrap;
}

.search-block__label
{
    margin-right: 8px;
}

.search-block__label:last-child
{
    margin-right: 0;
}

/* Организация в списке
   ============================================== */

.organization-list-item
{
    display: flex;

    align-items: flex-start;
}

.organization-list-item__icon
{
    width: 24px;
    height: 24px;
    margin-top: 4px;
    margin-right: 8px;

    border-radius: 4px;
    background: #5867e8;
}

.organization-list-item__icon svg
{
    width: 24px;
    height: 24px;

    fill: white;
}

.organization-list-item__title
{
    display: block;

    margin-bottom: 2px;
}

.organization-label
{
    display: flex;

    min-height: 26px;
    padding: 2px;

    border: .8px solid #d4d4d4;
    border-radius: 4px;
    background: #fff;

    align-items: center;
}

.organization-label:hover
{
    background: rgba(254, 209, 0, .05);
}

.organization-label__icon
{
    width: 20px;
    height: 20px;
    margin-right: 4px;

    border-radius: 4px;
    background: #5867e8;
}

.organization-label__icon svg
{
    width: 20px;
    height: 20px;

    fill: white;
}

.organization-label__title
{
    overflow: hidden;

    white-space: nowrap;
}

.organization-label__remove
{
    display: inline-flex;

    width: 16px;
    height: 16px;
    margin-left: 4px;

    align-items: center;
    justify-content: center;
}

.organization-label__remove:hover svg
{
    cursor: pointer;

    fill: #cba700;
}

.organization-label__remove svg
{
    width: 14px;
    height: 14px;

    fill: #747474;
}

.guarantee__header
{
    margin-bottom: 24px;
}

.guarantee__title
{
    display: flex;

    margin-bottom: 16px;
    padding-right: 16px;
    padding-left: 16px;
}

.guarantee__title-icon
{
    width: 32px;
    height: 32px;
    margin-right: 12px;

    background: #107cad;
}

.guarantee__title-icon img
{
    width: 100%;
}

.guarantee__title-text span
{
    line-height: 1;

    display: block;
}

.guarantee__title-text h1
{
    font-size: 18px;
    line-height: 22.5px;
}

.guarantee__info
{
    padding: 16px;
    padding-right: 20px;
    padding-left: 20px;

    background: #fff;
}

@media (max-width: 1025px)
{
    .guarantee__info
    {
        padding-right: 14px;
        padding-left: 14px;
    }
}

.guarantee__info-items
{
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;

    flex-wrap: wrap;
}

@media (max-width: 450px)
{
    .guarantee__info-items
    {
        flex-direction: column;
    }
}

.guarantee__info-item
{
    padding-right: 36px;
    padding-left: 36px;
}

@media (max-width: 450px)
{
    .guarantee__info-item
    {
        padding-right: 0;
        padding-left: 0;
    }
}

.guarantee__info-item:first-child
{
    padding-left: 0;
}

.guarantee__info-item:last-child
{
    padding-right: 0;
}

.guarantee__info-item span
{
    display: block;
}

.guarantee__info-item span:first-child
{
    font-size: 12px;

    padding-top: 4px;
    padding-right: 8px;

    color: rgba(0, 0, 0, .6);
}

.guarantee__info-item span:nth-child(2)
{
    padding-top: 2px;
    padding-bottom: 2px;
}

.guarantee__body
{
    padding-top: 16px;
    padding-bottom: 16px;

    background: #fff;
}

.accordion__title
{
    position: relative;

    margin: 0;

    cursor: pointer;
}

.accordion__title--active:after
{
    transform: rotate(90deg);
}

.accordion__title--active .information__accordion-titleIcon
{
    transform: rotate(0deg);
}

.accordion__title:after
{
    position: absolute;
    top: 10px;
    right: 10px;

    width: 20px;
    height: 20px;

    content: '';
    transition: .2s;

    background: url(../img/arrow-down.svg) 0 0/100% 100%;
}

.accordion__content
{
    overflow: hidden;

    max-height: 0;

    transition: max-height .2s ease-out;
}

.accordion__content .information-block
{
    width: 98%;
    margin-right: auto;
    margin-left: auto;
}

.accordion__content .information-block:first-child
{
    padding-top: 15px;
}

.accordion .information-group
{
    padding: 0 16px;
}

/* Форма логина
   ============================================== */

@media (max-width: 1025px)
{
    .login-form
    {
        padding-right: 12px;
        padding-left: 12px;
    }
}

.login-form .iti__selected-country
{
    font-family: 'Arial', sans-serif;
}

.login-form__wrapper
{
    display: flex;

    align-items: flex-start;
}

@media (max-width: 1025px)
{
    .login-form__wrapper
    {
        flex-direction: column;
    }
}

.login-form__title
{
    margin-top: 15px;
}

@media (max-width: 1025px)
{
    .login-form__title.l-w-33
    {
        width: 100%;
    }
}

.login-form__title-top
{
    font-size: 12px;
    font-weight: 200;
    font-style: normal;

    display: inline;

    height: 19px;
    padding: 5px 10px;

    text-transform: uppercase;

    color: #fff;
    background: #000;
}

.login-form__title-bottom
{
    font-size: 40px;
    font-weight: bold;
    line-height: 47px;

    display: block;

    margin-top: 15px;

    text-transform: uppercase;

    color: #000;
}

@media (max-width: 1025px)
{
    .login-form__title-bottom
    {
        font-size: 30px;
    }
}

@media (max-width: 1025px)
{
    .login-form__body
    {
        margin-top: 24px;
    }
}

@media (max-width: 769px)
{
    .login-form__body.l-w-66
    {
        width: 100%;
    }
}

.login-form__blank
{
    max-width: 727px;
    padding: 40px;

    border: 1px solid grey;
    border-top: 9px solid #fd0;
    border-radius: 9px;
    background: #fff;
    box-shadow: 2px 5px 15px grey;
}

.login-form__group
{
    margin-bottom: 20px;
}

.login-form__group-label
{
    font-size: 13px;

    display: inline-block;

    margin-bottom: 2px;
    padding-top: 4px;
    padding-right: 8px;

    text-transform: uppercase;

    color: #000;
}

.login-form__group-title
{
    font-size: 20px;
    line-height: 1.2;

    display: block;

    margin-bottom: 20px;

    color: #000;
}

.login-form__group-title span
{
    font-size: 16px;
}

.login-form__group-text
{
    font-size: 12px;
}

.login-form__group--has-error .login-form__group__text
{
    color: #ea001e;
}

.login-form__group--has-error .login-form__control
{
    border: .8px solid #ea001e;
    border-color: #ea001e;
    box-shadow: #ea001e 0 0 0 1px inset;
}

.login-form__group--has-error .login-form__control:focus,
.login-form__group--has-error .login-form__control:active
{
    outline: .8px auto #ea001e;
    outline-offset: 0;
}

.login-form__control
{
    font-size: 13px;

    display: inline-block;

    width: 100%;
    height: 55px;
    padding: 20px;

    cursor: text;
    transition: border .1s linear, background-color .1s linear;
    text-align: start;

    color: #000;
    border: .8px solid #d8d8d8;
    outline: 0;
    background: #ffeb99;
    box-shadow: none;

    text-rendering: auto;
}

.login-form__control.disabled,
.login-form__control[disabled]
{
    cursor: not-allowed;

    background: #f3f3f3;
}

.login-form__control.disabled:focus,
.login-form__control.disabled:active,
.login-form__control[disabled]:focus,
.login-form__control[disabled]:active
{
    box-shadow: none;
}

.login-form__control:focus,
.login-form__control:active
{
    outline: .8px auto #101010;
    outline-offset: 0;
}

.login-form__btns
{
    display: flex;

    margin-top: 20px;
}

.login-form .iti
{
    width: 100%;
}

/* OTP блок
   ============================================== */

.otp-block
{
    display: flex;

    flex-wrap: nowrap;
    align-items: flex-start;
}

@media (max-width: 600px)
{
    .otp-block
    {
        justify-content: center;
    }
}

.otp-block__input
{
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;

    display: block;

    width: 70px;
    height: 70px;
    margin-left: 10px;

    cursor: default;
    text-align: center;

    color: #222429;
    border: 0;
    border-bottom-color: #e5e7eb;
    border-radius: 12px;
    outline: 1.6px solid rgba(0, 0, 0, 0);
    background: #eff1f5;
}

@media (max-width: 600px)
{
    .otp-block__input
    {
        font-size: 26px;

        width: 50px;
        height: 50px;
    }
}

.otp-block__input:first-child
{
    margin-left: 0;
}

.otp-block--error .otp-block__input
{
    background: #ffecec;
}

/* Баннер 
   ============================================== */

.banner
{
    position: relative;
    z-index: 10;
}

.banner__wrapper
{
    position: relative;

    display: flex;
}

.banner__text
{
    display: flex;
    flex-direction: column;

    width: 41%;

    align-items: flex-start;
}

@media (max-width: 769px)
{
    .banner__text
    {
        width: 100%;
        height: calc(100dvh - 100px);
        padding-bottom: 30px;

        text-align: center;

        align-items: normal;
        justify-content: space-between;
    }
}

.banner__bcg
{
    display: none;

    width: 100%;
}

@media (max-width: 769px)
{
    .banner__bcg
    {
        display: block;

        max-width: 45%;
        margin-top: 20px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
    }
}

@media (max-width: 450px)
{
    .banner__bcg
    {
        width: 41%;
        max-width: 170px;
    }
}

.banner__title
{
    font-size: 46px;
    line-height: 48px;

    display: block;

    box-sizing: border-box;
    margin: 12px 0 0 0;
    padding: 0;

    text-align: left;

    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
}

@media (max-width: 769px)
{
    .banner__title
    {
        font-size: 26px;
        line-height: 32px;

        width: 100%;
        margin-top: 0;
        padding-right: 10px;
        padding-left: 10px;

        text-align: center;
    }
}

@media (max-width: 450px)
{
    .banner__title
    {
        font-size: 5.8vw;
        line-height: 1.25;

        padding-right: 10vw;
        padding-left: 10vw;
    }
}

.banner__subtitle
{
    font-size: 20px;
    line-height: 24px;

    margin-top: 18px;

    color: white;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
}

@media (max-width: 769px)
{
    .banner__subtitle
    {
        display: none;

        width: 100%;
        margin-bottom: 0;

        text-align: center;
    }
}

.banner__btn
{
    margin-top: 24px;
}

@media (max-width: 769px)
{
    .banner__btn
    {
        width: 100%;
        margin-top: 0;
        margin-bottom: 24px;

        text-align: center;
    }
}

@media (max-width: 769px)
{
    .banner__btn:last-child
    {
        margin-bottom: 0;
    }
}

/* Мои гарантии
   ============================================== */

.guarantees__header
{
    display: flex;

    margin-bottom: 70px;

    justify-content: space-between;
}

@media (max-width: 769px)
{
    .guarantees__header
    {
        flex-wrap: wrap;
    }
}

.guarantees__banner
{
    width: calc(50% - 12px);
}

@media (max-width: 769px)
{
    .guarantees__banner
    {
        width: 100%;
    }

    .guarantees__banner:first-child
    {
        margin-bottom: 24px;
    }
}

/* Мини баннер
   ============================================== */

.mini-banner
{
    background: #000;
}

.mini-banner__wrapper
{
    position: relative;

    display: flex;

    height: 250px;
    padding: 16px;

    justify-content: center;
    align-items: center;
}

.mini-banner__bcg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.mini-banner__text
{
    position: relative;
    z-index: 10;

    display: flex;
    flex-direction: column;

    align-items: center;
}

@media (max-width: 769px)
{
    .mini-banner__text
    {
        width: 100%;
    }
}

.mini-banner__title
{
    font-size: 30px;
    line-height: 1.25;

    margin-bottom: 20px;

    text-transform: uppercase;

    color: #fff;
}

@media (max-width: 769px)
{
    .mini-banner__btn
    {
        width: 100%;
    }
}

/* Блок с большой таблицей
   ============================================== */

.big-table-block__title
{
    font-size: 46px;
    font-weight: 700;
    line-height: 48px;

    margin-bottom: 27px;

    text-transform: uppercase;
}

@media (max-width: 769px)
{
    .big-table-block__title
    {
        font-size: 26px;
        line-height: 1.2;
    }
}

.big-table-block__body
{
    overflow: auto;
}

.big-table-block__table
{
    width: 100%;

    background: #fff;
}

/* Большая таблица
   ============================================== */

.big-table
{
    border-collapse: collapse;
}

.big-table__row th
{
    font-size: 18px;
    font-weight: bold;

    overflow: hidden;

    padding: 20px;

    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #000;
    border-bottom: 1px solid #d4d4d4;
}

.big-table__row td
{
    font-size: 16px;

    overflow: hidden;

    padding: 20px;

    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #000;
    border-bottom: 1px solid #d4d4d4;
}

.big-table__row:hover td
{
    background: rgba(254, 209, 0, .05);
}

.big-table__link
{
    color: #005fb2;
}

.big-table__link:hover
{
    text-decoration: underline;

    color: #004989;
}

/* Таблица
   ============================================== */

.table
{
    border-collapse: collapse;

    background: white;
}

.table.dataTable
{
    width: 100% !important;
}

.table td
{
    border: .8px solid #c9c9c9;
}

.table td a
{
    transition: color .1s linear;
    text-decoration: none;

    color: #0176d3;
}

.table td a:hover
{
    text-decoration: underline;

    color: #014486;
}

.table.dataTable > thead > tr > th
{
    font-size: 13px;
    font-weight: 700;

    padding: 4px 4px 4px 8px;

    color: #444;
    border: .8px solid #c9c9c9;
    background: #f3f3f3;
}

.table.dataTable > thead > tr > th:hover
{
    background: white;
}

.table.dataTable > tbody > tr > td
{
    padding: 10px;
}

.table tr > *
{
    outline: 0 !important;
}

/* Таблица
   ============================================== */

.table-block
{
    margin-bottom: 20px;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
}

.table-block:last-child
{
    margin-bottom: 0;
}

.table-block__header
{
    font-size: 13px;
    line-height: 19.5px;

    padding: 16px 16px 12px;

    color: #181818;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #f3f3f3;

    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

.table-block__filter
{
    display: none;
}

.table-block__filter-wrapper
{
    padding: 20px;
}

.table-block__title
{
    font-size: 18px;
    font-weight: 700;
    line-height: 22.5px;

    text-wrap: nowrap;
    text-overflow: ellipsis;

    color: #080707;

    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

.table-block div.dt-container div.dt-layout-cell
{
    padding: 0;
}

.table-block div.dt-container .dt-info
{
    display: none;
}

.table-block .dt-scroll-headInner
{
    width: 100% !important;
}

.table-block .dt-search
{
    position: relative;
}

.table-block .dt-search .icon-search
{
    font-size: 13px;
    line-height: 13px;

    position: absolute;
    position: absolute;
    z-index: 2;
    top: 16px;
    left: 12px;

    overflow: hidden;

    width: 14px;
    height: 14px;
    margin-top: -7px;

    vertical-align: middle;
    pointer-events: none;

    color: #181818;
    border: none;

    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
    fill: #747474;
}

.table-block .dt-search input
{
    font-size: 13px;
    line-height: 30px;

    display: inline-block;

    width: 240px;
    min-height: 32px;
    margin: 0;
    padding: 0 32px;

    cursor: text;
    transition: border .1s linear, background-color .1s linear;
    text-indent: 0;
    letter-spacing: normal;

    color: #181818;
    border: .8px solid #747474;
    border-radius: 4px;
    outline: 0;
    background: #fff;

    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

.table-block .dt-search input:active,
.table-block .dt-search input:focus
{
    border-color: #1b96ff;
}

.table-block.edit .information__editBtns
{
    display: block;
}

/* Таблица
   ============================================== */

.table-header__top
{
    padding-bottom: 16px;
}

.table-header__bottom
{
    display: flex;

    justify-content: space-between;
    align-items: flex-end;
}

.table-header__stats
{
    display: flex;

    padding-right: 20px;

    flex-wrap: wrap;
}

.table-header__stats span
{
    font-size: 12px;
    line-height: 18px;

    position: relative;

    margin-right: 10px;
}

.table-header__stats span:after
{
    position: absolute;
    top: 0;
    right: -6px;

    content: '•';

    color: #000;
}

.table-header__stats span:last-child:after
{
    display: none;
}

.table-header__btns
{
    display: flex;

    align-items: flex-end;
}

.table-header__btns .dt-search
{
    order: 1;
}

.table-header__btns .dt-search label
{
    display: none;
}

.table-header__btns .dt-buttons
{
    display: flex;

    order: 2;
}

/* Таблица (фильтр)
   ============================================== */

.table-filter th,
.table-filter td
{
    min-width: 150px;
    padding: 5px;

    vertical-align: top;
}

.table-filter th
{
    background: #f3f3f3;
}

.table-filter__table
{
    width: 100%;
    padding: 10px;

    background: #fff;
}

.table-filter__group
{
    width: 100%;
    padding: 8px;
}

.table-filter__label
{
    font-size: 12px;

    display: inline-block;

    margin-bottom: 2px;
    padding-top: 4px;
    padding-right: 8px;

    color: rgba(0, 0, 0, .6);
}

.table-filter__control
{
    font-size: 12px;
    line-height: 100%;

    display: block;

    width: 100%;
    min-height: 24px;
    margin-top: 0;
    padding: 0 8px;
    padding-right: 10px;

    transition: border .1s linear, background-color .1s linear;

    color: #747474;
    border: .8px solid #c9c9c9;
    border-radius: 3px;
    outline: 0;
    background: white;
    box-shadow: none;

    text-rendering: auto;
    writing-mode: horizontal-tb;
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
}

.table-filter__control.disabled,
.table-filter__control[disabled]
{
    cursor: not-allowed;

    background: #f3f3f3;
}

.table-filter__control.disabled:focus,
.table-filter__control.disabled:active,
.table-filter__control[disabled]:focus,
.table-filter__control[disabled]:active
{
    box-shadow: none;
}

.table-filter__control:focus,
.table-filter__control:active
{
    border: .8px solid #b5cadb;
    box-shadow: 0 0 3px 0 #fed100;
}

.table-filter__control[type='search']
{
    padding-right: 32px;
    padding-left: 32px;
}

.table-filter__body
{
    display: flex;
}

.table-filter__checkbox
{
    margin-right: 5px;
}

/* Поддержка навигация
   ============================================== */

.support-nav
{
    font-size: 13px;
    line-height: 19.5px;

    position: relative;

    height: 40px;

    color: #181818;
    border-bottom: 2.4px solid #c28903;
    background: white;

    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

.support-nav__wrapper
{
    display: flex;

    height: 100%;
    padding: 0 0 0 24px;
}

.support-nav__items
{
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;
}

.support-nav__item
{
    display: flex;

    align-items: center;
}

.support-nav__link
{
    font-size: 13px;
    line-height: 19.5px;

    position: relative;
    z-index: 1;

    display: flex;

    box-sizing: border-box;
    height: 100%;
    padding: 0 12px;

    cursor: pointer;
    transition: .1s linear;
    white-space: nowrap;

    color: #181818;
    outline: #181818;
    background: rgba(0, 0, 0, 0);

    align-content: center;
    align-items: center;
    flex-grow: 1;
    -webkit-text-decoration-color: #181818;
            text-decoration-color: #181818;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

.support-nav__link:hover
{
    background: rgba(194, 137, 3, .1);
}

.support-nav__link:before
{
    position: absolute;
    top: 0;
    right: -1px;
    left: -1px;

    display: none;

    height: 3px;

    content: '';

    background: #c28903;
}

.support-nav__link--active
{
    background: rgba(194, 137, 3, .1);
}

.support-nav__link--active:before
{
    display: block;
}

/* Поддержка страница
   ============================================== */

.support-page
{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';

    padding: 12px;

    background: #ccc;
}

.support-page__wrapper
{
    display: flex;

    margin-right: -12px;
    margin-left: -12px;

    flex-wrap: wrap;
}

.support-page__col
{
    padding-right: 12px;
    padding-left: 12px;
}

.support-page__block
{
    font-size: 13px;
    line-height: 19.5px;

    position: relative;

    margin-bottom: 12px;

    color: #181818;
    border: .8px solid #c9c9c9;
    border-radius: 4px;
    background: white;
    box-shadow: rgba(0, 0, 0, .1) 0 2px 2px 0;
}

.support-page__block:last-child
{
    margin-bottom: 0;
}

.support-page__block--chat
{
    overflow-y: auto;

    max-height: 400px;
}

.support-page__title
{
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;

    width: 100%;
    margin-bottom: 40px;

    text-align: center;

    color: #454545;
}

.support-page *
{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';
}

.support-page .accordion__content .information-block
{
    width: 98%;
    margin-right: auto;
    margin-left: auto;
}

.support-page .accordion__content .information-block:first-child
{
    padding-top: 15px;
}

/* Поддержка блок на странице
   ============================================== */

.support-page-block--files .support-page-block__header
{
    padding-top: 16px;
    padding-bottom: 16px;

    border-bottom: 1px solid #c9c9c9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #f3f3f3;
}

.support-page-block--files .support-page-block__title
{
    display: flex;

    align-items: center;
}

.support-page-block--files .support-page-block__title-btn
{
    margin-left: auto;
}

.support-page-block--files .support-page-block__title-btn:hover svg
{
    fill: #6a3802;
}

.support-page-block--files .support-page-block__title-btn svg
{
    fill: #939393;
}

.support-page-block--files .support-page-block__footer
{
    border-top: 1px solid #c9c9c9;
}

.support-page-block--files .support-page-block__footer a
{
    display: block;

    padding: 12px 16px;

    text-align: center;
}

.support-page-block--files .support-page-block__footer a:hover
{
    text-decoration: underline;
}

.support-page-block--files .support-page-block__files
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.support-page-block--files .support-page-block__file
{
    display: block;

    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
}

.support-page-block__header
{
    padding: 16px;
    padding-top: 12px;
    padding-bottom: 8px;
}

.support-page-block__header .form-fileUpload
{
    border: 0;
}

.support-page-block__header--big
{
    padding-top: 16px;
    padding-bottom: 16px;

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #f3f3f3;
}

.support-page-block__header--big .support-page-block__title-icon
{
    width: 32px;
    height: 32px;
}

.support-page-block__header--big .support-page-block__title-text span
{
    font-size: 13px;
    font-weight: 400;
}

.support-page-block__header--big .support-page-block__title-text h1
{
    font-size: 18px;
    font-weight: 700;
    line-height: 22.5px;
}

.support-page-block__header--big .support-page-block__title-text h2
{
    font-size: 18px;
    font-weight: 700;
    line-height: 22.5px;
}

.support-page-block__header-btns
{
    display: flex;

    margin-left: auto;

    justify-content: flex-end;
    align-items: center;
}

.support-page-block__title
{
    display: flex;

    align-items: center;
}

.support-page-block__title-icon
{
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.support-page-block__title-icon img
{
    width: 100%;
}

.support-page-block__title-icon svg
{
    width: 100%;

    fill: #fff;
}

.support-page-block__title-btn
{
    width: 28px;
    height: 28px;
    padding: 4px;

    cursor: pointer;

    border: 0;
    outline: 0;
    background: transparent;
}

.support-page-block__title-btn svg
{
    width: 100%;
}

.support-page-block__title-text span
{
    line-height: 1;

    display: block;
}

.support-page-block__title-text h1
{
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

.support-page-block__title-text h2
{
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

.support-page-block__info
{
    margin-bottom: 16px;

    background: #fff;
}

.support-page-block__info-items
{
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;

    flex-wrap: wrap;
}

.support-page-block__info-item
{
    padding-right: 32px;
    padding-left: 32px;
}

.support-page-block__info-item:first-child
{
    padding-left: 0;
}

.support-page-block__info-item:last-child
{
    padding-right: 0;
}

.support-page-block__info-item span
{
    display: block;
}

.support-page-block__info-item span:first-child
{
    font-size: 12px;

    margin-bottom: 18px;

    color: #444;
}

.support-page-block__info-item span:nth-child(2)
{
    padding-top: 2px;
    padding-bottom: 2px;
}

.support-page-block__info-item a
{
    color: #0176d3;
    border-bottom: .8px dotted #0176d3;
}

.support-page-block__info-item a:hover
{
    color: #015dad;
    border-color: #015dad;
}

.support-page-block__body
{
    padding: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.support-page-block .information__accordion-titleIcon
{
    top: 10px;
}

.support-page-block .information__accordion-titleText
{
    background: #f3f3f3;
}

.support-page-block .appeals
{
    overflow-y: auto;

    max-height: 400px;
    padding: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.statuses__status
{
    font-size: 13px;
    font-weight: 700;
    line-height: 19.5px;

    display: block;

    margin-top: 16px;

    color: #181818;
}

.statuses__items
{
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;

    align-items: center;
}

.statuses__item
{
    font-size: 13px;
    line-height: 19.5px;

    position: relative;

    display: flex;

    width: 100%;
    min-width: 80px;
    height: 32px;
    margin: 0 7px 0 6px;

    cursor: pointer;
    text-align: center;

    justify-content: center;
}

.statuses__item:before
{
    position: absolute;
    top: 0;
    right: -5px;
    left: -4px;

    height: 17px;

    content: '';
    transform: matrix(1, 0, .53171, 1, 0, 0);

    background: #4b2301;
}

.statuses__item:after
{
    position: absolute;
    right: -5px;
    bottom: 0;
    left: -4px;

    height: 16px;

    content: '';
    transform: matrix(1, 0, -.57735, 1, 0, 0);
}

.statuses__item:first-child
{
    padding-left: 10px;

    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
}

.statuses__item:first-child:after,
.statuses__item:first-child:before
{
    right: -5px;
    left: auto;

    width: 50%;
}

.statuses__item:last-child
{
    padding-right: 10px;

    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
}

.statuses__item:last-child:after,
.statuses__item:last-child:before
{
    right: auto;
    left: -4px;

    width: 50%;
}

.statuses__item-animbox
{
    position: relative;
    z-index: 10;

    display: flex;

    align-items: center;
    justify-content: center;
}

.statuses__item-text
{
    overflow: hidden;

    transition: transform .2s linear;
    transform: translate3d(0, 0, 0);
    white-space: nowrap;
    text-overflow: ellipsis;

    color: white;

    backface-visibility: hidden;
}

.statuses__item-complete
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    transition: transform .2s linear;

    backface-visibility: hidden;
}

.statuses__item-complete svg
{
    display: inline;
    overflow-x: hidden;
    overflow-y: hidden;

    width: 14px;
    height: 14px;

    list-style: none outside none;

    cursor: pointer;
    text-align: center;
    vertical-align: middle;

    color: white;

    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
    fill: white;
    overflow-clip-margin: content-box;
}

.statuses__item--complete
{
    background: #c28903;
}

.statuses__item--complete:after,
.statuses__item--complete:before
{
    background: #c28903;
}

.statuses__item--complete:hover
{
    background: #6a3802;
}

.statuses__item--complete:hover:after,
.statuses__item--complete:hover:before
{
    background: #6a3802;
}

.statuses__item--complete:hover .statuses__item-complete
{
    transform: translate(-50%, -50%) rotateX(-180deg);
}

.statuses__item--complete:hover .statuses__item-text
{
    transform: rotateX(0deg);
}

.statuses__item--complete .statuses__item-text
{
    transform: rotateX(180deg);
}

.statuses__item--complete .statuses__item-complete
{
    transform: translate(-50%, -50%) rotateX(0deg);
}

.statuses__item--active
{
    background: #4b2301;
}

.statuses__item--active:hover
{
    background: #271200;
}

.statuses__item--active:hover:after,
.statuses__item--active:hover:before
{
    background: #271200;
}

.statuses__item--active:after,
.statuses__item--active:before
{
    background: #4b2301;
}

.statuses__item--incomplete
{
    background: #f3f3f3;
}

.statuses__item--incomplete:hover
{
    background: #c9c9c9;
}

.statuses__item--incomplete:hover:after,
.statuses__item--incomplete:hover:before
{
    background: #c9c9c9;
}

.statuses__item--incomplete:after,
.statuses__item--incomplete:before
{
    background: #f3f3f3;
}

.statuses__item--incomplete .statuses__item-text
{
    color: #181818;
}

/* Табы
   ========================================================================== */

.tabs
{
    padding-top: 12px;
    padding-bottom: 12px;
}

.tabs__links
{
    display: flex;

    margin: 0;
    margin-right: 16px;
    margin-left: 16px;
    padding: 0;

    list-style: none;

    border-bottom: .8px solid #747474;

    flex-wrap: wrap;
    align-items: flex-end;
}

.tabs__links:after
{
    display: none;

    height: 1px;

    content: '';

    background: black;

    flex-grow: 1;
}

.tabs__link-wrap
{
    font-size: 16px;
    line-height: 24px;

    position: relative;

    max-width: 240px;
    margin-bottom: -1px;
    padding: 0 12px;

    text-align: left;
}

.tabs__link-wrap:after
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    height: 0;

    content: '';
}

.tabs__link-wrap--active
{
    color: black;
    border-bottom: 1px solid transparent;
}

.tabs__link-wrap--active:after
{
    height: 2.4px;

    background: #c28903;
}

.tabs__link-wrap--active .tabs__link
{
    font-weight: 700;
}

.tabs__link
{
    font-size: 16px;
    line-height: 40px;

    z-index: 1;

    display: block;
    overflow: hidden;

    max-width: 100%;
    height: 40px;
    padding-bottom: 8px;

    cursor: pointer;
    transition: color .1s linear;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    text-transform: capitalize;
    text-overflow: ellipsis;

    color: #181818;
    border: none;
    outline: none;
    background: transparent;
    box-shadow: none;
}

.tabs__content-wrapper
{
    display: block;

    padding-top: 20px;
}

.tabs__content-item
{
    display: none;
}

.tabs__content-item > *:last-child
{
    margin-bottom: 0;
}

.tabs__content-item--active
{
    display: block;
}

/* Чат по обращениям
   ============================================== */

.messages__title
{
    font-size: 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    line-height: 20px;

    margin-top: 0;
    margin-bottom: 16px;
}

.messages__send
{
    display: flex;
    flex-direction: column;
}

/* Чат по обращениям
   ============================================== */

.message-send
{
    display: flex;
    flex-direction: column;
}

.message-send__textarea
{
    width: 100%;
    max-height: 80px;
    margin-bottom: 14px;
}

.message-send__btn
{
    margin-left: auto;
}

/* Чат по обращениям
   ============================================== */

.chat__items
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.chat__item
{
    display: block;

    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;

    border-bottom: .8px solid #747474;
}

/* Файлы
   ============================================== */

.file
{
    display: flex;

    align-items: flex-start;
}

.file__img
{
    display: flex;

    align-items: center;
    justify-content: center;
}

.file__img img
{
    min-width: 30px;
    max-width: 30px;
    height: auto;
    max-height: 35px;
}

.file__info
{
    padding-right: 8px;
    padding-left: 8px;
}

.file__title
{
    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.file__data
{
    display: flex;

    flex-wrap: wrap;
}

.file__data span
{
    font-size: 12px;
    line-height: 18px;

    position: relative;

    margin-right: 10px;

    color: #444;
}

.file__data span:last-child:after
{
    display: none;
}

.file__data span:after
{
    position: absolute;
    top: 0;
    right: -6px;

    content: '•';

    color: #000;
}

/* Чат по обращениям
   ============================================== */

.chat-msg__title
{
    font-size: 13px;
    font-weight: 700;
    line-height: 1.1;

    display: block;

    margin-bottom: 2px;
}

.chat-msg__date
{
    font-size: 12px;
    line-height: 1.1;

    display: block;
}

.chat-msg__text
{
    padding-top: 12px;
    padding-bottom: 12px;
}

.chat-msg__text p
{
    margin-top: 0;
}

.chat-msg__text p:last-child
{
    margin-bottom: 0;
}

.chat-msg__btn
{
    padding: 0;

    cursor: pointer;
    text-decoration: underline;

    color: #0176d3;
    border: 0;
    outline: 0;
    background: transparent;
}

.chat-msg__btn:hover
{
    text-decoration: none;

    color: #015dad;
}

.chat-msg__send
{
    display: none;

    width: 100% !important;
}

.thanks
{
    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: center;
}

.thanks__title
{
    font-size: 20px;
    line-height: 1.1;

    display: block;

    margin-bottom: 3px;

    text-align: center;
}

.thanks__text
{
    text-align: center;
}

.thanks__text a:hover
{
    text-decoration: underline;

    color: #004989;
}

.burger
{
    position: relative;

    display: none;

    width: 20px;
    height: 16px;

    border: 0;
    outline: 0;
    background: transparent;
}

@media (max-width: 1025px)
{
    .burger
    {
        display: block;
    }
}

.burger__line
{
    position: absolute;

    display: block;

    width: 50%;
    height: 3px;

    transition: transform .25s ease-in-out;
    transform: rotate(0deg);

    opacity: 1;
    background: rgba(0, 0, 0, .8);
}

.burger__line:nth-child(1),
.burger__line:nth-child(2)
{
    top: 0;
}

.burger__line:nth-child(3),
.burger__line:nth-child(4)
{
    top: 6px;
}

.burger__line:nth-child(5),
.burger__line:nth-child(6)
{
    top: 12px;
}

.burger__line:nth-child(odd)
{
    left: 0;

    border-radius: 9px 0 0 9px;
}

.burger__line:nth-child(even)
{
    left: 50%;

    border-radius: 0 9px 9px 0;
}

.burger.burger--close .burger__line:nth-child(1)
{
    top: 4px;
    left: 3px;

    transform: rotate(45deg);
}

.burger.burger--close .burger__line:nth-child(2)
{
    top: 4px;
    left: calc(50% - 3px);

    transform: rotate(-45deg);
}

.burger.burger--close .burger__line:nth-child(3)
{
    left: -50%;

    width: 0;

    opacity: 0;
}

.burger.burger--close .burger__line:nth-child(4)
{
    left: 100%;

    width: 0;

    opacity: 0;
}

.burger.burger--close .burger__line:nth-child(5)
{
    top: 8px;
    left: 3px;

    transform: rotate(-45deg);
}

.burger.burger--close .burger__line:nth-child(6)
{
    top: 8px;
    left: calc(50% - 3px);

    transform: rotate(45deg);
}

.overlay
{
    position: fixed;
    z-index: 49;
    top: 0;
    bottom: 0;
    left: 0;

    visibility: hidden;

    width: 100%;
    max-width: 100vw;
    height: 100vh;

    transition: opacity .3s;

    opacity: 0;
    background: rgba(0, 0, 0, .5);
}

.overlay--visible
{
    visibility: visible;

    opacity: 1;
}

.dealer-form
{
    width: 70%;
    margin-right: auto;
    margin-left: auto;

    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 2px;
    background: #fff;
}

.dealer-form__btns
{
    display: flex;

    padding: 14px;

    border-top: 1px solid rgba(0, 0, 0, .2);

    justify-content: flex-end;
}

.dealer-form__btn
{
    margin-left: 10px;
}

.dealer-form__btn:first-child
{
    margin-left: 0;
}

.dealer-form__body
{
    padding: 14px;
}

.dealer-form__body-title
{
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;

    margin-bottom: 15px;

    color: #999997;
}

.dealer-form__block
{
    padding-top: 30px;
    padding-bottom: 30px;

    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.dealer-form__block:first-child
{
    padding-top: 0;
}

.dealer-form__block:last-child
{
    border-bottom: 0;
}

.dealer-form__block-title
{
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;

    display: block;

    margin-bottom: 15px;

    color: #999997;
}

.dealer-form__group
{
    margin-bottom: 15px;
}

.dealer-form__group:last-child
{
    margin-bottom: 15px;
}

.dealer-form__table
{
    padding-top: 20px;
    padding-bottom: 20px;
}

.dealer-form__table .information-group
{
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

.dealer-form .form-group
{
    padding: 0;
}

.customer-info__items
{
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;

    flex-wrap: wrap;
}

.customer-info__item
{
    font-size: 14px;

    width: 50%;
    margin-bottom: 2px;
    padding-right: 10%;
}

.appeals__items
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.appeals__item
{
    margin-bottom: 15px;
}

.appeals__item:last-child
{
    margin-bottom: 0;
}

.appeals-item__title
{
    display: block;
}

.appeals-item__title a
{
    border-bottom: 1px dotted #0176d3;
}

.appeals-item__row
{
    display: flex;
}

.appeals-item__row a
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.appeals-item__row span
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.appeals-item__row span:nth-child(1)
{
    width: 30%;
    padding-right: 10px;
}

.appeals-item__row span:nth-child(2)
{
    width: 70%;
    padding-right: 10px;
}

/* Размеры
   ============================================== */

.l-w-25
{
    width: 25%;
}

.l-w-33
{
    width: 33.33333%;
}

.l-w-50
{
    width: 50%;
}

.l-w-66
{
    width: 66.66666%;
}

.l-w-100
{
    width: 100%;
}

.mw-96
{
    max-width: 96%;
}

.mw-1140
{
    max-width: 1140px;
}

.mh-a
{
    margin-right: auto;
    margin-left: auto;
}

.p-0
{
    padding: 0;
}

.pl-12
{
    padding-left: 12px;
}

.pr-12
{
    padding-right: 12px;
}

.pb-60
{
    padding-bottom: 60px;
}

.px-0
{
    padding-right: 0;
    padding-left: 0;
}

.px-12
{
    padding-right: 12px;
    padding-left: 12px;
}

.px-16
{
    padding-right: 16px;
    padding-left: 16px;
}

.py-2-rem
{
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.py-3-rem
{
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.py-4-rem
{
    padding-top: 4rem;
    padding-bottom: 4rem;
}

/* Расположение
   ============================================== */

.j-c-c
{
    display: flex;

    justify-content: center;
}

.steps
{
    overflow: hidden;

    margin-top: 42px;
    margin-bottom: 0;
    padding-bottom: 32px;
}

@media (max-width: 900px)
{
    .steps
    {
        margin-top: 16px;
        padding-bottom: 54px;
    }
}

.steps__wrapper
{
    display: flex;

    align-items: stretch;
}

.steps__wrapper .swiper-slide
{
    height: auto;
}

.steps__container
{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

.steps__item
{
    height: auto;
    padding: 24px;

    text-align: center;

    border-radius: 4px;
    background: #fcfcfc;
}

.steps__item:nth-child(3)
{
    background: #1f1f1f;
}

.steps__item:nth-child(3) .step__icon img
{
    width: 308px;
}

.steps__item:nth-child(3) .step__title
{
    color: #fcfcfc;
}

.steps__item:nth-child(3) .step__description
{
    color: #fcfcfc;
}

.steps__item .step__icon
{
    display: flex;

    height: 157px;
    margin-bottom: 16px;

    align-items: center;
    justify-content: center;
}

.steps__item .step__icon img
{
    width: 160px;
    height: auto;
}

.steps__item .step__title
{
    font-size: 30px;
    font-weight: 900;
    font-style: normal;
    line-height: 32px;

    margin-bottom: 16px;

    color: #1f1f1f;
}

@media (max-width: 900px)
{
    .steps__item .step__title
    {
        font-size: 24px;
        line-height: 32px;
    }
}

.steps__item .step__title span
{
    color: #9e9e9e;
}

.steps__item .step__description
{
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 24px;

    color: #1f1f1f;
}

.steps .swiper-pagination
{
    display: none;

    width: 100%;
    padding-top: 16px;

    justify-content: center;
}

@media (max-width: 900px)
{
    .steps .swiper-pagination
    {
        display: flex;
    }
}

.steps .swiper-pagination-clickable .swiper-pagination-bullet
{
    display: block;
}

.steps .swiper-pagination-bullet
{
    width: 10px;
    height: 6px;
    margin-right: 6px;

    transition: all .3s ease;

    opacity: 1;
    border-radius: 2px;
    background: #ccc;
}

.steps .swiper-pagination-bullet:last-child
{
    margin-right: 0;
}

.steps .swiper-pagination-bullet-active
{
    /* Rectangle 37 */
    width: 20px;
    height: 6px;

    border-radius: 2px;
    background: #1f1f1f;
}

.steps .swiper-container-steps
{
    position: relative;
}

.tyre-section
{
    margin-bottom: 20px;
    padding: 40px;

    text-align: center;

    color: #fff;
    background: #1e1e1e;
}

@media (max-width: 900px)
{
    .tyre-section
    {
        margin-bottom: 0;
    }
}

.tyre-section__container
{
    display: flex;

    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;

    justify-content: space-between;
    align-items: center;
}

.tyre-section__items
{
    position: relative;

    display: flex;

    justify-content: space-between;
    align-items: flex-end;
    flex-grow: 1;
}

@media (max-width: 900px)
{
    .tyre-section__items
    {
        flex-direction: column;

        align-items: center;
    }
}

.tyre-section__items:first-child:after
{
    position: absolute;
    top: 0;
    left: 50%;

    width: 1px;
    height: 100%;

    content: '';

    background: #555;
}

@media (max-width: 900px)
{
    .tyre-section__items:first-child:after
    {
        display: none;
    }
}

.tyre-section__item
{
    display: flex;
    flex-direction: column;

    align-items: center;
}

.tyre-section__item-wrapper
{
    display: flex;

    width: 50%;
}

.tyre-section__item-wrapper:first-child
{
    padding-right: 120px;

    justify-content: flex-end;
}

@media (max-width: 900px)
{
    .tyre-section__item-wrapper:first-child
    {
        margin-bottom: 40px;
        padding-right: 0;

        justify-content: center;
    }
}

.tyre-section__item-wrapper:last-child
{
    padding-left: 120px;

    justify-content: flex-start;
}

@media (max-width: 900px)
{
    .tyre-section__item-wrapper:last-child
    {
        padding-left: 0;

        justify-content: center;
    }
}

.tyre-section__text
{
    font-size: 24px;
    font-weight: 900;
    font-style: normal;
    line-height: 32px;

    max-width: 320px;
    margin-bottom: 32px;
    /* or 133% */

    text-align: center;
    /* Neutral/50 */

    color: #fcfcfc;
}

@media (max-width: 900px)
{
    .tyre-section__text
    {
        font-size: 20px;
        line-height: 30px;

        max-width: 100%;
        margin-bottom: 16px;
    }
}

.warranty-section
{
    overflow: hidden;
}

.warranty-section__wrapper
{
    display: flex;
    flex-direction: column;

    padding-bottom: 40px;

    justify-content: center;
    align-items: center;
}

@media (max-width: 600px)
{
    .warranty-section__wrapper
    {
        padding-top: 32px;
    }
}

.warranty-section__swiper
{
    max-width: 100%;
    margin-bottom: 32px;
}

@media (max-width: 900px)
{
    .warranty-section__swiper
    {
        margin-bottom: 54px;
    }
}

.warranty-section__title
{
    display: flex;
    flex-direction: column;

    margin-bottom: 32px;

    text-align: center;

    color: #1f1f1f;
}

.warranty-section__title span:first-child
{
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;

    display: block;

    margin-bottom: 8px;

    text-align: center;
}

@media (max-width: 900px)
{
    .warranty-section__title span:first-child
    {
        font-size: 12px;
        line-height: 16px;
    }
}

.warranty-section__title span:nth-child(2)
{
    font-size: 48px;
    font-weight: 900;
    font-style: normal;
    line-height: 56px;
    /* identical to box height, or 117% */

    text-align: center;
}

@media (max-width: 900px)
{
    .warranty-section__title span:nth-child(2)
    {
        font-size: 24px;
        line-height: 32px;
    }
}

.warranty-section__slide
{
    display: flex;
    flex-direction: column;

    border-radius: 4px;
    /* Neutral/50 */
    background: #fcfcfc;
    /* Shadow/lg */
    box-shadow: 0 12px 16px -4px rgba(31, 31, 31, .1), 0 4px 6px -2px rgba(31, 31, 31, .05);
}

.warranty-section__slide.swiper-slide
{
    height: auto;
}

@media (max-width: 900px)
{
    .warranty-section__slide.swiper-slide
    {
        height: 100%;
    }
}

.warranty-section .swiper-pagination
{
    display: none;

    width: 100%;
    padding-top: 16px;

    justify-content: center;
}

@media (max-width: 900px)
{
    .warranty-section .swiper-pagination
    {
        display: flex;
    }
}

.warranty-section .swiper-pagination-clickable .swiper-pagination-bullet
{
    display: block;
}

.warranty-section .swiper-pagination-bullet
{
    width: 10px;
    height: 6px;
    margin-right: 6px;

    transition: all .3s ease;

    opacity: 1;
    border-radius: 2px;
    background: #ccc;
}

.warranty-section .swiper-pagination-bullet:last-child
{
    margin-right: 0;
}

.warranty-section .swiper-pagination-bullet-active
{
    /* Rectangle 37 */
    width: 20px;
    height: 6px;

    border-radius: 2px;
    background: #1f1f1f;
}

.warranty-section .swiper-container-steps
{
    position: relative;
}

.warranty-section-slide__image
{
    width: 100%;
    max-width: 100%;
    height: auto;
}

.warranty-section-slide__content
{
    padding: 20px;
}

@media (max-width: 900px)
{
    .warranty-section-slide__content
    {
        padding: 24px 16px;
    }
}

.warranty-section-slide__heading
{
    font-size: 24px;
    font-weight: 900;
    font-style: normal;
    line-height: 32px;

    margin-bottom: 8px;
    /* or 133% */
    /* Neutral/950 */

    color: #1f1f1f;
}

@media (max-width: 900px)
{
    .warranty-section-slide__heading
    {
        font-size: 20px;
        line-height: 30px;
    }
}

.warranty-section-slide__description
{
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 24px;
    /* or 150% */
    /* Neutral/950 */

    color: #1f1f1f;
}

.conditions-section
{
    background: #fcfcfc;
}

@media (max-width: 1023px)
{
    .conditions-section
    {
        background-color: #fff;
    }
}

.conditions-section__wrapper
{
    display: flex;
    flex-direction: column;

    padding-bottom: 80px;

    justify-content: center;
    align-items: center;
}

@media (max-width: 900px)
{
    .conditions-section__wrapper
    {
        padding-bottom: 32px;
    }
}

.conditions-section__title
{
    display: flex;
    flex-direction: column;

    margin-bottom: 40px;

    text-align: center;

    color: #1f1f1f;
}

.conditions-section__title span:first-child
{
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;

    display: block;

    margin-bottom: 8px;

    text-align: center;
}

@media (max-width: 900px)
{
    .conditions-section__title span:first-child
    {
        font-size: 12px;
        line-height: 16px;

        margin-bottom: 16px;
    }
}

.conditions-section__title span:nth-child(2)
{
    font-size: 48px;
    font-weight: 900;
    font-style: normal;
    line-height: 56px;

    text-align: center;
}

@media (max-width: 900px)
{
    .conditions-section__title span:nth-child(2)
    {
        font-size: 24px;
        line-height: 32px;
    }
}

.faq-section .style_accordion__F1wFk.style_tyrelife__jxRd4 .accordion__title--active.style_accordion_title__0xblf .style_arrowIcon__F4dNt
{
    transform: translateX(7px) rotate(-90deg);
}

@media (max-width: 900px)
{
    .faq-section .style_faqs_container__8lzdA.style_Tyrelife__CNTRY,
    .faq-section .style_faqs_container__8lzdA.style_loiMontagne__81FpR
    {
        padding: 32px 0;
    }
}

@media (max-width: 1023px)
{
    .faq-section .style_faqs_container__8lzdA.style_Tyrelife__CNTRY,
    .faq-section .style_faqs_container__8lzdA.style_loiMontagne__81FpR
    {
        background-color: #fff;
    }
}

.faq-section .style_accordion__F1wFk.style_tyrelife__jxRd4:first-child
.style_accordion_title__0xblf
{
    margin: 0;
}

.faq-section .style_accordion__F1wFk.style_tyrelife__jxRd4:not(:last-child)
{
    margin-bottom: 0;
}

.tyres-section__image
{
    display: flex;

    align-items: center;
    justify-content: center;
}

@media (max-width: 900px)
{
    .tyres-section__image
    {
        margin-bottom: 30px !important;
    }
}

.tyres-section__image-wrapper
{
    display: block;
}

.tyres-section__image img
{
    display: block;

    width: 100%;
    height: auto;
}

.tyres-section__swiper
{
    display: none;
    overflow: hidden;
}

@media (max-width: 600px)
{
    .tyres-section__swiper
    {
        position: relative;

        margin-top: 32px;
    }
}

.tyres-section__swiper .swiper-wrapper
{
    display: flex;
}

.tyres-section__swiper .tires__slide
{
    text-align: center;
}

.tyres-section__swiper .tires__slide img
{
    width: 100%;
    height: auto;
}

.tyres-section__swiper .swiper-button-prev,
.tyres-section__swiper .swiper-button-next
{
    width: 20px;
    height: 20px;
    margin-top: -10px;
}

.tyres-section__swiper .swiper-button-prev::after,
.tyres-section__swiper .swiper-button-next::after
{
    display: none;
}

.tyres-section__swiper .swiper-button-prev
{
    background: url(../img/arrow-left-slider.png) no-repeat 0 0/100% 100%;
}

.tyres-section__swiper .swiper-button-next
{
    background: url(../img/arrow-right-slider.png) no-repeat 0 0/100% 100%;
}

.tyres-section__slide
{
    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;
}

.tyres-section__slide img
{
    display: block;

    width: 180px;
    max-width: 180px;
    height: auto;
}

.tyres-section__slide-title
{
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;

    display: block;

    margin-top: 8px;

    text-align: center;
    text-transform: uppercase;

    color: black;
}

@media (max-width: 600px)
{
    .tyres-section__image
    {
        display: none;
    }

    .tyres-section__swiper
    {
        display: block;
    }
}

.tyres-section .style_contentTextAndImage_image__B_jCm
{
    height: auto;
    min-height: auto;
}

@media (max-width: 579px)
{
    .tyres-section .style_tyrelife__br2t7 .style_contentTextAndImage_image__B_jCm
    {
        height: auto;
        min-height: auto;
        margin-bottom: 0;
    }
}

@media (max-width: 600px)
{
    .tyres-section .style_contentTextAndImage_container__s2Hbu
    {
        flex-direction: column-reverse;
    }
}

@media (max-width: 600px)
{
    .tyres-section .style_contentTextAndImage_container__s2Hbu.style_tyrelife__br2t7
    {
        margin-bottom: 32px;
        padding-top: 32px;
    }
}

.tyres-section .style_contentTextAndImage_container__s2Hbu.style_tyrelife__br2t7
.style_customWidthImage__f_Ruj
{
    width: auto;
}

@media (min-width: 992px)
{
    .tyres-section .style_contentTextAndImage_text__3wxMV
    {
        padding-right: 0;
    }
}

.tyres-section .style_contentTextAndImage_container__s2Hbu.style_tyrelife__br2t7
{
    width: 90%;
    padding: 56px 0;

    gap: 32px;
}

@media only screen and (max-width: 1023px)
{
    .tyres-section .style_contentTextAndImage_container__s2Hbu.style_tyrelife__br2t7
    {
        width: 95%;
        padding: 32px 0;
    }
}

@media only screen and (max-width: 1023px)
{
    .tyres-section .style_contentTextAndImage_container__s2Hbu.style_tyrelife__br2t7
    .style_contentTextAndImage_image__B_jCm,
    .tyres-section .style_contentTextAndImage_container__s2Hbu.style_tyrelife__br2t7
    .style_contentTextAndImage_text__3wxMV
    {
        text-align: left;
    }
}

@media only screen and (max-width: 1023px)
{
    .breadcrumbs.style_breadcrumbs__zgzJU.style_withSpace__TYF3l
    {
        width: 95%;
        margin: 16px auto;
    }
}

.activation-form .style_cta__wrapper__Uh_L5.style_boxed__pIOG4
{
    width: 90%;
}

@media only screen and (max-width: 1023px)
{
    .activation-form .style_cta__wrapper__Uh_L5.style_boxed__pIOG4
    {
        width: 95%;
    }
}

.modal-country
{
    transition: .3s 0s;
}

.modal-country.style_modalContainer__Rypqm
{
    visibility: hidden;

    opacity: 0;
}

.modal-country.modal-open
{
    visibility: visible;

    transition: .3s;

    opacity: 1;
}

.modal-country.modal-open .style_overlay__xZ03Z
{
    opacity: 1;
}

.modal-country.modal-open.style_modalContainer__Rypqm.style_right__6V4oT .style_innerView__chz4k
{
    transform: translateX(0);
}

.modal-tyres
{
    transition: .3s 0s;
}

.modal-tyres.style_modalContainer__Rypqm
{
    visibility: hidden;

    opacity: 0;
}

.modal-tyres.modal-open
{
    visibility: visible;

    transition: .3s;

    opacity: 1;
}

.modal-tyres.modal-open .style_overlay__xZ03Z
{
    opacity: 1;
}

.modal-tyres.modal-open.style_modalContainer__Rypqm.style_right__6V4oT .style_innerView__chz4k
{
    transform: translateX(0);
}

.modal-pickupTyres
{
    transition: .3s 0s;
}

.modal-pickupTyres.style_modalContainer__Rypqm
{
    visibility: hidden;

    opacity: 0;
}

.modal-pickupTyres.modal-open
{
    visibility: visible;

    transition: .3s;

    opacity: 1;
}

.modal-pickupTyres.modal-open .style_overlay__xZ03Z
{
    opacity: 1;
}

.modal-pickupTyres.modal-open.style_modalContainer__Rypqm.style_right__6V4oT .style_innerView__chz4k
{
    transform: translateX(0);
}

.modal-filters
{
    transition: .3s 0s;
}

.modal-filters.style_modalContainer__Rypqm
{
    visibility: hidden;

    opacity: 0;
}

.modal-filters.modal-open
{
    visibility: visible;

    transition: .3s;

    opacity: 1;
}

.modal-filters.modal-open .style_overlay__xZ03Z
{
    opacity: 1;
}

.modal-filters.modal-open.style_modalContainer__Rypqm.style_right__6V4oT .style_innerView__chz4k
{
    transform: translateX(0);
}

.modal-additionInformation
{
    transition: .3s 0s;
}

.modal-additionInformation.style_modalContainer__Rypqm
{
    visibility: hidden;

    opacity: 0;
}

.modal-additionInformation.modal-open
{
    visibility: visible;

    transition: .3s;

    opacity: 1;
}

.modal-additionInformation.modal-open .style_overlay__xZ03Z
{
    opacity: 1;
}

.modal-additionInformation.modal-open.style_modalContainer__Rypqm.style_right__6V4oT .style_innerView__chz4k
{
    transform: translateX(0);
}

.modal-buynow
{
    transition: .3s 0s;
}

.modal-buynow.style_modalContainer__Rypqm
{
    visibility: hidden;

    opacity: 0;
}

.modal-buynow.modal-open
{
    visibility: visible;

    transition: .3s;

    opacity: 1;
}

.modal-buynow.modal-open .style_overlay__xZ03Z
{
    opacity: 1;
}

.modal-buynow.modal-open.style_modalContainer__Rypqm.style_right__6V4oT .style_innerView__chz4k
{
    transform: translateX(0);
}

.style_accordion__VOg7c.style_xOpen__N7FYD .style_icon__jky3H svg
{
    transform: rotate(270deg);
}

.style_accordion__VOg7c .style_icon__jky3H svg
{
    transition: transform .3s ease 0s;
    transform: rotate(90deg);
}

@media screen and (max-width: 1299px)
{
    .style_mainNav__QH4Ad .style_content__a0ux6
    {
        width: auto !important;
    }
}

@media screen and (max-width: 1023px)
{
    header .style_mainNav__QH4Ad .style_cta-secondary__GD6yI.style_cta__sizesm__UWKdG
    {
        font-size: 0 !important;
        line-height: 0 !important;

        width: calc(34px + 2px) !important;
    }

    header .style_mainNav__QH4Ad .style_cta-secondary__GD6yI.style_cta__sizesm__UWKdG .style_cta__button__KcIPE
    {
        margin-right: 0;
        margin-left: 0;
    }

    header .style_mainNav__QH4Ad .style_cta-secondary__GD6yI.style_cta__sizesm__UWKdG .style_cta__button__KcIPE span
    {
        margin-right: 0;
        margin-left: 0;
    }
}

.style_headerContainer__1iaOg .style_overlay__oJuwT
{
    display: none;
}

.style_headerContainer__1iaOg .style_overlay__oJuwT.show
{
    display: block;
}

@media screen and (max-width: 1023px)
{
    .style_footer__rP1_6 .style_content__R_D5V .style_linksRow__MuRSV
    {
        padding: 0;
    }
}

.style_noBG__NNqe3 .style_commonText__3N42S
{
    color: #fff !important;
}

.style_noBG__NNqe3 .style_countryIcon__9OgbO path
{
    stroke: #fff;
}

.style_noBG__NNqe3 .style_cta-secondary__GD6yI.style_cta__bglight__0kgEE.style_cta__bgimg__6ofs_
{
    color: #fcfcfc;
    background: rgba(255, 255, 255, .05);

    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
}

.style_noBG__NNqe3 .style_cta-secondary__GD6yI.style_cta__bglight__0kgEE.style_cta__bgimg__6ofs_ .style_icon__jky3H path
{
    stroke: #fff;
}

@media screen and (max-width: 1299px)
{
    .style_noBG__NNqe3 .style_cta-secondary__GD6yI.style_cta__bglight__0kgEE
    {
        color: #fcfcfc;
        background: rgba(255, 255, 255, .05);

        -webkit-backdrop-filter: blur(20px);
                backdrop-filter: blur(20px);
    }
}

@media screen and (max-width: 1299px)
{
    .style_noBG__NNqe3 .style_cta-secondary__GD6yI.style_cta__bglight__0kgEE
    path:not(.invertHover)
    {
        stroke: #fcfcfc;
    }
}

@media screen and (max-width: 1299px)
{
    .style_noBG__NNqe3 .style_hamb__NoLU7 path
    {
        stroke: #fcfcfc;
    }
}

.style_commonText__3N42S.style_isLink__bnhwe:hover
{
    font-weight: 700 !important;
}

.swiper-container-fade.swiper-free-mode .swiper-slide
{
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide
{
    transition-property: opacity;
    pointer-events: none;
}

.swiper-container-fade .swiper-slide .swiper-slide
{
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active
{
    pointer-events: auto;
}

.__react_component_tooltip
{
    font-size: 13px;

    position: fixed;
    z-index: 999;
    top: -999em;
    left: -999em;

    display: inline-block;
    visibility: hidden;

    transition: opacity .3s ease-out;
    pointer-events: none;

    opacity: 0;
    border-radius: 3px;
}

.__react_component_tooltip.allow_hover,
.__react_component_tooltip.allow_click
{
    pointer-events: auto;
}

.__react_component_tooltip::before,
.__react_component_tooltip::after
{
    position: absolute;

    width: 0;
    height: 0;

    content: '';
}

.__react_component_tooltip.show
{
    visibility: visible;

    margin-top: 0;
    margin-left: 0;

    opacity: .9;
}

.__react_component_tooltip.place-top::before
{
    bottom: 0;
    left: 50%;

    margin-left: -11px;
}

.__react_component_tooltip.place-bottom::before
{
    top: 0;
    left: 50%;

    margin-left: -11px;
}

.__react_component_tooltip.place-left::before
{
    top: 50%;
    right: 0;

    margin-top: -9px;
}

.__react_component_tooltip.place-right::before
{
    top: 50%;
    left: 0;

    margin-top: -9px;
}

.__react_component_tooltip .multi-line
{
    display: block;

    padding: 2px 0;

    text-align: center;
}

.youtube_modal_container
{
    display: none;
}

.youtube_modal_container.modal-open
{
    display: block;
}

.style_clearIcon__Tt1kf
{
    display: none !important;
}

.style_cleanable__RSpPW .style_clearIcon__Tt1kf
{
    display: inline-flex !important;
}

.style_productCard__data__Z_hW0
.style_modalContainer__Rypqm.style_posAbsolute__FyvlJ
{
    top: 100%;

    transition: .2s top;
}

.style_productCard__data__Z_hW0
.style_modalContainer__Rypqm.style_posAbsolute__FyvlJ--show
{
    top: 0;
}

.style_slide__YmXni .style_slide__YmXni_wrapper
{
    display: none;
}

.style_slide__YmXni .style_slide__YmXni_wrapper.style_slide__YmXni_wrapper_active
{
    display: block;
}

.style_catalogueWrapper__JQVCA .style_productsListContainer__x36KZ
{
    font-size: 0;
}

@media screen and (max-width: 500px)
{
    .style_tabSelection__AY0WI .style_icon__jky3H
    {
        height: auto !important;
    }

    .style_tabSelection__AY0WI .style_icon__jky3H svg
    {
        max-width: 24px;
        max-height: 24px;
    }

    .style_tabSelection__AY0WI .style_commonText__3N42S:not(
    .style_commonText__3N42S.style_fixedSize__VmGtz
    ).style_lead__I6Pzi
    {
        font-size: 12px;
        line-height: 1.1;
    }
}

@media screen and (min-width: 1059px)
{
    .style_scrollCard__b9zae .style_scrollCard__scrollbar__GNjF6
    {
        display: none;
    }
}

@media only screen and (max-width: 1100px)
{
    .dealerLocatorHub_majorCitiesBlock__2snov
    .dealerLocatorHub_citiesWrapper__5Lt5V
    .dealerLocatorHub_cityBtn__oEWEf
    {
        width: auto !important;
        max-width: none !important;
    }
}

.style_mapContainer__8Uba6
.style_dealerTooltip__mOhNV
.style_directionsBtn__kWZ3W
{
    display: flex !important;

    margin-top: 8px;
    margin-bottom: 0 !important;
}

.style_mapContainer__8Uba6 .style_dealerTooltip__mOhNV
{
    font-family: Gotham;

    display: flex;
    overflow: hidden;

    text-align: center;

    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.style_linksRow__MuRSV .hide-mobile-1023
{
    width: 100%;
}

.style_linksRow__MuRSV .show-mobile-1023
{
    width: 100%;
}

.style_dropdown__EcWaC .dealerLocatorHub_citiesWrapper__5Lt5V
{
    flex-direction: column;
}

.style_heroContainer__vKaBJ.style_dark__pQ26_.style_headerFitment__0fjPn:not(
.style_fullScreen__wBMCJ
)
{
    height: auto;
}

.style_heroContainer__vKaBJ.style_dark__pQ26_.style_headerFitment__0fjPn:not(
  .style_fullScreen__wBMCJ
) .style_content__lYlaB
{
    height: auto;
    padding-bottom: 110px;
}

.selectReact__option:hover
{
    background: rgba(255, 255, 255, .2);
}

.showOn1024
{
    display: none;
}

@media screen and (max-width: 1023px)
{
    .showOn1024
    {
        display: block;
    }
}

.showOn1024 .style_sizesContainer__r_iTr
{
    padding-bottom: 0;
}

.showOn1024 .style_sizesContainer__r_iTr .style_labelContainer__HCk2C
{
    padding-top: 15px;
}

@media screen and (max-width: 1023px)
{
    .hideOn1024
    {
        display: none;
    }
}

@media screen and (max-width: 1023px)
{
    .style_titleHeader__F5EAV
    {
        flex-shrink: 1;
    }
}

.style_selectFitment__gfU9W.style_active__K0K7P .css-19bb58m
{
    display: none;
}

.style_selectFitment__gfU9W.style_active__K0K7P .selectReact__single-value.css-1dimb5e-singleValue
{
    white-space: nowrap !important;
}

.style_zipCodeStep__gBhJz .style_label__gIRMZ a
{
    color: #fff;
}

.style_fitmentContainer__xsrnG
.style_fitmentRow__Ii1kn
.style_zipCodeStep__gBhJz
.style_ctaContainer__LF_tI:hover .style_label__gIRMZ a
{
    color: #000;
}

.moto_page .style_page__N74iz.style_headerDLS__S72Bu
{
    padding-top: 64px;
}

.moto_page .style_heroContainer__vKaBJ
.style_content__lYlaB
.style_textWrapper__HssTh
{
    width: 75%;
}

.moto_page .style_detailsContainer__vLVj0
.style_dealersList__Fz3V9
.style_singleDetail__6eCgd
{
    display: flex;

    height: auto;

    flex-wrap: wrap;
}

.moto_page .style_detailsContainer__vLVj0
.style_dealersList__Fz3V9
.style_singleDetail__6eCgd
.style_mainButton__EPcAb
{
    align-self: flex-end;
}

.moto_page .style_detailsContainer__vLVj0
.style_dealersList__Fz3V9
.style_singleDetail__6eCgd
.style_infoItem__bq43K
{
    width: 100%;
}

.moto_page .style_cta-primary__OaShd.style_cta__bglight__0kgEE:hover *
{
    color: #fcfcfc;
}

.moto_page .metzeler .style_cta-primary__OaShd.style_cta__bglight__0kgEE,
.moto_page .metzeler .style_cta-primary__OaShd.style_cta__bglight__0kgEE a
{
    text-decoration: none;

    color: #fff;
    border: 1px solid #001e50;
    background: #001e50;
}

.moto_page .metzeler .style_mainNav__QH4Ad
{
    background: #001e50;
}

.moto_page .metzeler .style_logo__TXU4Q
{
    background: #001e50;
}

.moto_page .metzeler .style_logo__TXU4Q img
{
    height: 30px;
}

.moto_page .metzeler .visore-russia
{
    position: absolute;

    display: block;

    box-sizing: border-box;
    width: 0;
    min-width: 100%;
    max-width: 100%;
    height: 0;
    min-height: 100%;
    max-height: 100%;
    margin: auto;
    padding: 0;

    border: none;

    inset: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
}

.moto_page .metzeler body
{
    font-family: 'Univers LT W02_55 Roman1475958', 'Helvetica Neue',
    Helvetica, Arial, sans-serif !important;
}

.moto_page .metzeler .style_footer__rP1_6
{
    background: #001e50;
}

.moto_page .metzeler .style_detailsContainer__vLVj0
.style_dealersList__Fz3V9
.style_singleDetail__6eCgd
{
    border-radius: 0;
}

.moto_page .metzeler .style_cta-primary__OaShd
{
    border-radius: 0;
}

.moto_page .metzeler .visore-russia-container:after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background: rgba(12, 11, 11, .15);
}