/* PipUI v1.4.2 © Qexy | Site: https://pipui.ru | License: MIT */
@media (min-width: 768px) {
    .container {
        width: 748px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 952px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1180px;
    }
}
@media (min-width: 1400px) {
    .container {
        width: 1380px;
    }
}
@media (max-width: 1399px) {
    .breakpoint-1400 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-1400-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}

@media (max-width: 1199px) {
    .breakpoint-1200 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }

    .breakpoint-1200-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}

@media (max-width: 991px) {
    .breakpoint-992 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }

    .breakpoint-992-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}

@media (max-width: 767px) {
    .breakpoint-768 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-768-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }

    .container {
        width: 100%;
    }
    .absolute.absolute-static {
        position: static;
    }
    .fixed.fixed-static {
        position: static;
    }
    .absolute-i.absolute-static {
        position: static !important;
    }
    .fixed-i.fixed-static {
        position: static !important;
    }
    .h1,
    h1 {
        font-size: 28px;
        line-height: 36px;
    }
    .h2,
    h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .h3,
    h3 {
        font-size: 22px;
        line-height: 28px;
    }
    .h4,
    h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .h5,
    h5 {
        font-size: 16px;
        line-height: 20px;
    }
    .h6,
    h6 {
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width: 479px) {
    .breakpoint-480 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-480-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 319px) {
    .breakpoint-320 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-320-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 767px) {
    .alert {
        width: 100%;
    }
    .alert > .alert-id {
        max-width: 100%;
        width: 100%;
        min-width: 100%;
    }
    .alert[data-placement$="-center"] {
        right: auto;
        left: 0;
    }
}
@media (max-width: 319px) {
    .alert > .alert-id > .alert-footer {
        grid-template-columns: 100%;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .btn {
        display: block;
        width: 100%;
        margin-top: 20px;
    }
}
@media (max-width: 767px) {
    .confirm > .confirm-id {
        width: 100%;
        min-width: 100%;
    }
    .confirm > .confirm-id > .confirm-footer {
        padding: 0;
    }
    .confirm > .confirm-id > .confirm-footer > .btn {
        margin-left: 0;
    }
}
@media (max-width: 479px) {
    .datepicker > .datepicker-wrapper > .datepicker-block {
        width: 100%;
    }
    .datepicker > .datepicker-wrapper > .datepicker-block > .block-date > .middle > .daylist {
        grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));
    }
}
@media (max-width: 319px) {
    .datepicker > .datepicker-wrapper > .datepicker-block > .block-date > .top,
    .datepicker > .datepicker-wrapper > .datepicker-block[data-datepicker-type="datetime"] > .block-date > .footer {
        grid-gap: 8px;
        grid-template-columns: 100%;
    }
}
@media (max-width: 991px) {
    .row,
    .row > .col-1,
    .row > .col-10,
    .row > .col-11,
    .row > .col-12,
    .row > .col-2,
    .row > .col-3,
    .row > .col-4,
    .row > .col-5,
    .row > .col-6,
    .row > .col-7,
    .row > .col-8,
    .row > .col-9 {
        display: block;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .columns-1,
    .columns-10,
    .columns-11,
    .columns-12,
    .columns-2,
    .columns-3,
    .columns-4,
    .columns-5,
    .columns-6,
    .columns-7,
    .columns-8,
    .columns-9 {
        grid-template-columns: 100%;
    }
    .column-1,
    .column-1-10,
    .column-1-11,
    .column-1-12,
    .column-1-2,
    .column-1-3,
    .column-1-4,
    .column-1-5,
    .column-1-6,
    .column-1-7,
    .column-1-8,
    .column-1-9,
    .column-10,
    .column-10-11,
    .column-10-12,
    .column-11,
    .column-11-12,
    .column-12,
    .column-2,
    .column-2-10,
    .column-2-11,
    .column-2-12,
    .column-2-3,
    .column-2-4,
    .column-2-5,
    .column-2-6,
    .column-2-7,
    .column-2-8,
    .column-2-9,
    .column-3,
    .column-3-10,
    .column-3-11,
    .column-3-12,
    .column-3-4,
    .column-3-5,
    .column-3-6,
    .column-3-7,
    .column-3-8,
    .column-3-9,
    .column-4,
    .column-4-10,
    .column-4-11,
    .column-4-12,
    .column-4-5,
    .column-4-6,
    .column-4-7,
    .column-4-8,
    .column-4-9,
    .column-5,
    .column-5-10,
    .column-5-11,
    .column-5-12,
    .column-5-6,
    .column-5-7,
    .column-5-8,
    .column-5-9,
    .column-6,
    .column-6-10,
    .column-6-11,
    .column-6-12,
    .column-6-7,
    .column-6-8,
    .column-6-9,
    .column-7,
    .column-7-10,
    .column-7-11,
    .column-7-12,
    .column-7-8,
    .column-7-9,
    .column-8,
    .column-8-10,
    .column-8-11,
    .column-8-12,
    .column-8-9,
    .column-9,
    .column-9-10,
    .column-9-11,
    .column-9-12 {
        grid-column: unset;
    }
}
@media (max-width: 767px) {
    .modal {
        padding: 12px;
    }
    .modal > .wrapper {
        width: 100%;
        padding: 0 12px;
        height: calc(100vh - 24px);
    }
    .modal > .wrapper > .modal-content > .modal-footer {
        padding-top: 0;
    }
}
@media (max-width: 991px) {
    .navbar {
        height: auto;
    }
    .navbar .navbar-wrapper {
        display: block;
    }
    .navbar .navbar-wrapper > .nav-center,
    .navbar .navbar-wrapper > .nav-right {
        display: none;
    }
    .navbar .navbar-wrapper .nav-item,
    .navbar .navbar-wrapper .nav-link,
    .navbar .navbar-wrapper .navbar-menu,
    .navbar .navbar-wrapper .navbar-menu > li,
    .navbar .navbar-wrapper > .nav-left,
    .navbar.open .navbar-wrapper > .nav-center,
    .navbar.open .navbar-wrapper > .nav-right {
        display: block;
        width: 100%;
    }
    .navbar .navbar-wrapper > .nav-center,
    .navbar .navbar-wrapper > .nav-right {
        padding: 20px;
    }
    .navbar .navbar-wrapper > .nav-right {
        padding-top: 0;
    }
    .navbar .navbar-wrapper .navbar-menu,
    .navbar .navbar-wrapper > .nav-center {
        padding-bottom: 0;
    }
    .navbar .navbar-wrapper .nav-mobile {
        display: inline-block;
    }
    .navbar .navbar-wrapper .nav-submenu {
        position: static;
        width: 100%;
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0.04);
    }
    .navbar .navbar-wrapper .nav-submenu .nav-item,
    .navbar .navbar-wrapper .nav-submenu .nav-link {
        color: #757575;
    }
    .navbar .navbar-wrapper .nav-item,
    .navbar .navbar-wrapper .nav-link {
        line-height: 63px;
        height: 64px;
        padding: 0 16px;
    }
    .navbar .navbar-wrapper .nav-link:after {
        display: none;
    }
    .navbar .navbar-wrapper .navbar-menu > li > .nav-submenu:before {
        display: none;
    }
    .navbar .navbar-wrapper .nav-link.active,
    .navbar .navbar-wrapper .nav-link:active,
    .navbar .navbar-wrapper .nav-link:hover,
    .navbar .navbar-wrapper .nav-mobile:active,
    .navbar .navbar-wrapper .nav-mobile:hover,
    .navbar.open .navbar-wrapper .nav-mobile {
        background-color: rgba(0, 0, 0, 0.04);
    }
    .navbar.navbar-text-light .navbar-wrapper .nav-link.active,
    .navbar.navbar-text-light .navbar-wrapper .nav-link:active,
    .navbar.navbar-text-light .navbar-wrapper .nav-link:hover,
    .navbar.navbar-text-light .navbar-wrapper .nav-mobile:active,
    .navbar.navbar-text-light .navbar-wrapper .nav-mobile:hover,
    .navbar.open.navbar-text-light .navbar-wrapper .nav-mobile {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .navbar.navbar-text-light .navbar-wrapper .nav-submenu .nav-link.active,
    .navbar.navbar-text-light .navbar-wrapper .nav-submenu .nav-link:active,
    .navbar.navbar-text-light .navbar-wrapper .nav-submenu .nav-link:hover {
        background-color: rgba(255, 255, 255, 0.1);
        color: #fff;
    }
}
@media (max-width: 479px) {
    .navbar .navbar-wrapper .nav-brand {
        font-size: 20px;
    }
}
@media (max-width: 279px) {
    .navbar .navbar-wrapper .nav-brand {
        display: none;
    }
    .navbar .navbar-wrapper {
        padding-top: 80px;
    }
    .navbar .navbar-wrapper .nav-mobile {
        width: 80px;
        position: absolute;
        top: 0;
        right: 0;
    }
}
@media (max-width: 991px) {
    .nav-menu.nav-menu-responsive {
        width: 64px;
    }
    .nav-menu.nav-menu-responsive .nav-menu-item.active {
        background-color: rgba(0, 0, 0, 0.08);
    }
    .nav-menu.nav-menu-responsive .nav-menu-link .link-text {
        position: absolute;
        left: 100%;
        top: 0;
        z-index: 1;
        max-width: calc(100vw - 84px);
        padding: 20px;
        visibility: hidden;
        white-space: nowrap;
        display: block;
        opacity: 0;
        background-color: #eee;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    }
    .nav-menu.nav-menu-responsive .nav-menu-link:hover .link-text {
        visibility: visible;
        opacity: 1;
    }
    .nav-menu.nav-menu-responsive .nav-menu-link .link-icon {
        font-size: 16px;
    }
}
@media (max-width: 319px) {
    .nav-menu.nav-menu-responsive .nav-menu-link .link-text {
        width: calc(100vw - 84px);
    }
    .nav-menu.nav-menu-responsive .nav-menu-link .link-text {
        word-break: normal;
        white-space: normal;
    }
}
@media (max-width: 1199px) {
    .table.table-responsive,
    .table.table-responsive .table-body,
    .table.table-responsive .table-caption,
    .table.table-responsive .table-cell,
    .table.table-responsive .table-cell-resp,
    .table.table-responsive .table-col-group,
    .table.table-responsive .table-column,
    .table.table-responsive .table-footer,
    .table.table-responsive .table-row {
        display: block;
    }
    .table.table-responsive .table-cell {
        text-align: left;
    }
    .table.table-responsive .table-header {
        display: none;
    }
    .table.table-responsive .table-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: start;
        border-top: 1px solid #eee;
        margin-bottom: 20px;
    }
    .table.table-responsive .table-row:last-child {
        border-bottom: 1px solid #eee;
    }
    .table.table-responsive .table-row:last-child {
        margin: 0;
    }
    .table.table-responsive .table-row > .table-cell:last-child {
        text-align: left;
    }
}
@media (max-width: 767px) {
    .tabs > .tab-links {
        padding: 8px;
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 8px;
    }
    .tabs > .tab-links > li {
        display: block;
    }
    .tabs > .tab-links > li > .tab-link {
        line-height: 40px;
        height: 40px;
        min-width: 40px;
        padding: 0 12px;
        width: 100%;
        display: block;
    }
    .tabs > .tab-links > li > .tab-link.active,
    .tabs > .tab-links > li > .tab-link:hover {
        border: 0;
        background-color: rgba(0, 0, 0, 0.1);
    }
    .tabs.tabs-horizontal {
        grid-template-columns: 100%;
    }
    .tabs > .tab-links > li .tab-link.active,
    .tabs > .tab-links > li .tab-link:hover {
        border: 0;
    }
}
@media (max-width: 1919px) {
    .breakpoint-1920 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-1920-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 1599px) {
    .breakpoint-1600 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-1600-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 1535px) {
    .breakpoint-1536 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-1536-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 1439px) {
    .breakpoint-1440 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-1440-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 1399px) {
    .breakpoint-1400 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-1400-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 1279px) {
    .breakpoint-1280 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-1280-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 1199px) {
    .breakpoint-1200 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-1200-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 1079px) {
    .breakpoint-1080 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-1080-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 1023px) {
    .breakpoint-1024 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-1024-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 991px) {
    .breakpoint-992 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-992-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 899px) {
    .breakpoint-900 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-900-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 863px) {
    .breakpoint-864 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-864-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 799px) {
    .breakpoint-800 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-800-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 767px) {
    .breakpoint-768 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-768-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 719px) {
    .breakpoint-720 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-720-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 639px) {
    .breakpoint-640 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-640-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 559px) {
    .breakpoint-560 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-560-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 479px) {
    .breakpoint-480 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-480-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 399px) {
    .breakpoint-400 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-400-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}
@media (max-width: 319px) {
    .breakpoint-320 {
        width: 100%;
        display: block;
        grid-template-columns: 100%;
        grid-column: unset;
    }
    .breakpoint-320-i {
        width: 100% !important;
        display: block !important;
        grid-template-columns: 100% !important;
        grid-column: unset !important;
    }
}