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

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

html {height: 100%;}

body {display: flex; flex-direction: column; height: 100%;}

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

.btn-danger {color: #fff; background-color: #CD9960; border-color: #CD9960;}

.breadcrumb {margin-bottom: 0;}
.breadcrumb-item > a {color: #0056b3}

.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: #CD9960;}
.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 {color: #99a2a9; text-decoration: none;}

.page-link:hover {color: #CD9960;}
.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 #efefef;}

.input-group {gap: .3rem}


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

header {
    padding: 1rem 0;
    border-bottom: 1px solid #efefef;
    position: relative;
    z-index: 1;
}
header.vostok-white {padding-top: 2.25rem;}
header .nav-link {color: #2b2b2a; font-size: .75rem; font-weight: 800; text-transform: uppercase;}
header .nav-link:hover {color: #CD9960 !important;}

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

.vostok-logo {margin-right: 5rem;}
.vostok-logo img {max-width: 100%;}
.vostok-phone {text-align: right;}
.vostok-phone a {color: #CD9960; font-size: .85rem; font-weight: 800; text-decoration: none;}
.vostok-phone a:hover {color: #0d6efd}

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

.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;}

.vostok-receipts {margin: 6rem 0;}
.vostok-receipts h2 {margin-bottom: 2rem;}

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

.vostok-rc-title > a {color: #333; text-decoration: none; }
.vostok-rc-title > a:hover {color: #0d6efd;}

.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: #333}
.vostok-rcsc-title a:hover {color: #0d6efd;}
.vostok-rcsc-title a > span {font-weight: 700; margin-left: .5rem; white-space: nowrap;}

.vostok-rcsc-image {margin-bottom: 1rem; border-radius: 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: #F3F5F7; border-radius: 2rem; margin-left: .5rem; margin-right: .5rem;}
.vostok-catalog h2 {margin-bottom: 2rem;}

.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: #CD9960;}
.vostok-cm-item a {color: #333; 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;}

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

.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;}

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

.vostok-marketing {margin: 6rem 0;}
.vostok-marketing h2 {margin-bottom: 2rem;}

.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-faq {margin-top: 6rem;}
.vostok-faq h2 {margin-bottom: 2rem;}

.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;}
.vostok-faq .accordion-item + .accordion-item {border-top: 1px solid rgba(0,0,0,.125)}

.vostok-social-link {text-decoration: none; font-size: 1.5rem; color: #CD9960;}
.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: 6.25rem; 
    background: linear-gradient(180deg, rgba(248,248,248,1) 0%, rgba(248,248,248,0) 100%);
    border-radius: 2rem;
    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;}

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

.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: #CD9960;}
.vostok-map-contacts a {color: #333; text-decoration: none;}
.vostok-map-contacts a:hover {text-decoration: none; color: #0056b3;}

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

.vostok-cars h1 {font-size: 1.75rem; margin-top: 3rem; margin-bottom: 2rem;}

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

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

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

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

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

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

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

.vostok-filter {
    height: calc(100vh); 
    background: rgb(248,248,248); 
    background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%); 
    padding: 1.5rem .5rem 1.5rem 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;}
.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: 2rem;}
.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: #F3F5F7;
    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 #efefef;}

.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: #CD9960;}

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

 .vostok-step-last {
    background-color: #CD9960 !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: #CD9960;
    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; background-color: #222; color: #fff; border-radius: 1rem; margin-left: .5rem; margin-right: .5rem; margin-bottom: .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: #CD9960;}

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

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