a, .btn, button {transition: all .25s ease-out;}
a:hover {color: #009c50;}
a.btn {font-size: 100%;}

.svg-inline--fa {margin: 0 .5rem;}

html {height: 100%;}

body {display: flex; flex-direction: column; height: 100%; background-color: #0c0c0e; color: #fff;}

.btn {border-radius: .5rem;}

.btn-danger {color: #fff; font-weight: 500; background-color: #009c50; border-color: #009c50; text-transform: uppercase;}

.btn-group-lg > .btn, 
.btn-lg {padding: .75rem 2rem;}

.breadcrumb {margin-bottom: 0;}
.breadcrumb-item > a {color: #009c50}

.pagination {margin-bottom: 2rem;}
.pagination > li {font-size: .875rem;}
.pagination > li+li {margin-left: .25rem;}
.pagination > li.disabled {}
.pagination > li.active .page-link {background-color: #009c50;}
.pagination > li > * {
    padding: .5rem 1rem; 
    border: none; 
    border-radius: 3rem !important; 
    width: 40px;
    height: 40px; 
    display: flex; 
    align-items: center;
    justify-content: center;
}
.pagination > li > a {background-color: #1c1b1f; color: #99a2a9; text-decoration: none;}

.page-link:hover {color: #009c50;}
.page-item:not(:first-child) .page-link {margin-left: 0;}

h1, h2, h3, h4, h5 {font-weight: 800; color: #333}

.form-select, .form-control {
    border-radius: 0;
    border: 1px solid #3d3a46;
    background-color: #1c1b1f;
    color: #fff;
}

.form-control::placeholder {color: #fff;}

.form-select:disabled {background-color: #1c1b1f; color: #676373;}
.form-select:disabled > 

.input-group {gap: .3rem}

.vostok-flex {display: flex; align-items: center;}

header {
    padding: 1.25rem 0;
    position: relative;
    z-index: 1;
    margin: .75rem 0.5rem;
    border-radius: 1rem;
    background-color: #1c1b1f;
}
header.vostok-white {padding: 1rem 0; padding-top: 2.25rem; margin: 0; background-color: transparent;}
header .nav-link {color: #fff; font-size: 1rem; font-weight: 400; text-transform: uppercase;}
header.vostok-white .nav-link {color: #2b2b2a;}
header .nav-link:hover {color: #009c50 !important;}

.vostok-white {color: #fff; border-bottom: none;}
.vostok-white a {color: #fff !important;}

.vostok-logo {margin-right: 1rem;}
.vostok-logo img {max-width: 100%;}
.vostok-logo a {outline-offset: 0; outline-color: transparent; outline-style: none;}

.vostok-phone {text-align: right;}
.vostok-phone a {color: #009c50; font-size: 1.25rem; font-weight: 600; text-decoration: none;}
.vostok-phone a:hover {color: #0d6efd}

.vostok-first {margin-top: 1rem; padding-top: calc(75px + 5rem); padding-bottom: 5rem; position: relative; overflow: hidden; border-radius: 3rem; margin-left: .5rem; margin-right: .5rem; margin-bottom: .5rem;}
.vostok-first:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgb(0 0 0 / 50%);}

.vostok-first-inner {position: relative; z-index: 1;}
.vostok-first-inner h1 {font-weight: 800; color: #fff;}

.vostok-first-description {color: #fff; margin-bottom: 1rem;}

.vostok-first-video {position: absolute; top: -25%; width: 100%; z-index: -1;}

.content {flex: 1 0 auto;}

.vostok-description {margin-bottom: 3rem; text-align: center;}

.vostok-receipts {margin: 8rem 0;}
.vostok-receipts h2 {margin-bottom: 2rem; text-transform: uppercase; color: #fff; text-align: center;}

.vostok-rc-image {margin-bottom: 1.5rem; overflow: hidden;}
.vostok-rc-image img {max-width: 100%;}
.vostok-rc-image > a:hover {opacity: .8;}

.vostok-rc-title > a {color: #fff; text-decoration: none; }
.vostok-rc-title > a:hover {color: #009c50;}

.vostok-rc-price {margin-bottom: 1rem; font-weight: 700;}

.vostok-rc-params {display: flex; flex-flow: row wrap; margin-left: -.25rem; margin-right: -.25rem; margin-bottom: 1rem;}

.vostok-rc-param {padding: 0 .25rem;}
.vostok-rc-param > span {margin-right: .25rem; font-weight: 700;}

.vostok-rc-more {margin-top: 2rem;}

.vostok-rcs-car {margin-bottom: 1.5rem;}

.vostok-rcsc-title a {text-decoration: none; color: #fff}
.vostok-rcsc-title a:hover {color: #009c50;}
.vostok-rcsc-title a > span {font-weight: 700; margin-left: .5rem; white-space: nowrap;}

.vostok-rcsc-image {margin-bottom: 1rem; overflow: hidden;}
.vostok-rcsc-image img {max-width: 100%;}
.vostok-rcsc-image > a:hover {opacity: .8;}

.vostok-catalog {padding: 4rem 0; padding-bottom: 5rem; background-color: #1c1b1f; border-radius: 3rem; margin-left: .5rem; margin-right: .5rem;}
.vostok-catalog h2 {margin-bottom: 2rem; text-transform: uppercase; color: #fff; text-align: center;}

.vostok-catalog-marks {display: flex; flex-flow: row nowrap; padding-left: 1.5rem;}

.vostok-cm-col {flex: 1;}

.vostok-cm-item {position: relative; font-size: 1.15rem; line-height: 2.5rem;}
.vostok-cm-item label {position: absolute; left: -1.5rem; font-weight: bold; color: #009c50;}
.vostok-cm-item a {color: #fff; text-decoration: none; font-size: 1.15rem;}
.vostok-cm-item a:hover {color: #626262; font-size: 1.05rem;}
.vostok-cm-item span {margin-left: .375rem; color: #99a2a9; font-size: .75rem; font-weight: 300;}

.vostok-services {margin-top: 6rem;}
.vostok-services h2 {margin-bottom: 2rem; color: #fff; text-transform: uppercase; text-align: center;}

.vostok-services-item {
    display: flex ;
    flex-direction: column;
    height: calc(100% - 1rem);
    padding: 1rem; 
    background-color: #1c1b1f;
    border-radius: 1rem; 
    position: relative; 
    color: #333; 
    text-decoration: none;
    margin-bottom: 1rem;
}
.vostok-services-icon {width: 50px; margin-bottom: 1rem;}
.vostok-services-icon img {max-width: 100%;}

.vostok-services-absolute {position: absolute; right: 1rem; top: 1rem; font-weight: 100; font-size: 2rem; color: #aeaeae;}

.vostok-services-title {font-weight: 700; text-transform: uppercase; font-size: .85rem; margin-bottom: .5rem; color: #fff;}

.vostok-services-announce {color: #717d88; font-size: .85rem;}

.vostok-marketing {margin-bottom: 6rem;}
.vostok-marketing h2 {margin-bottom: 2rem; color: #fff; text-transform: uppercase; text-align: center;}

.vostok-marketing-list {margin-top: 6rem;}

.vostok-mi-image {margin-bottom: 1rem; border-radius: 1rem; overflow: hidden;}
.vostok-mi-image img {max-width: 100%;}

.vostok-mi-title a {color: #333; text-decoration: none; font-weight: 600;}

.vostok-cars-group + .vostok-cars-group {margin-top: 6rem;}

.vostok-faq {margin-top: 6rem; margin-bottom: 6rem;}
.vostok-faq h2 {margin-bottom: 2rem; color: #fff; text-align: center; text-transform: uppercase;}

.vostok-faq .accordion-button {font-weight: 500; padding: 1.5rem 1.25rem; transition: all .25s ease-out;}
.vostok-faq .accordion-button:not(.collapsed) {
    background-color: #f3f5f7;
    color: #212529;
    font-size: 1.25rem;
    box-shadow: none;
}

.vostok-faq .accordion-item {margin-bottom: 0; border: none; background-color: #363636;}
.vostok-faq .accordion-item:first-of-type {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.vostok-faq .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(1rem - 1px);
    border-top-right-radius: calc(1rem - 1px);
}
.vostok-faq .accordion-item:last-of-type {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.vostok-faq .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(1rem - 1px);
    border-bottom-left-radius: calc(1rem - 1px);
}
.vostok-faq .accordion-item + .accordion-item {border-top: 1px solid rgba(0,0,0,.125)}
.vostok-faq .accordion-item .accordion-button {background-color: #1c1b1f; color: #fff; font-weight: 300;}

.vostok-social-link {text-decoration: none; font-size: 1.5rem; color: #009c50;}
.vostok-social-link:hover {font-size: 1.5rem; color: #212529;}

.vostok-brands h5 {margin-bottom: 1rem;}

.vostok-brands-brand {opacity: .3; opacity: .5; filter: contrast(0.1);}
.vostok-brands-brand:hover {opacity: 1; transition: opacity .25s ease-out; filter: none}
.vostok-brands-brand img {max-width: 100%;}

.vostok-map {
    padding-top: 4.25rem; 
    background-color: #1c1b1f;
    border-radius: 3rem;
    margin-left: .5rem;
    margin-right: .5rem;
}

.vostok-inner {
    padding-top: 6.25rem;
    background: linear-gradient(180deg, rgba(248, 248, 248, 1) 0%, rgba(248, 248, 248, 0) 100%);
}

.vostok-map h2 {margin-bottom: 4rem; color: #fff; text-transform: uppercase;}

.vostok-map-middle {margin-bottom: .5rem;}

.vostok-map-contacts {font-size: 1.125rem; font-weight: 300; margin-bottom: 5rem;}

.vostok-map-contacts > div + div {margin-top: .5rem;}
.vostok-map-contacts .fas {width: 2.5rem; color: #009c50;}
.vostok-map-contacts a {color: #fff; text-decoration: none;}
.vostok-map-contacts a:hover {text-decoration: none; color: #009c50;}

.vostok-map-map {height: 30rem;}
.vostok-map-social {margin-top: 1.5rem;}
.vostok-map-social .v-social-link {font-size: 1.25rem;}

/* 1. По умолчанию для мобильных (ширина < 576px) */
/* Контейнер на мобильных резиновый, но имеет отступы (gutter) по краям */
.vostok-cars {
    margin-left: 0.75rem; /* Стандартный отступ Bootstrap (12px) */
}

/* 2. Small devices (телефоны горизонтально, >= 576px) */
/* Ширина контейнера: 540px */
@media (min-width: 576px) {
    .vostok-cars {
        margin-left: calc((100% - 540px) / 2);
    }
}

/* 3. Medium devices (планшеты, >= 768px) */
/* Ширина контейнера: 720px */
@media (min-width: 768px) {
    .vostok-cars {
        margin-left: calc((100% - 720px) / 2);
    }
}

/* 4. Large devices (десктопы, >= 992px) */
/* Ширина контейнера: 960px */
@media (min-width: 992px) {
    .vostok-cars {
        margin-left: calc((100% - 960px) / 2);
    }
}

/* 5. X-Large devices (большие десктопы, >= 1200px) */
/* Ширина контейнера: 1140px */
@media (min-width: 1200px) {
    .vostok-cars {
        margin-left: calc((100% - 1140px) / 2);
    }
}

/* 6. XX-Large devices (очень большие экраны, >= 1400px) */
/* Ширина контейнера: 1320px - ТО, ЧТО БЫЛО У ВАС */
@media (min-width: 1400px) {
    .vostok-cars {
        margin-left: calc((100% - 1320px) / 2);
    }
}

.vostok-cars h1 {font-size: 1.75rem; margin-top: 3rem; margin-bottom: 1rem; color: #fff; text-transform: uppercase;}

.vostok-cars-car {padding-bottom: 2rem; display: flex; flex-direction: column; height: 100%;}

.vostok-cc-image img {max-width: 100%; border-radius: 1rem 1rem 0 0;}

.vostok-cc-panel {padding: 1rem; background-color: #1c1b1f; border-radius: 0 0 1rem 1rem;}

.vostok-cc-title {display: flex; justify-content: space-between;}

.vostok-cct-link {color: #fff; font-size: .85rem; text-decoration: none;}

.vostok-cct-favorite {color: #99a2a9;}

.vostok-cc-price {font-weight: 700;}

.vostok-filter {
    height: calc(100vh); 
    background-color: rgb(28 27 31);
    padding: 1.5rem;
    border-radius: 1rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.vostok-filter {position: sticky; top: 0; overflow-y: scroll;}
.vostok-filter .form-label {color: #99a2a9; font-size: .75rem;}
.vostok-filter::-webkit-scrollbar {width: .15rem;}
.vostok-filter::-webkit-scrollbar-track {background-color: transparent; margin-top: 2rem; margin-bottom: 2rem;}
.vostok-filter::-webkit-scrollbar-thumb {background-color: #717d88; border-radius: .25rem}

.vostok-filter-remove {color: #99a2a9; font-size: .75rem; text-decoration: none; line-height: 1.75rem;}

.vostok-filter-remove > .fas {margin-right: .5rem;}

.vostok-car {padding-top: 3rem;}

.vostok-car h1 {font-size: 1.75rem; margin-top: .25rem; margin-bottom: 2rem; color: #fff;}
.vostok-car h1 > span {margin-left: 1rem; font-weight: 400;}

.vostok-car-h1 {margin-bottom: 1rem !important;}

.vostok-car-h2 {font-size: 1.75rem; margin-bottom: 2rem;}

.vostok-car-description {margin-bottom: 2rem;}

.vostok-car-slider {margin-bottom: 6rem;}
.vostok-car-slider .owl-nav [class*=owl-] {position: absolute; top: 0; bottom: 0; margin: 0; width: 10%; color: #fff !important;}
.vostok-car-slider .owl-nav [class*=owl-]:hover {text-decoration: none;}

.vostok-car-slider .owl-prev {left: 0;}
.vostok-car-slider .owl-prev:hover {background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%) !important; }

.vostok-car-slider .owl-next {right: 0;}
.vostok-car-slider .owl-next:hover {background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 100%) !important;}

.vostok-car-actions {
    padding: 4rem 0;
    margin-bottom: .5rem;
    background-color: #1c1b1f;
    border-radius: 2rem;
    margin-left: .5rem;
    margin-right: .5rem;
}

.vostok-ca-inner {display: flex; align-items: center;}
.vostok-ca-inner > span {font-size: 1.75rem; margin-left: 1rem; font-weight: 400;}

.vostok-car-character + .vostok-car-character {margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #393939;}

.vostok-cch-title {font-weight: 700;}

.vostok-cch-col {flex: 1; font-size: .95rem; line-height: 1.85rem;}

.vostok-cch-param {display: flex; flex-flow: row nowrap; font-size: .95rem; line-height: 1.85rem;}

.vostok-cchp-title {font-weight: 700;}

.vostok-cchp-value {margin-left: .5rem;}

.vostok-car-min {margin-bottom: 4rem;}

.vostok-carm-image img {max-width: 100%;}

.vostok-carm-price {font-weight: 700; margin-bottom: 1rem;}

.vostok-carm-params {display: flex; flex-flow: row wrap; margin-left: -.25rem; margin-right: -.25rem; margin-bottom: 1rem; font-size: .85rem; color: #717d88;}

.vostok-car-form {background-color: #f8f8f8; padding: 1rem;margin-bottom: 3rem; border-radius: 1rem;}
.vostok-car-form .btn-danger {display: block; width: 100%;}

.vostok-cf-terms {font-size: .85rem; color: #717d88;}

.vostok-page h2 {font-size: 1.25rem; margin-top: 3rem;}

.vostok-faqs {margin-bottom: 4rem; margin-top: 0 !important;}

.vostok-steps {display: flex; flex-flow: row wrap; margin-left: -.5rem; margin-right: -.5rem; margin-top: 6rem; margin-bottom: 4rem;}
.vostok-steps > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: right;
    flex: 0 0 auto;
    width: calc(20% - 1rem);
    padding: 1rem;
    margin-left: .5rem;
    margin-right: .5rem;
    background-color: #F3F5F7;
    border-radius: 1rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    color: #212529;
 }
 .vostok-steps > a:hover {font-size: .75rem; color: #009c50;}

 .vostok-step > span {font-weight: 200; font-size: 1.25rem; color: #aeaeae; margin-right: 1rem;}

 .vostok-step-last {
    background-color: #009c50 !important;
    color: #fff !important;
 }

 .vostok-work-list h2 {font-size: 1.25rem; margin-bottom: 1rem;}

.vostok-work {margin-bottom: 3rem;}

.vostok-work-image {margin-bottom: 1rem;}
.vostok-work-image img {max-width: 100%; border-radius: 1rem;}

.vostok-work-images {margin-bottom: 1rem; display: flex; align-items: center;}
.vostok-work-images > * + * {margin-left: 2px;}
.vostok-work-images a {flex: 0 0 auto; width: calc(20% - 2px);}
.vostok-work-images img {max-width: 100%;}

.vostok-work-video {display: flex; align-items: center; margin-left: .5rem;}
.vostok-work-video a {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #009c50;
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vostok-work-video a:hover {background-color: #d5d5d5;}
.vostok-work-video a img {max-width: 100%;}
.vostok-work-video * + * {margin-left: 2px;}

.vostok-work-bg {background-color: #F3F5F7; padding: 1rem; border-radius: 1rem; margin-top: -.75rem;}

footer {flex: 0 0 auto;}

.vostok-footer {padding: 1rem 0; padding-top: 6rem; background-color: #1c1b1f; color: #fff; border-radius: 3rem; margin-left: .5rem; margin-right: .5rem; margin-bottom: 1.5rem;}
.vostok-footer-logo img {max-width: 100%;}

.vostok-footer-contacts {display: flex; flex-direction: column; align-items: flex-end;}

.vostok-footer-contact a {color: #fff; text-decoration: none;}

.vostok-footer-link {color: #fff; text-decoration: none; font-size: .875rem;}
.vostok-footer-link:hover {font-size: .875rem; color: #009c50;}

.vostok-footer-nav {display: flex; flex-direction: column;}
.vostok-footer-nav + .vostok-footer-nav {margin-left: 3rem;}

.vostok-footer-copyright {color: #717d88; font-size: .85rem; margin-top: 2.5rem;}

.modal {width: 100vw;}
.moskvin-modal-dialog.modal-dialog {margin-left: 2rem; width: calc(100vw - 2rem);;}
.modal-header {border-bottom: none;}