html,
body {
    padding-top: 80px;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: 'Manrope', sans-serif;
}

.bg-black {
    background: #000;
}

.text-black {
    color: #000;
}

.showModalButton.button-red,
.search-catalog {
    background-color: #DB2117;
    font-weight: 600;
}

.text-size-18 {
    font-size: 18px;
}

.text-size-14,
.car-text-size {
    font-size: 14px;
}

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

.text-size-10 {
    font-size: 10px;
}

.darkHead table thead th {
    color: #212529;
    background-color: #dee2e6;
    border-color: #c4c8cc;
}

.navbar-brand {
    margin-left: -15px;
}

.darkHead table thead th a {
    color: #212529;
}

.darkHead .select2-container--krajee-bs4 .select2-selection--single .select2-selection__rendered {
    padding-right: 15px;
}

.darkHead .select2-container--krajee-bs4 .select2-selection--single .select2-selection__clear {
    right: 1.1em;
}

.nav-tabs .nav-link {
    color: #565656;
}

.nav-tabs .nav-link.active {
    color: #DB2117;
    border: none;
}

.nav-link:hover {
    border: none;
}

.nav-tabs .nav-item:has(.nav-link.active),
.nav-tabs .nav-item:has(.nav-link:hover),
.nav-tabs .nav-item.show .nav-link {
    color: #DB2117;
    border: none;
    border-bottom: 1px solid #DB2117;
}

.nav-phone {
    font-size: 18px;
    color: #565656;
    text-decoration: underline;
}

.left-padding-null {
    padding-left: 0;
}

footer {
    padding: 100px 10px;
}

.form-space {
    margin-left: 0;
    padding: 20px;
    background: #f2f2f2;
}

.botton-reset {
    font-size: 12px;
    text-decoration: underline;
    color: #a2a2a2;
}

@media (min-width: 1440px) {
    .container {
        max-width: 1230px;
        padding-left: 0;
        padding-right: 0;
    }
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: #db2117;
}

.background-form {
    background-image: url("/images/fon_form.png");
    width: 100%;
    height: 600px;
    position: relative;
}

.font-family-tektur {
    font-family: Tektur;
}

h1.font-family-tektur {
    font-size: 52px;
}

h2.font-family-tektur {
    font-size: 40px;
}

.select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow {
    border-left: none;
}

.select-md-3 {
    max-width: 160px;
    padding: 5px
}

.bottom-md-3 {
    min-width: 260px;
    padding: 5px
}

.card-body.product-card {
    padding: 15px 15px 0;
    height: calc(100% - 48px);
}
.find-one-cost {
    padding: 0 25px;
}
.in-stock-dvs,
.on-request-dvs {
    padding: 8px 15px;
    border-radius: 15px;
}

.in-stock-dvs {
    color: #2E5C1B;
    border: 1px solid #2E5C1B;
}

.on-request-dvs {
    color: #DE9618;
    border: 1px solid #DE9618;
}


.dvs-specifications,
.car-specifications {
    min-height: 260px;
    padding-top: 30px;
}

.dvs-specifications th,
.car-specifications th {
    color: #838383;
}

.dvs-specifications th,
.dvs-specifications td,
.car-specifications th,
.car-specifications td {
    font-size: 12px;
    border: none;
    font-weight: 400;
}

.car-specifications td a {
    color: #000;
    text-decoration: underline;
}

.car-specifications td a:hover {
    color: #555;
}

.footer-card {
    width: 100%;
    height: 48px;
}

.cursor-pointer {
    cursor: pointer;
}

.dvs-status-info {
    color: #2E5C1B;
}

.form-request {
    background: #F2F2F2;
    height: 50px;
    border: none;
}


