@media (max-width: 767px) {
.cus-stati .article-list .article {
    flex-wrap: wrap !important;
}
  .article-list .article .article-header h1, .article-list .article .article-header h2 {
    font-size: 16px !important;
}
  .cat-children.mb-4 > div .page-header.item-title {
    font-size: 16px !important;
}
  .cat-children.mb-4 > div {
    max-width: 100% !important;
}
  .cat-children.mb-4 {
    flex-wrap: wrap !important;
}
  .sppb-text-right.align-mob {
    text-align: left;
}
  #sp-page-builder .sppb-section-title h2.sppb-title-heading {
    font-size: 20px !important;
}
  header#sp-header {
    padding: 15px 0 15px 0 !important;
}
  .kont-podval .sppb-addon-content {
    flex-wrap: wrap !important;
}
  .cus-proizv .sppb-article-info-wrap h3 {
    font-size: 16px !important;
}
  .cus-proizv .sppb-col-sm-3 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}
  #sp-page-builder .sppb-section-title .sppb-title-heading {
    line-height: 30px !important;
}
  .cus-usl .sppb-addon-article .sppb-article-img-wrap:after {
    clip-path: polygon(75% 0, 100% 45%, 100% 100%, 0 100%, 0 0) !important;
}
  .cus-usl .sppb-addon-article img.sppb-img-responsive {
    clip-path: polygon(71% 0, 100% 50%, 100% 100%, 0 100%, 0 0) !important;
}
  header#sp-header div#sp-menu .justify-content-end {
    justify-content: end !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.cus-stati .article-list .article {
    flex-wrap: wrap !important;
}
  .article-list .article .article-header h1, .article-list .article .article-header h2 {
    font-size: 18px !important;
}
  .cat-children.mb-4 > div .page-header.item-title {
    font-size: 18px !important;
}
  .cat-children.mb-4 > div {
    max-width: 30.333333% !important;
}
  .cat-children.mb-4 {
    flex-wrap: wrap !important;
}
  #sp-page-builder .sppb-section-title h2.sppb-title-heading {
    font-size: 30px !important;
}
  header#sp-header {
    padding: 15px 0 15px 0 !important;
}
  .kont-podval .sppb-addon-content {
    flex-wrap: wrap !important;
}
  .cus-proizv .sppb-article-info-wrap h3 {
    font-size: 18px !important;
}
  .cus-proizv .sppb-col-sm-3 {
    max-width: 33.333333% !important;
    flex: 0 0 33.333333% !important;
}
  #sp-page-builder .sppb-section-title .sppb-title-heading {
    line-height: 50px !important;
}
  .cus-usl .sppb-addon-article .sppb-article-img-wrap:after {
    clip-path: polygon(75% 0, 100% 49%, 100% 100%, 0 100%, 0 0) !important;
}
  .cus-usl .sppb-addon-article img.sppb-img-responsive {
    clip-path: polygon(71% 0, 100% 55%, 100% 100%, 0 100%, 0 0) !important;
}
  header#sp-header div#sp-menu .justify-content-end {
    justify-content: end !important;
}
}
.ba-form-1 .ba-form-page {
    margin-left: 0;
    padding: 0 !important;
}
.ba-form-signature-field .ba-signature-canvas, .ba-form-field-item .ba-form-products-cart .ba-form-product-quantity-cell input, .ba-form-page-navigation-title, .upload-file-btn, .upload-file-input, .ba-field-container select, .ba-field-container textarea[readonly], .ba-field-container textarea, .ba-field-container input[type="text"], .ba-field-container input[type="number"], .ba-field-container input[type="password"], .ba-field-container input[type="email"] {
    padding-bottom: var(--field-padding-bottom) !important;
    padding-left: var(--field-padding-left) !important;
    padding-right: var(--field-padding-right) !important;
    padding-top: var(--field-padding-top) !important;
}
.cus-cat .sppb-addon-single-image-container img.sppb-img-responsive {
    border: 1px solid #406FAD;
    display: block;
    border-radius: 48px;
    padding: 15px;
}
.sppb-section-title .sppb-title-heading {
    padding-left: 80px;
}
.sppb-section-title .sppb-title-heading:before {
    content: '';
    display: block;
    background-color: #406FAD;
    width: 50px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 45%;
}
.mail-shapka .sppb-addon-content div span, .adres-shapka .sppb-addon-content div span {
    color: #787878;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
    margin-left: 34px;
    margin-top: -8px;
}
blockquote p {
    margin: 0;
}
blockquote {
    background-color: #1D1D1D;
    padding: 20px;
    border-radius: 30px;
    border: 1px solid #406FAD;
    font-style: italic;
}
.cus-stati .article-list .article .article-body .article-header {
    margin-bottom: 15px;
}
.cus-stati .article-list .article .article-body {
    text-align: left;
    margin-top: 0px;
}
.cus-stati .article-list .article .article-intro-image {
    max-width: 250px;
    min-width: 250px;
}
.cus-stati .article-list .article {
    background-color: #1D1D1D;
    display: flex;
    border-radius: 30px;
    overflow: hidden;
    padding: 30px;
    gap: 30px;
}
.su-table table td {
    color: #151515;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 40px;
    border-radius: 16px;
}
.zmdi-long-arrow-left:before {
    font-family: 'Material-Design-Iconic-Font' !important;
}
.sp-group-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    min-height: 53px;
}
ul.sp-mega-group-child.sp-dropdown-items a {
    font-size: 16px !important;
    font-weight: 400 !important;
}
.cbp img {
    border: none !important;
    padding: 0 !important;
}
.mfp-title {
    display: none;
}
.article-can-edit.d-flex.flex-wrap.justify-content-between {
    display: none !important;
}
.su-row {
    margin-bottom: 20px;
}
.article-details img {
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #406FAD;
    padding: 12px;
}
.cus-carusel img {
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #406FAD;
    padding: 12px;
}
.cus-carusel .sppb-carousel-extended-outer-stage {
    height: auto !important;
}
.cus-img img {
    border: 1px solid #406FAD;
    border-radius: 30px;
    padding: 12px;
    overflow: hidden;
}
.sppb-addon-image-overlay-icon {
    padding: 4px;
}
.cus-map {
    border-radius: 30px;
    overflow: hidden;
}
.offcanvas-active .burger-icon>span:nth-child(1), #modal-menu-toggler.active .burger-icon>span:nth-child(1) {
    transform: translate(0, 9px) rotate(-45deg);
}
#offcanvas-toggler::before {
    content: 'МЕНЮ';
    font-size: 18px;
    color: #2C2C2C;
    padding-right: 10px;
}
#offcanvas-toggler {
    height: 30px;
    line-height: 30px;
}
.article-list .article:hover .article-body a {
    color: #406FAD;
}
.article-list .article .article-header h1, .article-list .article .article-header h2 {
    font-size: 24px;
    margin: 0;
    font-weight: 600;
}
.article-list .article .article-body {
    text-align: center;
    margin-top: 30px;
}
.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
    border-radius: 35px;
    overflow: hidden;
    width: 100%;
}
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
    margin: 0;
    border-bottom: 0px solid #f5f5f5;
    overflow: hidden;
    border: 1px solid #406FAD;
    display: block;
    border-radius: 48px;
    padding: 15px;
}
.article-list .article {
    position: relative;
    margin-bottom: 30px;
    padding: 0;
    border: 0;
    border-radius: 0;
}
.category-desc {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    background-color: #1D1D1D;
    border-radius: 30px;
    margin-top: 80px;
}
.cat-children.mb-4 > div:hover .page-header.item-title a {
    color: #406FAD;
}
.cat-children.mb-4 > div .page-header.item-title a {
    color: #fff;
}
.cat-children.mb-4 > div .page-header.item-title {
    text-align: center;
    margin-top: 30px;
    font-size: 24px;
    font-weight: 600;
}
.cat-children.mb-4 > div > a img {
    width: 100%;
    border-radius: 35px;
    overflow: hidden;
}
.cat-children.mb-4 > div > a {
    border: 1px solid #406FAD;
    display: block;
    border-radius: 48px;
    padding: 15px;
}
.cat-children.mb-4 {
    display: flex;
    gap: 30px;
}
.cat-children.mb-4 > div {
    max-width: 300px;
}
.article-details .article-header h1, .article-details .article-header h2 {
    font-size: 40px;
    margin-bottom: 30px;
}
.blog h1 {
    margin-bottom: 30px;
}
.breadcrumb-item.active {
    color: #fff;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}
li.float-start {
    display: none;
}
ol.breadcrumb {
    padding: 0;
    background: transparent;
    font-size: 14px;
    margin-top: 30px;
}
#sp-main-body {
    padding: 60px 0;
}
.brand-color {
    background-color: #406FAD;
    border-radius: 12px;
    padding: 0px 16px;
}
.cus-usl .sppb-addon-article .sppb-article-img-wrap:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #151515;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -1;
    border-radius: 18px;
    clip-path: polygon(75% 0, 100% 42%, 100% 100%, 0 100%, 0 0);
}
.cus-usl .sppb-addon-article .sppb-article-img-wrap:before {
    content: '';
    display: block;
    width: calc(100% - 0px);
    height: 40px;
    background-color: #151515;
    position: absolute;
    bottom: -11px;
    left: 0px;
}
.cus-usl .sppb-addon-article .sppb-article-img-wrap {
    filter: url(#round);
    display: block;
    border-radius: 0 !important;
    position: relative;
}
.cus-usl .sppb-addon-article:hover .sppb-article-info-wrap h3 a {
    color: #406FAD;
}
.cus-usl .sppb-addon-article .sppb-article-info-wrap h3 a {
    color: #fff;
}
.cus-usl .sppb-addon-article .sppb-article-info-wrap {
    text-align: center;
    min-height: 72px;
    background-color: #151515;
    padding: 15px 5px 1px 5px;
    border-radius: 0 0 22px 22px;
}
.cus-usl .sppb-addon-article img.sppb-img-responsive {
    border-radius: 19px;
    overflow: hidden;
    clip-path: polygon(72% 0, 100% 46%, 100% 100%, 0 100%, 0 0);
    width: 100%;
    padding: 7px;
}
.cus-usl .sppb-addon-article {
    background-image: url(/images/site/usl-ramka.svg);
    padding: 2px;
    border-radius: 22px;
    overflow: hidden;
    background-position: left top;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #406FAD;
    clip-path: polygon(75% 0, 100% 33%, 100% 100%, 0 100%, 0 0);
    filter: url(#round);
}
.cus-usl {
    filter: url(#round);
}
.cus-proizv .sppb-addon-article:hover .sppb-article-info-wrap a {
    color: #406FAD;
}
.cus-proizv .sppb-article-info-wrap h3 {
    font-size: 24px;
}
.cus-proizv .sppb-article-info-wrap a {
    color: #fff;
}
.cus-proizv .sppb-article-info-wrap {
    margin-top: 30px;
    text-align: center;
    color: #fff;
}
.cus-proizv .sppb-addon-article .sppb-article-img-wrap {
    border: 1px solid #406FAD;
    display: block;
    border-radius: 48px;
    padding: 15px;
}
.cus-proizv .sppb-addon-article img.sppb-img-responsive {
    margin: auto;
    border-radius: 35px;
    overflow: hidden;
    width: 100%;
}
::marker {
    color: #406FAD;
}
.karta {
    justify-content: center;
    font-weight: 700;
}
.podval-poloski {
    border-top: 1px solid #3E3E3E;
    border-bottom: 1px solid #3E3E3E;
}
.kont-podval .sppb-addon-content div {
    display: flex;
    gap: 8px;
}
.kont-podval .sppb-addon-content {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
}
.sp-megamenu-parent>li:last-child>a {
    padding: 0px 0px 0px 0px;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    padding: 0 30px 0 0;
}
div#sp-menu .justify-content-end {
    justify-content: start !important;
}
.sp-megamenu-parent {
    margin: 0 0px;
}
.sp-megamenu-parent>li.active>a {
    font-weight: 600;
}
header#sp-header {
    height: auto;
    box-shadow: none;
    animation: none;
    padding: 15px 0;
    border-top: 1px solid #E2E2E2;
}
.kont-shapka .sppb-addon-content div {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
div#sp-shapka .sppb-container-inner, div#sp-podval .sppb-container-inner {
    max-width: 1320px;
    margin: auto;
    padding: 0 15px;
}
section#sp-shapka .container, section#sp-podval .container {
    max-width: 100%;
    padding: 0;
}
.fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free" !important;
}
html, body, p, div, span, a, strong, h1, h2, h3 {
    font-family: 'LT Superior' !important;
}
@font-face {
    font-family: 'LT Superior';
    src: url('../fonts/LTSuperior-Bold.eot');
    src: local('LT Superior Bold'), local('LTSuperior-Bold'),
        url('../fonts/LTSuperior-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LTSuperior-Bold.woff2') format('woff2'),
        url('../fonts/LTSuperior-Bold.woff') format('woff'),
        url('../fonts/LTSuperior-Bold.ttf') format('truetype'),
        url('../fonts/LTSuperior-Bold.svg#LTSuperior-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'LT Superior';
    src: url('../fonts/LTSuperior-Medium.eot');
    src: local('LT Superior Medium'), local('LTSuperior-Medium'),
        url('../fonts/LTSuperior-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LTSuperior-Medium.woff2') format('woff2'),
        url('../fonts/LTSuperior-Medium.woff') format('woff'),
        url('../fonts/LTSuperior-Medium.ttf') format('truetype'),
        url('../fonts/LTSuperior-Medium.svg#LTSuperior-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'LT Superior';
    src: url('../fonts/LTSuperior-SemiBold.eot');
    src: local('LT Superior Semi Bold'), local('LTSuperior-SemiBold'),
        url('../fonts/LTSuperior-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LTSuperior-SemiBold.woff2') format('woff2'),
        url('../fonts/LTSuperior-SemiBold.woff') format('woff'),
        url('../fonts/LTSuperior-SemiBold.ttf') format('truetype'),
        url('../fonts/LTSuperior-SemiBold.svg#LTSuperior-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'LT Superior';
    src: url('../fonts/LTSuperior-Regular.eot');
    src: local('LT Superior Regular'), local('LTSuperior-Regular'),
        url('../fonts/LTSuperior-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LTSuperior-Regular.woff2') format('woff2'),
        url('../fonts/LTSuperior-Regular.woff') format('woff'),
        url('../fonts/LTSuperior-Regular.ttf') format('truetype'),
        url('../fonts/LTSuperior-Regular.svg#LTSuperior-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}