.whatsapp-request,
.telegram-request,
.viber-request {
    text-decoration: none;
    display: flex;
    width: 100%;
    height: 50px;
    border: 1px solid;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.whatsapp-request:hover,
.telegram-request:hover,
.viber-request:hover {
    color: #fff;
    text-decoration: none;
}


.whatsapp-request {
    color: #25D366;
    border-color: #25D366;
}

.whatsapp-request:hover {
    background: #25D366;
}

.telegram-request {
    color: #27A6E6;
    border-color: #27A6E6;
}

.telegram-request:hover {
    background: #27A6E6;
}

.viber-request {
    color: #584F92;
    border-color: #584F92;
}

.viber-request:hover {
    background: #584F92;
}

.modal-header {
    height: 60px;
    align-items: center;
    padding: 40px;
}

.card-title-block {
    padding: 0 40px 20px;
    border-bottom: 1px solid #e9ecef;
    margin: -10px -35px 0;
}

.engine-performance-chart td {
    border: none;
    font-size: 14px;
}

.engine-performance-chart tr > td:first-child {
    color: #565656;
}

.modal-footer {
    border: none;
}

.trust-us {
    background: linear-gradient(45deg, transparent 70px, #0e0e0e 70px, #0e0e0e calc(100% - 70px), transparent calc(100% - 70px));
    min-height: 310px;
    color: #fff;
    justify-content: center;
    align-items: center;
    margin-bottom: 105px;
    margin-right: 0;
    margin-left: 0;
}

.trust-us .col-12 {
    text-align: center;
}

.trust-us .top-trust {
    font-size: 70px;
    font-weight: bold;
    margin: 0;
}

.bottom-trust {
    font-size: 18px;
}

.container.about {
    margin-bottom: 130px;
}

.alarm-circle {
    margin-right: 5px;
    margin-bottom: 3px;
    margin-left: 15px;
}

.container-fluid.reviews {
    background-image: url(/images/fon_reviews.png);
    background-size: cover;
    margin-bottom: -48px;
    padding-bottom: 1px;
}

.item-carousel {
    background: linear-gradient(45deg, transparent 40px, #fff 40px, #fff calc(100% - 40px), transparent calc(100% - 40px));
    min-height: 320px;
    padding: 20px 30px;
}

.title-carousel {
    color: #DB2117;
    font-size: 22px;
    height: 35px;
}

.text-carousel {
    font-size: 12px;
}

._reviews .owl-nav {
    color: #fff;
    font-size: 75px;
    float: right;
    margin-top: 15px;
}

._reviews .owl-nav button {
    margin-right: 30px;
}

.navbar-light .navbar-nav.top-menu .nav-link,
.navbar-light .navbar-nav.top-menu .dropdown-item {
    color: #565656;
    font-weight: bold;
}

.navbar-light .navbar-nav.top-menu .nav-link:hover,
.navbar-light .navbar-nav.top-menu .nav-link:active,
.navbar-light .navbar-nav.top-menu .dropdown-item:hover {
    color: #DC2117;
}

.link-review {
    display: block;
    font-size: 18px;
    margin: 60px 0;
    text-decoration: underline;
}

.home-dvs {
    position: absolute;
    right: 45px;
    bottom: -50px;
    width: 38%;
}

.mobile-top-navbar {
    height: 50px;
    background: #f7f7f7;
}

.top-search {
    padding: 5px;
}

.top-search #button-home-pjax {
    width: 100%;
    border-color: #000;
}

.car-home {
    color: #212529;
}

.car-home:hover {
    color: #212529;
}

.bottom-mobile-menu {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 9999;
    bottom: max(0px, calc(env(safe-area-inset-bottom) - 10px));
}

.bottom-mobile-menu .row {
    height: 55px;
}

.dropdown-menu .dropdown-item {
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
}

.dropdown-menu .dropdown-item:hover {
    color: rgba(0, 0, 0, .7);
    background: none;
}

.brc {
    color: #565656;
}

.branch-con {
    position: relative;
}

.branch-name:hover {
    color: #DB2117;
}

.btn-about {
    border-radius: 0;
    font-size: 16px;
}

.branch-address {
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    background: #000;
    color: #fff;
    width: 210px;
    padding: 10px 10px 15px;
    font-size: 12px;
    top: 20px;
}

.branch-con:hover .branch-address {
    visibility: visible;
    opacity: 1;
}

.branch-address::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 20px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #000;
}

.branch-phone-top {
    text-decoration: underline;
    color: #fff;
}

.phone-number-right {
    color: #000;
    text-decoration: underline;
}

.phone-country .form-request {
    background: #ececec;
}

.phone-country .form-request {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 4 7 7 7-7'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px 12px;
    position: relative;
}

.phone-country .form-request:hover {
    background-color: #f8f9fa;
}

.pagination {
    margin-left: -15px;
    gap: 10px;
}

.page-item .page-link {
    background: #eee;
    color: #000;
    font-size: 12px;
    border: none;
}

.page-item.active .page-link {
    background: #000;
    color: #fff;
}

.request-photo {
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    color: #000;
}

.request-photo:hover {
    color: #555;
}

.button-mobile {
    background: #000;
    color: #fff;
}

.navbar-light .navbar-toggler {
    border: none;
}

.view-full-description {
    text-decoration: underline;
}

.engine-card {
    margin-bottom: 30px;
    margin-left: 0;
}

.engine-form-search-h1 {
    margin-top: 65px;
}

.mobile-phone-manager .showModalButton {
    border: 1px solid #db1117;
    color: #db2117;
}

/* Открытие подменю при наведении */
.top-menu .dropdown:hover .dropdown-menu {
    display: block;
}

/* Плавное появление */
.top-menu .dropdown .dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.top-menu .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.trust-us ul {
    display: none;
}
.hover-red:hover {
    background: #db1117;
    border-color: #db1117;
}

.sidebar__inner {
    left: auto!important;
}

@media (min-width: 1440px) {
    .nav-tabs {
        max-width: 1230px;
        margin: auto;
    }

    .home-dvs {
        max-width: 542px;
        right: calc(50% - 680px);
    }
}
.social-icons-footer {
    width: 32px;
}
@media (max-width: 998px) {
    .navbar-nav {
        position: fixed;
        left: 0;
        bottom: 40px;
        background: #fff;
        width: 100%;
        transform: translateY(100%);
        transition: transform 0.5s ease-in-out;
        padding: 20px;
    }

    .show .navbar-nav {
        transform: translateY(0);
    }

    .show .navbar-nav::after {
        opacity: 1;
        pointer-events: auto;
    }

    html, body {
        padding-top: 0;
    }

    h1.font-family-tektur {
        font-size: 48px;
    }

    h2.font-family-tektur {
        font-size: 36px;
    }
    .engine-form-search-h1 {
        margin-top: 0;
    }
    .home-dvs {
        display: none;
    }

    .catalog .nav-tabs .nav-item {
        width: 33%;
    }

    .catalog .nav-tabs .nav-item i {
        display: none;
    }

    .dvs-specifications th,
    .car-specifications th {
        width: 50%;
    }

    .lg-top-menu.fixed-top {
        position: relative;
    }

    .summary {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .dvs-specifications {
        padding-top: 15px;
    }

    .dvs-specifications, .car-specifications {
        min-height: auto;
    }
    .product-card table {
        margin-bottom: 0;
    }
    .view-full-description,
    .find-one-cost {
        height: 48px;
    }
    .view-full-description {
        text-align: left;
    }
    .engine-card {
        margin-bottom: 75px;
    }
    .link-review {
        font-size: 14px;
    }
    ._reviews .owl-nav {
        font-size: 45px;
        margin-top: 35px;
        margin-right: -55px;
    }
    .container-fluid.reviews {
        margin-bottom: -30px;
    }
    .mobile-phone-manager .nav-phone {
        font-weight: 700;
        color: #000;
    }
    .top-mobile-phone .nav-phone {
        font-size: 14px;
    }
    .form-space, .engine-card {
        margin-right: 0;
    }
    .pagination {
        margin-left: 0;
        align-items: center;
    }
    .pagination > :first-child {
        margin-right: auto;
    }
    .pagination > :last-child {
        margin-left: auto;
    }
    .modal-dialog {
        padding-bottom: 60px;
    }
    .modal-find-cost {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
}

@media (max-width: 576px) {

    #engines-home-form .row {
        margin-right: -10px;
        margin-left: -10px;
    }
    footer {
        padding: 30px 10px 80px;
    }

    .trust-us-top {
        max-width: 200px;
    }

    .trust-us {
        background: #0e0e0e;
        min-height: auto;
        padding: 40px 0;
        margin-bottom: 50px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .trust-us ul {
        display: block;
        margin-left: -20px;
        margin-right: -10px;
    }

    .trust-us p {
        margin-bottom: 0.7rem;
    }

    .trust-us .col-12 {
        display: flex;
        gap: 10px;
        justify-content: left;
    }

    .trust-us .top-trust {
        font-size: 18px;
        text-transform: lowercase;
        font-weight: 400;
        margin-right: -5px;
    }

    h1.font-family-tektur {
        font-size: 24px;
    }

    h2.font-family-tektur {
        font-size: 24px;
    }

    .dvs-descr {
        font-size: 16px;
    }

    .catalog .nav-tabs .nav-item {
        font-size: 12px;
    }
    .navbar-brand img {
        width: 200px;
    }
    .car-text-size {
        font-size: 12px;
    }

    .car-icon-home {
        width: 25px;
    }

    .block-image-home {
        order: 1;
    }

    .block-image-home img {
        width: 45px;
        float: left;
        margin-right: 15px;
    }

    .container.about {
        margin-bottom: 50px;
    }
    ._reviews .owl-nav {
        margin-right: -10%;
    }
}

@media (max-width: 400px) {

    .dvs-descr {
        font-size: 14px;
    }

    .navbar-brand img {
        width: 180px;
    }

    .catalog .car-name {
        font-size: 11px;
    }
    .product-card .card-title {
        font-size: 16px;
    }
}

@media (max-width: 390px) {
    h1.font-family-tektur {
        font-size: 20px;
    }

    .button-mobile {
        font-size: 14px;
    }

    .text-size-14.footer-register {
        font-size: 12px;
    }
}