@font-face { font-family: 'Microsoft YaHei'; src: url('../fonts/subset-MicrosoftYaHei.eot'); src: url('../fonts/subset-MicrosoftYaHei.eot?#iefix') format('embedded-opentype'), url('../fonts/subset-MicrosoftYaHei.woff2') format('woff2'), url('../fonts/subset-MicrosoftYaHei.woff') format('woff'), url('../fonts/subset-MicrosoftYaHei.ttf') format('truetype'), url('../fonts/subset-MicrosoftYaHei.svg#MicrosoftYaHei') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Microsoft YaHei'; src: url('../fonts/subset-MicrosoftYaHei-Bold.eot'); src: url('../fonts/subset-MicrosoftYaHei-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/subset-MicrosoftYaHei-Bold.woff2') format('woff2'), url('../fonts/subset-MicrosoftYaHei-Bold.woff') format('woff'), url('../fonts/subset-MicrosoftYaHei-Bold.ttf') format('truetype'), url('../fonts/subset-MicrosoftYaHei-Bold.svg#MicrosoftYaHei-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } :root {--bs-gutter-x:2rem; --swiper-theme-color:#BA141A; scroll-behavior:auto; --animate-duration:1s; --fancybox-accent-color:#BA141A;} .row {--bs-gutter-x:2rem; --bs-gutter-y:2rem;} .g-0, .gy-0 {--bs-gutter-y:0 !important;} .g-0, .gx-0 {--bs-gutter-x:0 !important;} .container-fluid {--bs-gutter-x:8.4rem; max-width:100%;} .container {--bs-gutter-x:23.2rem; max-width:100%!important;} @media (min-width:992px) { * {scrollbar-width:thin;} *::-webkit-scrollbar {width:0.4rem; height:0.4rem; background:#8B817D;} *::-webkit-scrollbar-thumb {width:0.4rem; height:0.4rem; background:#282828;} } ::selection {background:#000; color:#fff;} ::-moz-selection {background:#000; color:#fff;} html {font-size:calc(100vw / 192); background:#fff;} body {font-size:1.75rem; font-family:'Microsoft YaHei', sans-serif; font-weight:400; line-height:1.6; min-width:320px; margin:0 auto; position:relative; overflow-x:hidden; color:#282828;} body.-show-menu {overflow:hidden!important;} @media(max-width:991px) { :root {--bs-gutter-x:30px;} .row {--bs-gutter-x:30px; --bs-gutter-y:30px;} .container-fluid {--bs-gutter-x:30px;} .container {--bs-gutter-x:30px;} body {font-size:16px;} } @media(max-width:575px) { :root {--bs-gutter-x:10px;} .row {--bs-gutter-x:10px; --bs-gutter-y:30px;} .container-fluid {--bs-gutter-x:10px;} .container {--bs-gutter-x:10px;} } .-yahei-r {font-family:'Microsoft YaHei', sans-serif; font-weight:400;} .-yahei-b {font-family:'Microsoft YaHei', sans-serif; font-weight:bold;} .-jost-r {font-family:'Jost', sans-serif; font-weight:400;} .-jost-b {font-family:'Jost', sans-serif; font-weight:bold;} @media screen and (max-width:400px) {}.pt-0 {padding-bottom:0px !important;}.pt-0 {padding-top:0px !important;}.mb-0 {margin-bottom:0px !important;}.mt-0 {margin-top:0px !important;}.pb-1 {padding-bottom:0.4rem !important;}.pt-1 {padding-top:0.4rem !important;}.mb-1 {margin-bottom:0.4rem !important;}.mt-1 {margin-top:0.4rem !important;}.pb-2 {padding-bottom:0.8rem !important;}.pt-2 {padding-top:0.8rem !important;}.mb-2 {margin-bottom:0.8rem !important;}.mt-2 {margin-top:0.8rem !important;}.pb-3 {padding-bottom:1.6rem !important;}.pt-3 {padding-top:1.6rem !important;}.mb-3 {margin-bottom:1.6rem !important;}.mt-3 {margin-top:1.6rem !important;}.pb-4 {padding-bottom:2.4rem !important;}.pt-4 {padding-top:2.4rem !important;}.mb-4 {margin-bottom:2.4rem !important;}.mt-4 {margin-top:2.4rem !important;}.pb-5 {padding-bottom:3.2rem !important;}.pt-5 {padding-top:3.2rem !important;}.mb-5 {margin-bottom:3.2rem !important;}.mt-5 {margin-top:3.2rem !important;}.pb-6 {padding-bottom:4rem !important;}.pt-6 {padding-top:4rem !important;}.mb-6 {margin-bottom:4rem !important;}.mt-6 {margin-top:4rem !important;}.pb-7 {padding-bottom:4.8rem !important;}.pt-7 {padding-top:4.8rem !important;}.mb-7 {margin-bottom:4.8rem !important;}.mt-7 {margin-top:4.8rem !important;}.pb-8 {padding-bottom:5.6rem !important;}.pt-8 {padding-top:5.6rem !important;}.mb-8 {margin-bottom:5.6rem !important;}.mt-8 {margin-top:5.6rem !important;}.pb-9 {padding-bottom:6.4rem !important;}.pt-9 {padding-top:6.4rem !important;}.mb-9 {margin-bottom:6.4rem !important;}.mt-9 {margin-top:6.4rem !important;}.pb-10 {padding-bottom:7.2rem !important;}.pt-10 {padding-top:7.2rem !important;}.mb-10 {margin-bottom:7.2rem !important;}.mt-10 {margin-top:7.2rem !important;}@media (min-width:576px) {.pt-sm-0 {padding-bottom:0px !important;}.pt-sm-0 {padding-top:0px !important;}.mb-sm-0 {margin-bottom:0px !important;}.mt-sm-0 {margin-top:0px !important;}.pb-sm-1 {padding-bottom:0.4rem !important;}.pt-sm-1 {padding-top:0.4rem !important;}.mb-sm-1 {margin-bottom:0.4rem !important;}.mt-sm-1 {margin-top:0.4rem !important;}.pb-sm-2 {padding-bottom:0.8rem !important;}.pt-sm-2 {padding-top:0.8rem !important;}.mb-sm-2 {margin-bottom:0.8rem !important;}.mt-sm-2 {margin-top:0.8rem !important;}.pb-sm-3 {padding-bottom:1.6rem !important;}.pt-sm-3 {padding-top:1.6rem !important;}.mb-sm-3 {margin-bottom:1.6rem !important;}.mt-sm-3 {margin-top:1.6rem !important;}.pb-sm-4 {padding-bottom:2.4rem !important;}.pt-sm-4 {padding-top:2.4rem !important;}.mb-sm-4 {margin-bottom:2.4rem !important;}.mt-sm-4 {margin-top:2.4rem !important;}.pb-sm-5 {padding-bottom:3.2rem !important;}.pt-sm-5 {padding-top:3.2rem !important;}.mb-sm-5 {margin-bottom:3.2rem !important;}.mt-sm-5 {margin-top:3.2rem !important;}.pb-sm-6 {padding-bottom:4rem !important;}.pt-sm-6 {padding-top:4rem !important;}.mb-sm-6 {margin-bottom:4rem !important;}.mt-sm-6 {margin-top:4rem !important;}.pb-sm-7 {padding-bottom:4.8rem !important;}.pt-sm-7 {padding-top:4.8rem !important;}.mb-sm-7 {margin-bottom:4.8rem !important;}.mt-sm-7 {margin-top:4.8rem !important;}.pb-sm-8 {padding-bottom:5.6rem !important;}.pt-sm-8 {padding-top:5.6rem !important;}.mb-sm-8 {margin-bottom:5.6rem !important;}.mt-sm-8 {margin-top:5.6rem !important;}.pb-sm-9 {padding-bottom:6.4rem !important;}.pt-sm-9 {padding-top:6.4rem !important;}.mb-sm-9 {margin-bottom:6.4rem !important;}.mt-sm-9 {margin-top:6.4rem !important;}.pb-sm-10 {padding-bottom:7.2rem !important;}.pt-sm-10 {padding-top:7.2rem !important;}.mb-sm-10 {margin-bottom:7.2rem !important;}.mt-sm-10 {margin-top:7.2rem !important;}}@media (min-width:768px) {.pb-md-0 {padding-bottom:0 !important;}.pt-md-0 {padding-top:0 !important;}.mb-md-0 {margin-bottom:0 !important;}.mt-md-0 {margin-top:0 !important;}.pb-md-1 {padding-bottom:0.4rem !important;}.pt-md-1 {padding-top:0.4rem !important;}.mb-md-1 {margin-bottom:0.4rem !important;}.mt-md-1 {margin-top:0.4rem !important;}.pb-md-2 {padding-bottom:0.8rem !important;}.pt-md-2 {padding-top:0.8rem !important;}.mb-md-2 {margin-bottom:0.8rem !important;}.mt-md-2 {margin-top:0.8rem !important;}.pb-md-3 {padding-bottom:1.6rem !important;}.pt-md-3 {padding-top:1.6rem !important;}.mb-md-3 {margin-bottom:1.6rem !important;}.mt-md-3 {margin-top:1.6rem !important;}.pb-md-4 {padding-bottom:2.4rem !important;}.pt-md-4 {padding-top:2.4rem !important;}.mb-md-4 {margin-bottom:2.4rem !important;}.mt-md-4 {margin-top:2.4rem !important;}.pb-md-5 {padding-bottom:3.2rem !important;}.pt-md-5 {padding-top:3.2rem !important;}.mb-md-5 {margin-bottom:3.2rem !important;}.mt-md-5 {margin-top:3.2rem !important;}.pb-md-6 {padding-bottom:4rem !important;}.pt-md-6 {padding-top:4rem !important;}.mb-md-6 {margin-bottom:4rem !important;}.mt-md-6 {margin-top:4rem !important;}.pb-md-7 {padding-bottom:4.8rem !important;}.pt-md-7 {padding-top:4.8rem !important;}.mb-md-7 {margin-bottom:4.8rem !important;}.mt-md-7 {margin-top:4.8rem !important;}.pb-md-8 {padding-bottom:5.6rem !important;}.pt-md-8 {padding-top:5.6rem !important;}.mb-md-8 {margin-bottom:5.6rem !important;}.mt-md-8 {margin-top:5.6rem !important;}.pb-md-9 {padding-bottom:6.4rem !important;}.pt-md-9 {padding-top:6.4rem !important;}.mb-md-9 {margin-bottom:6.4rem !important;}.mt-md-9 {margin-top:6.4rem !important;}.pb-md-10 {padding-bottom:7.2rem !important;}.pt-md-10 {padding-top:7.2rem !important;}.mb-md-10 {margin-bottom:7.2rem !important;}.mt-md-10 {margin-top:7.2rem !important;}}@media (min-width:992px) {.pb-lg-0 {padding-bottom:0 !important;}.pt-lg-0 {padding-top:0 !important;}.mb-lg-0 {margin-bottom:0 !important;}.mt-lg-0 {margin-top:0 !important;}.pb-lg-1 {padding-bottom:0.4rem !important;}.pt-lg-1 {padding-top:0.4rem !important;}.mb-lg-1 {margin-bottom:0.4rem !important;}.mt-lg-1 {margin-top:0.4rem !important;}.pb-lg-2 {padding-bottom:0.8rem !important;}.pt-lg-2 {padding-top:0.8rem !important;}.mb-lg-2 {margin-bottom:0.8rem !important;}.mt-lg-2 {margin-top:0.8rem !important;}.pb-lg-3 {padding-bottom:1.6rem !important;}.pt-lg-3 {padding-top:1.6rem !important;}.mb-lg-3 {margin-bottom:1.6rem !important;}.mt-lg-3 {margin-top:1.6rem !important;}.pb-lg-4 {padding-bottom:2.4rem !important;}.pt-lg-4 {padding-top:2.4rem !important;}.mb-lg-4 {margin-bottom:2.4rem !important;}.mt-lg-4 {margin-top:2.4rem !important;}.pb-lg-5 {padding-bottom:3.2rem !important;}.pt-lg-5 {padding-top:3.2rem !important;}.mb-lg-5 {margin-bottom:3.2rem !important;}.mt-lg-5 {margin-top:3.2rem !important;}.pb-lg-6 {padding-bottom:4rem !important;}.pt-lg-6 {padding-top:4rem !important;}.mb-lg-6 {margin-bottom:4rem !important;}.mt-lg-6 {margin-top:4rem !important;}.pb-lg-7 {padding-bottom:4.8rem !important;}.pt-lg-7 {padding-top:4.8rem !important;}.mb-lg-7 {margin-bottom:4.8rem !important;}.mt-lg-7 {margin-top:4.8rem !important;}.pb-lg-8 {padding-bottom:5.6rem !important;}.pt-lg-8 {padding-top:5.6rem !important;}.mb-lg-8 {margin-bottom:5.6rem !important;}.mt-lg-8 {margin-top:5.6rem !important;}.pb-lg-9 {padding-bottom:6.4rem !important;}.pt-lg-9 {padding-top:6.4rem !important;}.mb-lg-9 {margin-bottom:6.4rem !important;}.mt-lg-9 {margin-top:6.4rem !important;}.pb-lg-10 {padding-bottom:7.2rem !important;}.pt-lg-10 {padding-top:7.2rem !important;}.mb-lg-10 {margin-bottom:7.2rem !important;}.mt-lg-10 {margin-top:7.2rem !important;}}@media (min-width:1200px) {.pb-xl-0 {padding-bottom:0 !important;}.pt-xl-0 {padding-top:0 !important;}.mb-xl-0 {margin-bottom:0 !important;}.mt-xl-0 {margin-top:0 !important;}.pb-xl-1 {padding-bottom:0.4rem !important;}.pt-xl-1 {padding-top:0.4rem !important;}.mb-xl-1 {margin-bottom:0.4rem !important;}.mt-xl-1 {margin-top:0.4rem !important;}.pb-xl-2 {padding-bottom:0.8rem !important;}.pt-xl-2 {padding-top:0.8rem !important;}.mb-xl-2 {margin-bottom:0.8rem !important;}.mt-xl-2 {margin-top:0.8rem !important;}.pb-xl-3 {padding-bottom:1.6rem !important;}.pt-xl-3 {padding-top:1.6rem !important;}.mb-xl-3 {margin-bottom:1.6rem !important;}.mt-xl-3 {margin-top:1.6rem !important;}.pb-xl-4 {padding-bottom:2.4rem !important;}.pt-xl-4 {padding-top:2.4rem !important;}.mb-xl-4 {margin-bottom:2.4rem !important;}.mt-xl-4 {margin-top:2.4rem !important;}.pb-xl-5 {padding-bottom:3.2rem !important;}.pt-xl-5 {padding-top:3.2rem !important;}.mb-xl-5 {margin-bottom:3.2rem !important;}.mt-xl-5 {margin-top:3.2rem !important;}.pb-xl-6 {padding-bottom:4rem !important;}.pt-xl-6 {padding-top:4rem !important;}.mb-xl-6 {margin-bottom:4rem !important;}.mt-xl-6 {margin-top:4rem !important;}.pb-xl-7 {padding-bottom:4.8rem !important;}.pt-xl-7 {padding-top:4.8rem !important;}.mb-xl-7 {margin-bottom:4.8rem !important;}.mt-xl-7 {margin-top:4.8rem !important;}.pb-xl-8 {padding-bottom:5.6rem !important;}.pt-xl-8 {padding-top:5.6rem !important;}.mb-xl-8 {margin-bottom:5.6rem !important;}.mt-xl-8 {margin-top:5.6rem !important;}.pb-xl-9 {padding-bottom:6.4rem !important;}.pt-xl-9 {padding-top:6.4rem !important;}.mb-xl-9 {margin-bottom:6.4rem !important;}.mt-xl-9 {margin-top:6.4rem !important;}.pb-xl-10 {padding-bottom:7.2rem !important;}.pt-xl-10 {padding-top:7.2rem !important;}.mb-xl-10 {margin-bottom:7.2rem !important;}.mt-xl-10 {margin-top:7.2rem !important;}}@media (min-width:1400px) {.pb-xxl-0 {padding-bottom:0 !important;}.pt-xxl-0 {padding-top:0 !important;}.mb-xxl-0 {margin-bottom:0 !important;}.mt-xxl-0 {margin-top:0 !important;}.pb-xxl-1 {padding-bottom:0.4rem !important;}.pt-xxl-1 {padding-top:0.4rem !important;}.mb-xxl-1 {margin-bottom:0.4rem !important;}.mt-xxl-1 {margin-top:0.4rem !important;}.pb-xxl-2 {padding-bottom:0.8rem !important;}.pt-xxl-2 {padding-top:0.8rem !important;}.mb-xxl-2 {margin-bottom:0.8rem !important;}.mt-xxl-2 {margin-top:0.8rem !important;}.pb-xxl-3 {padding-bottom:1.6rem !important;}.pt-xxl-3 {padding-top:1.6rem !important;}.mb-xxl-3 {margin-bottom:1.6rem !important;}.mt-xxl-3 {margin-top:1.6rem !important;}.pb-xxl-4 {padding-bottom:2.4rem !important;}.pt-xxl-4 {padding-top:2.4rem !important;}.mb-xxl-4 {margin-bottom:2.4rem !important;}.mt-xxl-4 {margin-top:2.4rem !important;}.pb-xxl-5 {padding-bottom:3.2rem !important;}.pt-xxl-5 {padding-top:3.2rem !important;}.mb-xxl-5 {margin-bottom:3.2rem !important;}.mt-xxl-5 {margin-top:3.2rem !important;}.pb-xxl-6 {padding-bottom:4rem !important;}.pt-xxl-6 {padding-top:4rem !important;}.mb-xxl-6 {margin-bottom:4rem !important;}.mt-xxl-6 {margin-top:4rem !important;}.pb-xxl-7 {padding-bottom:4.8rem !important;}.pt-xxl-7 {padding-top:4.8rem !important;}.mb-xxl-7 {margin-bottom:4.8rem !important;}.mt-xxl-7 {margin-top:4.8rem !important;}.pb-xxl-8 {padding-bottom:5.6rem !important;}.pt-xxl-8 {padding-top:5.6rem !important;}.mb-xxl-8 {margin-bottom:5.6rem !important;}.mt-xxl-8 {margin-top:5.6rem !important;}.pb-xxl-9 {padding-bottom:6.4rem !important;}.pt-xxl-9 {padding-top:6.4rem !important;}.mb-xxl-9 {margin-bottom:6.4rem !important;}.mt-xxl-9 {margin-top:6.4rem !important;}.pb-xxl-10 {padding-bottom:7.2rem !important;}.pt-xxl-10 {padding-top:7.2rem !important;}.mb-xxl-10 {margin-bottom:7.2rem !important;}.mt-xxl-10 {margin-top:7.2rem !important;}}.pt-100 {padding-top:10rem;}.pb-100 {padding-bottom:10rem;}.pt-200 {padding-top:20rem;}.pb-200 {padding-bottom:20rem;}@media screen and (max-width:991px) {.pt-0 {padding-bottom:0px !important;}.pt-0 {padding-top:0px !important;}.mb-0 {margin-bottom:0px !important;}.mt-0 {margin-top:0px !important;}.pb-1 {padding-bottom:4px !important;}.pt-1 {padding-top:4px !important;}.mb-1 {margin-bottom:4px !important;}.mt-1 {margin-top:4px !important;}.pb-2 {padding-bottom:8px !important;}.pt-2 {padding-top:8px !important;}.mb-2 {margin-bottom:8px !important;}.mt-2 {margin-top:8px !important;}.pb-3 {padding-bottom:16px !important;}.pt-3 {padding-top:16px !important;}.mb-3 {margin-bottom:16px !important;}.mt-3 {margin-top:16px !important;}.pb-4 {padding-bottom:24px !important;}.pt-4 {padding-top:24px !important;}.mb-4 {margin-bottom:24px !important;}.mt-4 {margin-top:24px !important;}.pb-5 {padding-bottom:32px !important;}.pt-5 {padding-top:32px !important;}.mb-5 {margin-bottom:32px !important;}.mt-5 {margin-top:32px !important;}.pb-6 {padding-bottom:40px !important;}.pt-6 {padding-top:40px !important;}.mb-6 {margin-bottom:40px !important;}.mt-6 {margin-top:40px !important;}.pb-7 {padding-bottom:48px !important;}.pt-7 {padding-top:48px !important;}.mb-7 {margin-bottom:48px !important;}.mt-7 {margin-top:48px !important;}.pb-8 {padding-bottom:56px !important;}.pt-8 {padding-top:56px !important;}.mb-8 {margin-bottom:56px !important;}.mt-8 {margin-top:56px !important;}.pb-9 {padding-bottom:64px !important;}.pt-9 {padding-top:64px !important;}.mb-9 {margin-bottom:64px !important;}.mt-9 {margin-top:64px !important;}.pb-10 {padding-bottom:72px !important;}.pt-10 {padding-top:72px !important;}.mb-10 {margin-bottom:72px !important;}.mt-10 {margin-top:72px !important;}@media (min-width:576px) {.pt-sm-0 {padding-bottom:0px !important;}.pt-sm-0 {padding-top:0px !important;}.mb-sm-0 {margin-bottom:0px !important;}.mt-sm-0 {margin-top:0px !important;}.pb-sm-1 {padding-bottom:4px !important;}.pt-sm-1 {padding-top:4px !important;}.mb-sm-1 {margin-bottom:4px !important;}.mt-sm-1 {margin-top:4px !important;}.pb-sm-2 {padding-bottom:8px !important;}.pt-sm-2 {padding-top:8px !important;}.mb-sm-2 {margin-bottom:8px !important;}.mt-sm-2 {margin-top:8px !important;}.pb-sm-3 {padding-bottom:16px !important;}.pt-sm-3 {padding-top:16px !important;}.mb-sm-3 {margin-bottom:16px !important;}.mt-sm-3 {margin-top:16px !important;}.pb-sm-4 {padding-bottom:24px !important;}.pt-sm-4 {padding-top:24px !important;}.mb-sm-4 {margin-bottom:24px !important;}.mt-sm-4 {margin-top:24px !important;}.pb-sm-5 {padding-bottom:32px !important;}.pt-sm-5 {padding-top:32px !important;}.mb-sm-5 {margin-bottom:32px !important;}.mt-sm-5 {margin-top:32px !important;}.pb-sm-6 {padding-bottom:40px !important;}.pt-sm-6 {padding-top:40px !important;}.mb-sm-6 {margin-bottom:40px !important;}.mt-sm-6 {margin-top:40px !important;}.pb-sm-7 {padding-bottom:48px !important;}.pt-sm-7 {padding-top:48px !important;}.mb-sm-7 {margin-bottom:48px !important;}.mt-sm-7 {margin-top:48px !important;}.pb-sm-8 {padding-bottom:56px !important;}.pt-sm-8 {padding-top:56px !important;}.mb-sm-8 {margin-bottom:56px !important;}.mt-sm-8 {margin-top:56px !important;}.pb-sm-9 {padding-bottom:64px !important;}.pt-sm-9 {padding-top:64px !important;}.mb-sm-9 {margin-bottom:64px !important;}.mt-sm-9 {margin-top:64px !important;}.pb-sm-10 {padding-bottom:72px !important;}.pt-sm-10 {padding-top:72px !important;}.mb-sm-10 {margin-bottom:72px !important;}.mt-sm-10 {margin-top:72px !important;}}@media (min-width:768px) {.pb-md-0 {padding-bottom:0 !important;}.pt-md-0 {padding-top:0 !important;}.mb-md-0 {margin-bottom:0 !important;}.mt-md-0 {margin-top:0 !important;}.pb-md-1 {padding-bottom:4px !important;}.pt-md-1 {padding-top:4px !important;}.mb-md-1 {margin-bottom:4px !important;}.mt-md-1 {margin-top:4px !important;}.pb-md-2 {padding-bottom:8px !important;}.pt-md-2 {padding-top:8px !important;}.mb-md-2 {margin-bottom:8px !important;}.mt-md-2 {margin-top:8px !important;}.pb-md-3 {padding-bottom:16px !important;}.pt-md-3 {padding-top:16px !important;}.mb-md-3 {margin-bottom:16px !important;}.mt-md-3 {margin-top:16px !important;}.pb-md-4 {padding-bottom:24px !important;}.pt-md-4 {padding-top:24px !important;}.mb-md-4 {margin-bottom:24px !important;}.mt-md-4 {margin-top:24px !important;}.pb-md-5 {padding-bottom:32px !important;}.pt-md-5 {padding-top:32px !important;}.mb-md-5 {margin-bottom:32px !important;}.mt-md-5 {margin-top:32px !important;}.pb-md-6 {padding-bottom:40px !important;}.pt-md-6 {padding-top:40px !important;}.mb-md-6 {margin-bottom:40px !important;}.mt-md-6 {margin-top:40px !important;}.pb-md-7 {padding-bottom:48px !important;}.pt-md-7 {padding-top:48px !important;}.mb-md-7 {margin-bottom:48px !important;}.mt-md-7 {margin-top:48px !important;}.pb-md-8 {padding-bottom:56px !important;}.pt-md-8 {padding-top:56px !important;}.mb-md-8 {margin-bottom:56px !important;}.mt-md-8 {margin-top:56px !important;}.pb-md-9 {padding-bottom:64px !important;}.pt-md-9 {padding-top:64px !important;}.mb-md-9 {margin-bottom:64px !important;}.mt-md-9 {margin-top:64px !important;}.pb-md-10 {padding-bottom:72px !important;}.pt-md-10 {padding-top:72px !important;}.mb-md-10 {margin-bottom:72px !important;}.mt-md-10 {margin-top:72px !important;}}@media (min-width:992px) {.pb-lg-0 {padding-bottom:0 !important;}.pt-lg-0 {padding-top:0 !important;}.mb-lg-0 {margin-bottom:0 !important;}.mt-lg-0 {margin-top:0 !important;}.pb-lg-1 {padding-bottom:4px !important;}.pt-lg-1 {padding-top:4px !important;}.mb-lg-1 {margin-bottom:4px !important;}.mt-lg-1 {margin-top:4px !important;}.pb-lg-2 {padding-bottom:8px !important;}.pt-lg-2 {padding-top:8px !important;}.mb-lg-2 {margin-bottom:8px !important;}.mt-lg-2 {margin-top:8px !important;}.pb-lg-3 {padding-bottom:16px !important;}.pt-lg-3 {padding-top:16px !important;}.mb-lg-3 {margin-bottom:16px !important;}.mt-lg-3 {margin-top:16px !important;}.pb-lg-4 {padding-bottom:24px !important;}.pt-lg-4 {padding-top:24px !important;}.mb-lg-4 {margin-bottom:24px !important;}.mt-lg-4 {margin-top:24px !important;}.pb-lg-5 {padding-bottom:32px !important;}.pt-lg-5 {padding-top:32px !important;}.mb-lg-5 {margin-bottom:32px !important;}.mt-lg-5 {margin-top:32px !important;}.pb-lg-6 {padding-bottom:40px !important;}.pt-lg-6 {padding-top:40px !important;}.mb-lg-6 {margin-bottom:40px !important;}.mt-lg-6 {margin-top:40px !important;}.pb-lg-7 {padding-bottom:48px !important;}.pt-lg-7 {padding-top:48px !important;}.mb-lg-7 {margin-bottom:48px !important;}.mt-lg-7 {margin-top:48px !important;}.pb-lg-8 {padding-bottom:56px !important;}.pt-lg-8 {padding-top:56px !important;}.mb-lg-8 {margin-bottom:56px !important;}.mt-lg-8 {margin-top:56px !important;}.pb-lg-9 {padding-bottom:64px !important;}.pt-lg-9 {padding-top:64px !important;}.mb-lg-9 {margin-bottom:64px !important;}.mt-lg-9 {margin-top:64px !important;}.pb-lg-10 {padding-bottom:72px !important;}.pt-lg-10 {padding-top:72px !important;}.mb-lg-10 {margin-bottom:72px !important;}.mt-lg-10 {margin-top:72px !important;}}@media (min-width:1200px) {.pb-xl-0 {padding-bottom:0 !important;}.pt-xl-0 {padding-top:0 !important;}.mb-xl-0 {margin-bottom:0 !important;}.mt-xl-0 {margin-top:0 !important;}.pb-xl-1 {padding-bottom:4px !important;}.pt-xl-1 {padding-top:4px !important;}.mb-xl-1 {margin-bottom:4px !important;}.mt-xl-1 {margin-top:4px !important;}.pb-xl-2 {padding-bottom:8px !important;}.pt-xl-2 {padding-top:8px !important;}.mb-xl-2 {margin-bottom:8px !important;}.mt-xl-2 {margin-top:8px !important;}.pb-xl-3 {padding-bottom:16px !important;}.pt-xl-3 {padding-top:16px !important;}.mb-xl-3 {margin-bottom:16px !important;}.mt-xl-3 {margin-top:16px !important;}.pb-xl-4 {padding-bottom:24px !important;}.pt-xl-4 {padding-top:24px !important;}.mb-xl-4 {margin-bottom:24px !important;}.mt-xl-4 {margin-top:24px !important;}.pb-xl-5 {padding-bottom:32px !important;}.pt-xl-5 {padding-top:32px !important;}.mb-xl-5 {margin-bottom:32px !important;}.mt-xl-5 {margin-top:32px !important;}.pb-xl-6 {padding-bottom:40px !important;}.pt-xl-6 {padding-top:40px !important;}.mb-xl-6 {margin-bottom:40px !important;}.mt-xl-6 {margin-top:40px !important;}.pb-xl-7 {padding-bottom:48px !important;}.pt-xl-7 {padding-top:48px !important;}.mb-xl-7 {margin-bottom:48px !important;}.mt-xl-7 {margin-top:48px !important;}.pb-xl-8 {padding-bottom:56px !important;}.pt-xl-8 {padding-top:56px !important;}.mb-xl-8 {margin-bottom:56px !important;}.mt-xl-8 {margin-top:56px !important;}.pb-xl-9 {padding-bottom:64px !important;}.pt-xl-9 {padding-top:64px !important;}.mb-xl-9 {margin-bottom:64px !important;}.mt-xl-9 {margin-top:64px !important;}.pb-xl-10 {padding-bottom:72px !important;}.pt-xl-10 {padding-top:72px !important;}.mb-xl-10 {margin-bottom:72px !important;}.mt-xl-10 {margin-top:72px !important;}}@media (min-width:1400px) {.pb-xxl-0 {padding-bottom:0 !important;}.pt-xxl-0 {padding-top:0 !important;}.mb-xxl-0 {margin-bottom:0 !important;}.mt-xxl-0 {margin-top:0 !important;}.pb-xxl-1 {padding-bottom:4px !important;}.pt-xxl-1 {padding-top:4px !important;}.mb-xxl-1 {margin-bottom:4px !important;}.mt-xxl-1 {margin-top:4px !important;}.pb-xxl-2 {padding-bottom:8px !important;}.pt-xxl-2 {padding-top:8px !important;}.mb-xxl-2 {margin-bottom:8px !important;}.mt-xxl-2 {margin-top:8px !important;}.pb-xxl-3 {padding-bottom:16px !important;}.pt-xxl-3 {padding-top:16px !important;}.mb-xxl-3 {margin-bottom:16px !important;}.mt-xxl-3 {margin-top:16px !important;}.pb-xxl-4 {padding-bottom:24px !important;}.pt-xxl-4 {padding-top:24px !important;}.mb-xxl-4 {margin-bottom:24px !important;}.mt-xxl-4 {margin-top:24px !important;}.pb-xxl-5 {padding-bottom:32px !important;}.pt-xxl-5 {padding-top:32px !important;}.mb-xxl-5 {margin-bottom:32px !important;}.mt-xxl-5 {margin-top:32px !important;}.pb-xxl-6 {padding-bottom:40px !important;}.pt-xxl-6 {padding-top:40px !important;}.mb-xxl-6 {margin-bottom:40px !important;}.mt-xxl-6 {margin-top:40px !important;}.pb-xxl-7 {padding-bottom:48px !important;}.pt-xxl-7 {padding-top:48px !important;}.mb-xxl-7 {margin-bottom:48px !important;}.mt-xxl-7 {margin-top:48px !important;}.pb-xxl-8 {padding-bottom:56px !important;}.pt-xxl-8 {padding-top:56px !important;}.mb-xxl-8 {margin-bottom:56px !important;}.mt-xxl-8 {margin-top:56px !important;}.pb-xxl-9 {padding-bottom:64px !important;}.pt-xxl-9 {padding-top:64px !important;}.mb-xxl-9 {margin-bottom:64px !important;}.mt-xxl-9 {margin-top:64px !important;}.pb-xxl-10 {padding-bottom:72px !important;}.pt-xxl-10 {padding-top:72px !important;}.mb-xxl-10 {margin-bottom:72px !important;}.mt-xxl-10 {margin-top:72px !important;}}.pt-100 {padding-top:54px;}.pb-100 {padding-bottom:54px;}.pt-200 {padding-top:200px;}.pb-200 {padding-bottom:200px;}} *:focus {outline:none; box-shadow:none;} img, svg, video {max-width:100%; user-select:none; height: auto;} svg {height:auto;} h1, .h1 {font-size:3.6rem; line-height:1.3; margin:0 0 4rem; font-family:'Microsoft YaHei', sans-serif; font-weight:700; text-transform:uppercase;} h2, .h2 {font-size:3.5rem; margin:0 0 4rem; font-family:'Microsoft YaHei', sans-serif;} h3, .h3 {font-size:3.5rem; margin:0 0 4rem; font-family:'Microsoft YaHei', sans-serif;} h4, .h4 {font-size:2.8rem; margin:0 0 3rem; font-family:'Microsoft YaHei', sans-serif;} #navigation + h1, #navigation + .h1 {margin-top:-22px;} a {color:#282828; text-decoration:underline; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} a:hover {text-decoration:none; color:#282828; fill:#282828;} p {margin:0;} * + p {margin-top:2rem;} * + table {margin-top:2rem;} b, strong {font-weight:bold;} * + h1, * + .h1 {margin-top:3rem } * + h2, * + .h2 {margin-top:4rem } * + h3, * + .h3 {margin-top:4rem } small {font-size:1.6rem; color:#8B817D;} iframe {max-width:100%;} ul:not(.navbar-nav):not(.ui-menu) {padding:0; list-style:none; padding-left:4rem; margin:0;} ul:not(.navbar-nav):not(.ui-menu) li {position:relative;} ul:not(.navbar-nav):not(.ui-menu) li:before {content:""; display:block; width:0.4rem; height:0.4rem; border-radius:50%; /* background:#171717; */ position:absolute; top:1.2rem; left:-1.6rem;} ul:not(.navbar-nav):not(.ui-menu) li + li {margin-top:0.8rem;} * + ul:not(.navbar-nav):not(.ui-menu) {margin-top:2rem;} ul:not(.navbar-nav):not(.ui-menu) ul {margin-top:2rem;} ul:not(.navbar-nav):not(.ui-menu) ul li:before {background:none; border:0.1rem solid #000;} ul.list-style-disc {list-style:disc!important;} ul.list-style-check {list-style:disc!important;} ol {margin:0; padding:0; padding-left:1.6rem; color:#000;} ol li {padding-left:8px;} * + ol {margin-top:2rem;} label {margin:0;} ymaps {font-family:'istok_webregular', Arial, sans-serif !important; font-weight:400;} .-fullwidth {width:100%;} .btn {text-decoration:none; cursor:pointer; line-height:0.9; text-align:center; min-width:27rem; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .btn.row {display:flex; justify-content:center; align-items:center;} .btn-primary {color:#000; background:transparent; border:0.1rem solid #000; border-radius:0; padding:0 0; height:6rem; line-height:5.9rem; box-shadow:none!important; font-size:1.2rem; outline:none!important;} .btn-primary:focus, .btn-primary:active {color:#000; background:transparent; border-color:#000; box-shadow:none!important;} .btn-primary:hover {color:#fff; background:#282828; border-color:#282828;} .btn-secondary {color:#000; background:#fff; border:0.1rem solid #000; border-radius:0; padding:0 3rem; height:6rem; line-height:5.9rem; box-shadow:none!important; font-size:1.4rem; outline:none!important;} .btn-secondary:focus, .btn-secondary:active {color:#000; background:#fff; border-color:#000; box-shadow:none!important;} .btn-secondary:hover {color:#fff; background:#282828; border-color:#282828;} .btn-third {color:#fff; background:transparent; border:0.1rem solid #fff; border-radius:0; padding:0 3rem; height:6rem; line-height:5.9rem; box-shadow:none!important; font-size:1.4rem; outline:none!important;} .btn-third:focus, .btn-third:active {color:#fff; background:transparent; border-color:#fff; box-shadow:none!important;} .btn-third:hover {color:#282828; background:#fff; border-color:#fff;} .btn-fourth {color:#fff; background:#282828; border:0.1rem solid #282828; border-radius:0; padding:0 3rem; height:6rem; line-height:5.9rem; box-shadow:none!important; font-size:1.2rem; outline:none!important;} .btn-fourth:focus, .btn-fourth:active {color:#fff; background:#282828; border-color:#282828;} .btn-fourth:hover {color:#282828; background:#fff; border-color:#282828;} .hr-short {background:#000; width:100px; margin:0 auto; opacity:1;} .popup {display:none; padding:4rem 6rem 6rem; width:60rem; margin:0; color:#171717} .popup .form__body {} #success {background:#fff;} #policy {width:100%; font-size:1.6rem;} #policy *+p {margin-top:1.6rem;} #policy p+* {margin-top:1.6rem;} .testdrive{max-width: 700px; margin: 20px auto; padding: 0 40px;} .-fullheight {height:100%;} .form {padding:0; color:#171717;} .form__body {} .form__title {font-size:3.2rem;} .form__text {} input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="date"], select {height:5.6rem;} input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="date"], textarea, select {width:100%; color:#282828; border:0.1rem solid #B7B2B2; background:#fff; outline:none!important; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; border-radius:0; padding:2rem; font-size:1.8rem;} select {padding:1rem 2rem;} textarea {height:10rem; display:block;} input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="date"]:focus, textarea:focus {border-color:#282828;} input[type="text"].invalid, input[type="password"].invalid, input[type="tel"].invalid, input[type="email"].invalid, textarea.invalid {border-color:#BA141A !important;} input[type="text"].error, input[type="password"].error, input[type="tel"].error, input[type="email"].error, textarea.error {border-color:#BA141A !important;}[class$=--hasError] {border-color:#282828 !important;} .-error input[type="text"], .-error input[type="password"], .-error input[type="tel"], .-error input[type="email"], .-error textarea {border-color:#BA141A !important;} ::-webkit-input-placeholder {color:#B7B2B2; opacity:1;} ::-moz-placeholder {color:#B7B2B2; opacity:1;} :-moz-placeholder {color:#B7B2B2; opacity:1;} :-ms-input-placeholder {color:#B7B2B2; opacity:1;} .form__row {position:relative; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; text-align:left;} .form__row > .row {--bs-gutter-y:2rem;} .form__row + .form__row {margin-top:2rem;} .form__field + .form__field {margin-top:2rem;} .-form-cell-row {--bs-gutter-y:2rem;} .form__error {text-transform:lowercase; color:#BA141A; font-size:1.4rem;} .form__label {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; font-size:1.6rem;} .form__val:focus + .form__label {font-size:1rem; top:-1.6rem;} .form__policy + .form__policy {margin-top:0.8rem;} .form__row.-submit {margin-top:4.4rem;} .form__checkbox {display:none;} .-checkbox-label-row {display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; cursor:pointer; align-items:center; -webkit-justify-content:flex-start; justify-content:flex-start; font-size:1.2rem; color:#8B817D;} .-checkbox-label-row:before {content:""; display:block; width:2rem; height:2rem; background:transparent; background-size:1.2rem; border:0.1rem solid #8B817D; border-radius:0; margin-right:1rem; -webkit-flex-shrink:0; flex-shrink:0; background-position:50% 50%; border-radius:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .form__checkbox:checked + label:before {background:#fff url(../i/ok.svg) no-repeat 50% 50%; background-size:1.2rem; border-color:#8B817D;} .-checkbox-label-row a {color:#8B817D;} .form__select {font-size:1.4rem; width:40rem; position:relative;} .fselect__title {padding:2.3rem; border:0.1rem solid #fff; background:#8B817D; border-radius:10rem; cursor:pointer; position:relative; z-index:4;} .fselect__title svg {fill:#fff; width:3.2rem; height:3.2rem; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .active .fselect__title svg {transform:rotate(180deg);} .fselect__list {padding:6rem 0 4rem; border:0.1rem solid #fff; border-top:0; width:100%; position:absolute; top:calc(100% - 4rem); left:0; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); border-radius:0 0 4rem 4rem; z-index:3; opacity:0; pointer-events:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .fselect__item label {display:block; margin:0; padding:1rem 3rem; color:#8B817D; cursor:pointer; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .fselect__item label:hover {background:#FAF7F7;} .fselect__item input {display:none;} .fselect__item input:checked + label {background:#e5d6d6;} .active .fselect__list {opacity:1; pointer-events:all;} .-form-select-col .form__field+.form__field {margin-top:4rem;} .form__field.-policy {margin-top:5rem!important;} *:disabled {background-color:#cdcdcd; border-color:#cdcdcd; cursor:not-allowed; color:#fff; opacity:1;} .red-text {color:#282828;} .grey-back {background:#F8F8F8;} .let-space {letter-spacing:0.3em;} .swiper-horizontal>.swiper-pagination {bottom:3rem; display:flex; flex-wrap:wrap; justify-content:center;} .swiper-pagination-bullet {width:auto; height:2rem; margin:0 1.2rem!important; padding:0.3rem 0; border:0; background:none; opacity:1; display:flex; flex-direction:column; justify-content:flex-end;} .swiper-pagination-bullet:before {content:""; display:block; width:5.6rem; height:0.3rem; background:#B1B3B3; border-radius:1rem; border:0.1rem solid #A6A6A7; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .swiper-pagination-bullet.swiper-pagination-bullet-active {background:none;} .swiper-pagination-bullet.swiper-pagination-bullet-active:before {height:0.7rem; background:#9D9D9D; border-color:#878586;} .swiper-button-prev,.swiper-button-next {width:4.6rem; height:6.4rem; background:none;} .swiper-button-prev:after,.swiper-button-next:after {display:none;} .swiper-button-prev svg {fill:#989B9C; transform:rotate(180deg); width:2.4rem; height:4.4rem;} .swiper-button-next svg {fill:#989B9C; width:2.4rem; height:4.4rem;} .swiper-button-prev {left:4rem;} .swiper-button-next {right:4rem;} .swiper-button-prev:after,.swiper-button-next:after {font-size:4rem; color:#000;} .swiper-button-prev:after {margin-left:-0.4rem;} .swiper-button-next:after {margin-right:-0.4rem;} .swiper-button-disabled {opacity:0!important;} .ui-widget {font-family:'Microsoft YaHei', Arial, sans-serif;} .ui-slider {border:0!important; height:1rem; background:#D9D9D9; width:100%;} .ui-slider .ui-slider-range {background:#282828;} .ui-slider .ui-slider-handle {background:#282828; width:2.1rem; height:2.1rem; border:0.1rem solid #fff; border-radius:50%; box-shadow:none!important;} .ui-slider-horizontal .ui-slider-handle {top:-0.6rem;} .ui-widget.ui-tooltip {width:23rem; padding:1rem 2rem; background:#fff; color:#000; border-radius:0.2rem; font-size:1.2rem;} .bread {font-size:1.6rem;} .breadcrumbs__item {color:#282828;} .breadcrumbs__link {color:#282828; text-decoration:none;} .breadcrumbs__link:hover {color:#000;} .breadcrumbs__text {color:#606060;} .page__title h1, .page__title .h1 {margin-bottom:0;} .-go-to {cursor:pointer;} .-nopadding {padding:0!important;} [data-animate] {opacity:0;} .animate__animated {opacity:1;} body:before {content:""; display:block; width:100%; height:100%; position:fixed; top:0; left:0; z-index:30; background:#000; opacity:0; pointer-events:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} body.-show-menu:before {opacity:0.6; pointer-events:all;} .header {padding:3.2rem 0 ; position:fixed; top:0; left:0; width:100%; z-index:11; background:rgba(255,255,255,0.4); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; opacity:0;} .-scrolled .header {background:#F0F9FF; padding:0.8rem 0;} .menu__toggler {cursor:pointer; width:4rem;} .menu__toggler svg {width:4rem; height:3rem; fill:#000;} .logotype {} .logotype img {height:7.1rem;} .header__menu {font-size:1.2rem;} .hmenu__item {} .hmenu__link {color:#000; text-decoration:none;} .hmenu__item+.hmenu__item {margin-left:3rem; margin-left: 1.7rem;} .header__info {font-size:1.2rem;} .header__address {font-size: 1.6rem;} .header__links {} .header__socials {} .header__socials img{max-width: 25px; width: 24px} .header__socials a {text-decoration:none;} .header__socials svg {width:2.4rem; height:2.4rem; fill:#AAAAAA; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .header__socials svg[data-icon="you"] {fill:#fff;} .header__socials svg[data-icon="wa"] {fill:#fff;} .header__socials a:hover svg {fill:#000; transform:scale(1.05);} .header__socials a+a {margin-left:2.2rem;} .header__phone {} .header__phone a {text-decoration:none; color:#282828; font-size:1.6rem;} .menu {position:fixed; width:100%; top:0; opacity:0; pointer-events:none; z-index:31; background:#DBDBDB; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; height:100vh; overflow:auto;} .menu__block {} .menu__content {padding:6rem 0;} .menu__top {margin-bottom:2rem; position:relative; left:-14.6rem;} .menu__close {cursor:pointer;} .menu__close svg {width:3.3rem; height:3.3rem; fill:#282828;} .menu__address {line-height:1.4;} .menu__phone {} .menu__phone a {text-decoration:none;} .menu__nav {margin:2rem 0; padding:4rem 0; border-top:0.1rem solid #606060; border-bottom:0.1rem solid #606060;} .menu__list {} .menu__item {} .menu__link {color:#5A5A5A; text-decoration:none;} .menu__link:hover {color:#000;} .menu__item+.menu__item {margin-top:4rem;} .menu__bottom {} .menu__contacts {} .menu__contacts a {text-decoration:none; font-size:1.5rem;} .menu__contacts svg {width:1.2rem; height:1.8rem; margin-right:1rem; fill:#AAAAAA;} .menu__socials {} .menu__socials a {text-decoration:none;} .menu__socials svg {width:2.4rem; height:2.4rem; fill:#AAAAAA; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .menu__socials svg[data-icon="you"] {fill:#fff;} .menu__socials svg[data-icon="wa"] {fill:#fff;} .menu__socials a:hover svg {fill:#000; transform:scale(1.05);} .menu__socials a+a {margin-left:2.2rem;} .menu__apps__links {margin-top:2rem;} .menu__apps__links a {text-decoration:none;} .menu__apps__links img {width:15.2rem; height:4.5rem;} .menu__image {margin-right:-8.4rem; position:sticky; top:0;} .menu__image img {display:block; width:100%; object-fit:cover; height:100vh;} .-show-menu .menu {opacity:1; pointer-events:all;} /* блок в хедере */ .support-service { position: relative; } .support-service__link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; text-decoration: none; } .support-service__text { position: relative; color: #000; margin-right: 10px; -webkit-transition: .3s; transition: .3s; z-index: 2; } .support-service__phone { font-weight: 500; color: #103a71; margin-right: 12px; } .support-service__arrow { display: block; position: relative; width: 9px; height: 6px; color: #333333; -webkit-transition: .3s; transition: .3s; z-index: 4; margin-left: 10px; } .support-service__dropdown { position: absolute; visibility: hidden; top: 0; left: 0; width: 100%; background-color: #333333; color: #fff; padding: 50px 30px 20px 24px; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: .6s; transition: .6s; z-index: 1; } .support-service__dropdown--dealer { left: auto; right: 0; right: -50px; width: auto; padding-top: 11px; z-index: 3; min-width: 300px; } .s-contacts__list{ margin-top: 20px; } .s-contacts__item{ margin-bottom: 10px; } .s-contacts__phone { font-size: 2rem; line-height: 1.2; font-weight: 500; margin-bottom: 10px; margin-top: 30px; color: #fff; } .s-contacts__phone:hover{ text-decoration: none; color: #fff; } .support-service__dd-mail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transition: opacity .3s, color .3s; transition: opacity .3s, color .3s; } .support-service__dd-mail svg { display: block; width: 17px; height: 13px; margin-right: 8px; stroke: #fff; fill: transparent; -webkit-transition: .3s; transition: .3s; } .isOpened .support-service__dropdown { visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); top: -35px; } .isOpened .support-service__arrow { fill: #fff; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .isOpened .support-service__dd-mail, .isOpened .support-service__dd-phone { opacity: 1; -webkit-transition-delay: .3s, 0s; transition-delay: .3s, 0s; color: #fff; text-decoration: none; } /* блок в хедере */ @media screen and (min-width:992px) { .menu {left:-100%;} .-show-menu .menu {left:0;} } .main {min-height:70vh;} .section__title {font-size:3.6rem;} .islider { padding-bottom: 30px; } .islider__item {position:relative; text-decoration:none;} .islider__image {position:relative;} .islider__image:before {content:""; display:block; width:100%; height:47rem; position:absolute; top:0; left:0; z-index:1; /* background:-moz-linear-gradient(top, rgba(240,249,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(240,249,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#00ffffff',GradientType=0 ); */ } .islider__image img {display:block; width:100%;} .islider__image video {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; object-fit:cover;} .islider__content {position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; padding-bottom:17rem;min-width: 100vw;} .islider__content.lefttop { justify-content: flex-start !important; top: 200px; } .islider__content.leftbottom { justify-content: flex-end !important; } .islider__content.righttop { justify-content: flex-start !important; top: 20%; } .islider__content.righttop .islider__title{ display: flex; justify-content: flex-end !important; top: 20%; right: 0; left: unset; } .islider__content.rightbottom { justify-content: flex-end !important; } .islider__content.rightbottom .islider__title{ display: flex; justify-content: flex-end !important; top: 20%; right: 0; left: unset; } .islider__title {/* color:#fff; */ font-size:3.6rem;} .dealer-year { margin-left: 5%; /*margin-top: 5px;*/ display: flex; flex-direction: column; justify-content: center; } .dealer-year a{ margin-bottom: 5px; } .imodels {} .imodels__item {background:#F8F8F8;} .imodels__content {line-height:1.3;} .imodels__title {font-size:9.6rem;} .imodels__price {font-size:3.6rem;} .imodels__price span{color: #282828;white-space: nowrap;} span.red{ color: #a61117; } .imodels__item:nth-child(2n) .imodels__price span.line-through{ color: #fff; } .line-through{/*text-decoration: line-through;*/} .imodels__person {} .imodels__person__image {flex-shrink:0;} .imodels__person__image img {display:block; width:12.9rem; border-radius:50%;} .imodels__person__text {font-size:2.4rem; padding-left:1.6rem;} .imodels__text {} .imodels__button {} .imodels__right {position:relative;} .imodels__image {position:absolute; top:0; right:-6rem; z-index:1; padding-bottom:5rem;} .imodels__image img {max-width:none;} .imodels__back {margin-right:-8.4rem;} .imodels__back img {display:block; width:100%; height:100%; object-fit:cover;} .imodels__item:nth-child(2n) {background:#282828; color:#fff;} .imodels__item:nth-child(2n) .imodels__button .btn {border-color:#fff; color:#fff;} .imodels__item:nth-child(2n) .imodels__button .btn:hover {background:#fff; border-color:#fff; color:#282828;} .imodels__item+.imodels__item {margin-top:0.8rem;} .iinstock {} .iinstock__item {/*padding:6rem;*/ background:#F8F8F8;} .iinstock__image {position:relative;} .iinstock__image img {width:100%;} .models-item-photos {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:row;} .models-item-photo {position:relative; width:100%;} .models-item-photo:after {content:''; display:block; position:absolute; left:0.8rem; right:0.8rem; bottom:-3rem; height:0.6rem; background:#D9D9D9; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .models-item-photo.-active:after {background:#282828;} .iinstock__title {font-size:2rem; color:#000;} .iinstock__title a {text-decoration: none;} .iinstock__price {} .iinstock__price span {font-size:2.4rem; padding-right:1rem;} .iinstock__price strike {color:#989B9C;} .seo__text {line-height:2;} .seo__text.-dark-seo {background:#282828; color:#fff;} .seo__text__block {max-width:120rem; margin:0 auto;} .seo__text.text-center h2, .seo__text.text-center .h2 {text-align:center!important;} .model__text {line-height:2;} .model__text.-dark-text {background:#282828; color:#fff;} .model__text__block {max-width:120rem; margin:0 auto;} .model__text.text-center h2, .model__text.text-center .h2 {text-align:center!important;} .iservice {position: relative;} .iservice__date { position: absolute; } .iservice__item {} .iservice__image {} .iservice__image img {width:100%;} .iservice__title {} .iservice__button {} .inews {} .inews__item {} .inews__image {position: relative;} .inews__date{color: #fff;position: absolute;left: 0;bottom: 0;padding: 10px;background: linear-gradient(0deg, rgba(34,34,34,1) 0%, rgba(0,0,0,0.24693627450980393) 60%);} .inews__image img {width:100%;} .inews__title {padding:0 6rem;} .inews__button {} .page__top {position:relative;} .page__top__image {} .page__top__image:before {content:""; display:block; width:100%; height:47rem; position:absolute; top:0; left:0; z-index:1; background:-moz-linear-gradient(top, rgba(240,249,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(240,249,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#00ffffff',GradientType=0 );} .page__top__image img {display:block; width:100%;} .page__top__content {position:static; top:0; left:0; width:100%; height:100%; z-index:1; padding-top:10rem;} .page__top__static {margin-top:13.5rem; border-top:0.1rem solid #878586;} .page__top__static h1, .page__top__static .h1 {margin-bottom:0; margin-top:1rem; text-align:left;} .inmodels {} .inmodels__list {} .inmodels__item {} .inmodels__item a {text-decoration:none; color:#878586; font-size:3.2rem;} .inmodels__item a:hover {color:#282828;} .inmodels__item.active a {color:#282828;} .indetail {line-height:1.3333;} .indetail__content {position:sticky; top:8.8rem;} .indetail h1, .indetail .h1 {text-align:left; margin-bottom:1rem;} .indetail__subtitle {font-size:2.4rem;} .indetail__chars {} .indetail__char {} .indetail__char+.indetail__char {margin-top:1rem;} .indetail__price {font-size:2rem;} .indetail__buttons {} .indetail__buttons .btn {margin-right:2rem;} .indetail__image {} .gimage-swiper-slide img {width:100%;} .gimage-swiper-button-next svg {fill:#fff;} .gimage-swiper-button-prev svg {fill:#fff;} .gimage2-swiper-slide {} .gimage2-swiper-slide img {width:100%;} .gimage2-swiper-slide:before {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#000; opacity:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .gimage2-swiper-slide.swiper-slide-thumb-active:before {opacity:0.4;} .dcar__benefits {margin-top:4rem; padding-top:4rem; border-top:0.1rem solid #929799} .dcar__benefits__title {color:#929799; cursor:pointer;} .dcar__benefits__list {padding:2rem 0;} .dcar__benefits__item {padding:1rem 0;} .dcar__benefits__name {flex:100%; padding-right:1.6rem;} .dcar__benefits__question {flex:auto; margin-right:1.2rem; flex-shrink:0;} .dcar__tooltip {width:1.8rem; height:1.8rem; border:1px solid #282828; border-radius:50%; font-size:1.2rem;} .dcar__benefits__check {flex:auto; margin-right:1.2rem; flex-shrink:0;} .benefits__checkbox {} .benefits__checkbox input {display:none;} .benefits__checkbox label {display:block; width:1.8rem; height:1.8rem; border-radius:0.2rem; border:0.3rem solid #D9D9D9; background:#D9D9D9; cursor:pointer; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .benefits__checkbox input:checked+label {background:#181818;} .dcar__benefits__price {flex:10rem; color:#282828; flex-shrink:0; text-align:right;} .dcar__sum {margin-bottom:4rem; padding-bottom:4rem; border-bottom:0.1rem solid #929799} .dcar__sum__val {font-weight:bold; font-size:2.4rem;} .dcar__price__val {font-size:2rem;} .indetail__props {} .indetail__props__title {font-size:2.4rem;} .indetail__props__subtitle {font-size:2.4rem; margin-top:1rem;} .indetail__props__list {font-size:1.6rem;} .indetail__prop {border-bottom:0.1rem solid #CECECE; padding:0.8rem 0;} .indetail__props__title+.indetail__props__list {margin-top:9rem;} .indetail__props__subtitle+.indetail__props__list {margin-top:4.8rem;} .indetail__addon {display:none;} .mblock {position:relative;} .mblock h2{position: absolute; left: 5%;top: 5%;color:#fff;text-shadow: 1px 1px 2px #282828;} .mblock h2.review-model{position: absolute; right: 20%;top: 5%;color:#000;text-shadow: 1px 1px 2px #282828;text-align: right;} .-dark-mblock {color:#fff; background:#282828;} .mblock__image {position:relative;} .mblock__image img {width:100%;} .-dark-mblock .mblock__image:before {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background: -moz-linear-gradient(top, rgba(40,40,40,0) 4%, rgba(40,40,40,1) 100%); background: -webkit-linear-gradient(top, rgba(40,40,40,0) 4%,rgba(40,40,40,1) 100%); background: linear-gradient(to bottom, rgba(40,40,40,0) 4%,rgba(40,40,40,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00282828', endColorstr='#282828',GradientType=0 ); z-index:2;} .ext-swiper-button-next svg {fill:#fff;} .ext-swiper-button-prev svg {fill:#fff;} .int-swiper-button-next svg {fill:#fff;} .int-swiper-button-prev svg {fill:#fff;} .mblock__content {position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; padding-bottom:4rem;} .mblock__props {max-width:110rem; margin:0 auto; background:rgba(255,255,255,0.6); padding:4rem;} .mblock__prop {} .mblock__prop__title {font-size:1.4rem;} .mblock__prop__val {font-size:2.8rem;} .mblock__block {} .mblock__text {line-height:2;} .mblock__chars {} .mblock__chars__title {padding:1.6rem 3rem; background:#282828; color:#fff;} .mblock__char {padding:1.6rem 3rem;} .mblock__chars__name {padding-right:2rem;} .mblock__char:nth-child(2n) {background:#F8F8F8;} .mblock__gallery {} .mgallery__main {} .mgallery-main-swiper-slide img {width:100%;} .mgallery__addon {margin:0.5rem 0;} .mgallery-addon-swiper-slide img {width:100%;} .mgallery-addon-swiper-slide:before {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background:#000; opacity:0.4; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .mgallery-addon-swiper-slide.swiper-slide-thumb-active:before {opacity:0;} .mblock__row__image {} .mblock__row__image img {width:100%;} .mblock__row__content {padding:4rem;} .mblock__row__title {font-size:3rem;} .mblock__row__text {} .tech-content {max-width:140rem; margin:0 auto;} .tech-specifications {} .tech-content-line {display:flex; width:100%; align-items:center;} .tech-content-title, .tech-content-name {width:30rem; flex-shrink:0; padding:2px 8px;} .tech-content-value {flex:1; padding:2px 8px;} .tech-content-line:first-child {background:#282828; color:#fff;} .tech-content-line+.tech-content-line {border-top:0.1rem solid #282828;} .tech-car {margin:4rem 4rem 0; padding:4rem; position:relative;} .tech__height {position: absolute;transform: rotate(-90deg);left: 0;font-size: 1.2rem;line-height: 2.4rem;height: 18rem;display: flex;justify-content: center;align-items: center;} .tech__height:before {content: url(/upload/arrow-down.svg);position: absolute;transform: rotate(90deg);left: -1.5rem;} .tech__height:after {content: url(/upload/arrow-up.svg);position: absolute;transform: rotate(90deg);right: -1.5rem;} .tech__length, .tech__width {font-size: 1.2rem;line-height: 2.4rem;margin-top: 1rem;} .tech__length:before {content: url(/upload/arrow-left-3.svg);} .tech__length:after {content: url(/upload/arrow-right-3.svg);} .tech__length span, .tech__width span {margin: 0 1rem;} .tech-specifications+.tech-specifications {border-top:0.1rem solid #282828;} .team {} .team__block {padding:0 14.8rem; position:relative;} .team__item {} .team__image img {width:100%;} .team__content {font-size:2.4rem; padding: 3rem 0;} .map {position:relative;} .ya-map {height:57rem;} .ya-map [class*="ymaps-2"][class*="-ground-pane"] {-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;} .map__block {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; pointer-events:none;} .map__content {background:#fff; padding:3rem 3rem 4.8rem; pointer-events:all; font-size:1.6rem; border:0.1rem solid #DEDEDE;} .map__title {font-size:3.6rem;} .map__icon {flex-shrink:1; width:3.2rem;} .map__icon svg {fill:#333333; margin-top:-0.1rem;} .map__icon svg[data-icon="location"] {width:1.2rem; height:1.8rem;} .map__icon svg[data-icon="phone"] {width:1.5rem; height:1.4rem;} .map__icon svg[data-icon="time"] {width:1.6rem; height:1.6rem;} .map__icon svg[data-icon="wat2"] {width:1.5rem; height:1.6rem;} .map__text {} .map__phone {} .map__phone a {text-decoration:none; color:#282828;} .map__wat {} .map__wat a {text-decoration:none; color:#282828;} .-ngallery-row {} .-ngallery-row img {width:100%;} .-lizing-row {} .-lizing-row img {width:auto; height:75px; display:block; margin:0 auto;} .disclaimer {font-size:1.5rem;} .footer {padding:2rem 0; background:#333333; color:#fff;} .flogotype {} .flogotype img { height:5.5rem;} .footer__menu {padding-top:1rem;} .fmenu__item {} .fmenu__link {color:#fff; text-decoration:none; font-size:1rem;} .fmenu__link:hover {color:#fff; text-decoration:underline;} .fmenu__item+.fmenu__item {margin-left:3rem;} .footer__socials {padding-top:1rem;} .footer__socials a {text-decoration:none;} .footer__socials svg {width:2.4rem; height:2.4rem; fill:#AAAAAA; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .footer__socials img {width:2.4rem; height:2.4rem; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .footer__socials svg[data-icon="you"] {fill:#fff;} .footer__socials svg[data-icon="wa"] {fill:#fff;} .footer__socials a:hover svg {fill:#fff; transform:scale(1.05);} .footer__socials a:hover img {transform:scale(1.05);} .footer__socials a+a {margin-left:2.2rem;} .footer__contacts {padding-top:1rem;} .footer__phone {font-size:1.6rem;} .footer__phone a {color:#fff; text-decoration:none;} .footer__address {font-size:1.2rem;} .footer__bottom {margin-top:-2rem;} .footer__copyright {font-size:1.2rem; opacity:0.7;} .footer__links {font-size:1.2rem;} .footer__links a {color:#fff; opacity:0.7; text-decoration:none;} .footer__links a:hover {opacity:1;} .footer__links a+a {margin-left:7rem;} .cookies {position:fixed; left:0; bottom:-100%; width:100%; background:#F8F8F8; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; z-index:110;} .cookies.show {bottom:0;} @media screen and (max-width:1199px) { } @media screen and (max-width:991px) { html, body {overflow-x:hidden;} .btn {min-width:270px;} .btn-primary {border-width:1px; padding:0 10px; height:60px; line-height:59px; font-size:14px;} .btn-secondary {border-width:1px; padding:0 40px; height:60px; line-height:59px; font-size:14px;} .btn-third {border-width:1px; padding:0 40px; height:60px; line-height:59px; font-size:14px;} .btn-fourth {border-width:1px; padding:0 20px; height:60px; line-height:59px; font-size:14px;} h1, .h1 {font-size:36px; margin:0 0 30px; letter-spacing:0.1em;} h2, .h2 {font-size:24px; margin:0 0 30px;} h3, .h3 {font-size:24px; margin:0 0 30px;} h4, .h4 {font-size:24px; margin:0 0 20px;} * + p {margin-top:20px;} * + table {margin-top:20px;} * + h1, * + .h1 {margin-top:30px } * + h2, * + .h2 {margin-top:30px } * + h3, * + .h3 {margin-top:30px } small {font-size:14px;} ul:not(.navbar-nav):not(.ui-menu) {padding-left:40px;} ul:not(.navbar-nav):not(.ui-menu) li:before {width:4px; height:4px; top:12px; left:-16px;} ul:not(.navbar-nav):not(.ui-menu) li + li {margin-top:8px;} * + ul:not(.navbar-nav):not(.ui-menu) {margin-top:20px;} ul:not(.navbar-nav):not(.ui-menu) ul {margin-top:20px;} ul:not(.navbar-nav):not(.ui-menu) ul li:before {border-width:1px;} ol {padding-left:16px;} ol li {padding-left:8px;} * + ol {margin-top:20px;} .swiper-horizontal>.swiper-pagination {bottom:30px;} .swiper-pagination-bullet {height:20px; margin:0 12px!important; padding:3px 0;} .swiper-pagination-bullet:before {width:56px; height:3px; border-radius:10px; border-width:1px;} .swiper-pagination-bullet.swiper-pagination-bullet-active:before {height:7px;} .swiper-button-prev,.swiper-button-next {width:46px; height:64px;} .swiper-button-prev {left:0;} .swiper-button-next {right:0;} .swiper-button-prev:after,.swiper-button-next:after {font-size:40px;} .swiper-button-prev:after {margin-left:-4px;} .swiper-button-next:after {margin-right:-4px;} .swiper-button-next svg {width:24px; height:44px;} .swiper-button-prev svg {width:24px; height:44px;} .ui-slider {height:10px;} .ui-slider .ui-slider-handle {width:21px; height:21px; border-width:1px;} .ui-slider-horizontal .ui-slider-handle {top:-6px;} .ui-widget.ui-tooltip {width:230px; padding:10px 20px; border-radius:2px; font-size:12px;} .let-space {letter-spacing:0.1em;} .popup {width:600px; padding:24px 16px;} .form__title {font-size:24px;} input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="date"], select {height:60px;} input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="date"], textarea, select {border-width:1px; padding:10px; font-size:18px;} select {padding:10px 20px;} textarea {height:100px;} .form__row > .row {--bs-gutter-y:20px;} .form__row + .form__row {margin-top:20px;} .form__field + .form__field {margin-top:20px;} .-form-cell-row {--bs-gutter-y:20px;} .form__error {font-size:14px;} .form__label {font-size:16px;} .form__val:focus + .form__label {font-size:10px; top:-16px;} .form__policy + .form__policy {margin-top:8px;} .form__row.-submit {margin-top:30px;} .-checkbox-label-row {font-size:12px;} .-checkbox-label-row:before {width:20px; height:20px; background-size:12px; border-width:1px; margin-right:10px;} .form__checkbox:checked + label:before {background-size:12px;} .form__select {font-size:14px; width:100%;} .fselect__title {padding:23px; border-width:1px; border-radius:0;} .fselect__title svg {width:32px; height:32px;} .fselect__list {padding:60px 0 40px; border-width:1px; top:calc(100% - 40px); border-radius:0;} .fselect__item label {padding:10px 30px;} .-form-select-col .form__field+.form__field {margin-top:40px;} .form__field.-policy {margin-top:30px!important;} .form .btn {height:48px; line-height:47px;} .bread {font-size:12px;} .bread + h1, .bread + .h1 {margin-top:10px;} .page__top__static {border-width:1px;} .page__top__static h1, .page__top__static .h1 {text-align:center;} .header {padding:8px 0!important; background:#F0F9FF!important;} .menu__toggler {width:40px;} .menu__toggler svg {width:40px; height:30px;} .logotype img {width:247px; height:auto;} .header__menu {font-size:12px;} .hmenu__item+.hmenu__item {margin-left:60px;} .header__info {font-size:12px;} .header__socials svg {width:24px; height:24px;;} .header__socials a+a {margin-left:22px;} .header__phone a {font-size:16px;} .menu {right:-100%;width: 100%;text-align:center;} .-show-menu .menu {right:0;} .menu__block > .container-fluid {padding:0!important;} .menu__content {padding:16px 0; display:flex; flex-direction:column;} .menu__top {margin-bottom: 5px;left:0;order:1;padding:0 20px;} .menu__close svg {width: 20px;height: 20px;fill:#5A5A5A;} .menu__info {order:3; padding:0 20px;} .menu__nav {margin:0;padding:0;border-width:0;order:2;padding: 0;} .menu__item+.menu__item {margin-top: 0;} .menu__bottom {order:4;padding:0 20px;margin-top:12px;justify-content: flex-start !important;} .menu__info {flex-wrap:wrap;padding: 40px 0 20px 0;align-items: flex-start;justify-content: center;} .menu__address {width:100%; order:2; font-size:12px;} .menu__phone {width:100%; order:1;} .menu__phone a {font-size:16px; font-weight:bold; color:#5A5A5A;} .menu__contacts a {font-size:15px;} .menu__contacts svg {width:12px; height:18px; margin-right:10px;} .menu__socials svg {width:24px; height:24px;} .menu__socials a+a {margin-left:22px;} .menu__apps {order:5; padding:0 20px;} .menu__apps__links {margin-top:20px;} .menu__apps__links img {width:152px; height:45px;} .menu__image {margin-right:-84px;} .main {padding-top:87px;} .section__title {font-size:36px;} .islider__image:before {display:none;} .islider__content {padding:20px 0 40px; position:relative; color:inherit!important;} .islider__title {font-size:36px;} .imodels__content {text-align:center;} .imodels__title {font-size:40px;} .imodels__price {font-size:26px;} .imodels__person {flex-wrap:wrap; justify-content:center;} .imodels__person__image img {width:129px;} .imodels__person__text {font-size:24px; padding-left:0; width:100%; margin-top:16px;} .imodels__image {right:0; padding-bottom:0; position:relative; top:0; padding:80px 0;} .imodels__image img {height:auto!important;} .imodels__back {margin-right:0; position:absolute; top:0; left:-30px; right:-30px; height:100%;} .imodels__back img {object-position:center bottom;} .imodels__item+.imodels__item {margin-top:0;} .iinstock__item {padding:40px 16px;} .iinstock__image img {height:auto!important;} .models-item-photo:after {left:8px; right:8px; bottom:-30px; height:6px;} .iinstock__title {font-size:20px;} .iinstock__price span {font-size:24px; padding-right:10px;} .seo__text__block {max-width:100%;} .model__text__block {max-width:100%;} .inews__title {padding:0;} .page__top__image:before { height:324px;} .page__top__content {padding-top:20px;} .inmodels__item a {font-size:24px;} .page__top__static {margin-top:0; position:relative;} .page__top__static:before {content:""; display:block; width:100%; height:300px; position:absolute; top:0; left:0; z-index:1; background: -moz-linear-gradient(top, rgba(240,249,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(240,249,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#00ffffff',GradientType=0 );} .page__top__static > .container-fluid {position:relative; z-index:2;} .page__top+* {position:relative; z-index:2;} .indetail {text-align:center;} .indetail h1, .indetail .h1 {margin-bottom:20px; text-align:center;} .indetail__subtitle {font-size:24px;} .indetail__char+.indetail__char {margin-top:16px;} .indetail__price {font-size:16px;} .indetail__buttons {flex-direction:column; align-items:center;} .indetail__buttons .btn {margin-right:0; min-width:290px;} .indetail__buttons .btn+.btn {margin-top:32px;} .indetail__props__title {font-size:24px;} .indetail__props__subtitle {font-size:24px; margin-top:10px;} .indetail__props__list {font-size:12px; text-align:left;} .indetail__prop {border-width:1px; padding:8px 0;} .indetail__props__title+.indetail__props__list {margin-top:30px;} .indetail__props__subtitle+.indetail__props__list {margin-top:30px;} .-indetail-bottom-row {--bs-gutter-y:60px!important;} .indetail__addon__title {font-size:20px;} .similar .section__title {text-align:center;} .dcar__benefits {margin-top:40px; padding-top:40px; border-top-width:1px; text-align:left;} .dcar__benefits__list {padding:20px 0;} .dcar__benefits__item {padding:10px 0;} .dcar__benefits__name {padding-right:16px;} .dcar__benefits__question {margin-right:12px;} .dcar__tooltip {width:18px; height:18px; border-width:1px; font-size:12px;} .dcar__benefits__check {margin-right:12px;} .benefits__checkbox label {width:18px; height:18px; border-radius:2px; border-width:3px;} .dcar__benefits__price {flex:100px;} .dcar__sum {margin-bottom:40px; padding-bottom:40px; border-bottom-width:1px;} .dcar__price__val {font-size:16px;} .dcar__sum__val {font-size:20px;} .mblock h2{top: -20px;} .mblock h2.review-model{top: -20px;right: 33%;} .mblock__content {position:relative; padding:40px 0;} .islider-swiper-pagination {bottom: -5px!important;} .mblock__props {max-width:100%;} .mblock__prop__title {font-size:14px;} .mblock__prop__val {font-size:28px;} .mblock__chars__title {padding:16px;} .mblock__char {padding:16px;} .mblock__chars__name {padding-right:20px;} .mblock__text br {display:none;} .mgallery__addon {margin:5px 0;} .tech-car {margin:40px 0 0; padding:40px;} .tech__height {font-size:12px; line-height:24px; height:18px;} .tech__height:before {left:-15px;} .tech__height:after {right:-15px;} .tech__length, .tech__width {font-size:12px; line-height:24px; margin-top:10px;} .tech__length span, .tech__width span {margin: 0 10px;} .team__block {padding:0; text-align:center;} .team__content {font-size:24px; padding:20px 0;} .map {display:flex; flex-direction:column;} .ya-map {height:300px; order:2;} .map__block {position:relative; order:1; border-top:1px solid #DEDEDE;} .map__content {padding:40px 0; font-size:16px; border:0;} .map__title {font-size:36px;} .map__icon {width:32px;} .map__icon svg {margin-top:-1px;} .map__icon svg[data-icon="location"] {width:12px; height:18px;} .map__icon svg[data-icon="phone"] {width:15px; height:14px;} .map__icon svg[data-icon="time"] {width:16px; height:16px;} .map__icon svg[data-icon="wat2"] {width:15px; height:16px;} .footer {padding:24px 0; text-align:center;} .footer > .container-fluid {padding:0!important;} .-footer-row {--bs-gutter-x:0!important;--bs-gutter-y:0!important;} .flogotype img {width:193px; height:auto;} .footer__menu {padding-top:20px; margin-top:20px; border-top:1px solid #4E4E4E; flex-wrap:wrap;} .fmenu__item {width:100%;} .fmenu__link {font-size:12px;} .fmenu__item+.fmenu__item {margin-left:0; margin-top:10px;} .footer__socials {padding-top:20px;} .footer__socials svg {width:24px; height:24px;} .footer__socials img {width:24px; height:24px;} .footer__socials a+a {margin-left:22px;} .footer__contacts {padding-top:20px; margin-top:20px; border-top:1px solid #4E4E4E;} .footer__phone {font-size:16px;} .footer__address {font-size:12px;} .footer__bottom {margin-top:0;} .footer__copyright {font-size:12px;} .footer__links {font-size:12px; display:flex; flex-direction:column; padding-top:20px;text-align: center !important;} .footer__links a+a {margin-left:0; margin-top:8px;} .mblock__row__content {padding:0;} .mblock__row__title {font-size:24px;} .tech-content {max-width:100%;} .tech-content-title, .tech-content-name {width:300px; padding:2px 8px;} .tech-content-value {padding:2px 8px;} .tech-content-line+.tech-content-line {border-width:1px;} .tech-car {margin:40px 0 0; text-align:center;} .tech-specifications+.tech-specifications {border-width:1px;} .disclaimer {font-size:2.5rem;} .cars__sort { justify-content: center; } .smart-filter-parameters-box { margin-top: 20px; } .slider_btn .btn { width: 100%; } .slider_btn .btn { border-color: #282828; background: transparent; } .slider_btn .btn:hover { color: #fff; background: #282828; } } @media screen and (max-width:767px) { .section__title {font-size:24px;} /* .islider__image:before {content:""; display:block; width:100%; height:100%; z-index:1; position:absolute; top:0; left:0; background:#000; opacity:0.4;} */ .popup {width:100%;} .iservice {} .-lizing-row .p-5 {padding:6rem!important;} .dcar__benefits__item {flex-wrap:wrap;} .dcar__benefits__name {width:100%; text-align:center; padding-right:0; margin-bottom:8px;} .dcar__chars__title {font-size:16px;} .dcar__chars__content {padding:20px 0;} .dcar__benefits__question {flex:none; width:18px;} .dcar__benefits__check {flex:none; width:18px;} .dcar__benefits__price {flex:none; width:auto;} .dcar__benefits__title {text-align:center;} .-dcar-sum-row {--bs-gutter-y:10px;} .-dcar-price-row {--bs-gutter-y:10px;} .tech-content-title, .tech-content-name {width:200px;} .subscribe-div { flex-wrap: wrap; } .form__row.-submit{ margin-top: 30px !important; margin-left: 0; } .subscribe-pc .inputtext{ min-width: 270px; } .slider_btn .btn { width: 100%; } .slider_btn .btn { border-color: #282828 !important; background: transparent; } .slider_btn .btn:hover { color: #fff !important; background: #282828 !important; } } @media screen and (max-width: 575px) { h1, .h1 {font-size:24px;} h2, .h2 {font-size:20px;} h3, .h3 {font-size:20px;} h4, .h4 {font-size:20px;} .btn-primary {padding:0 10px;} .btn-secondary {padding:0 20px;} .btn-third {padding:0 20px;} .btn-fourth {padding:0 20px;} .logotype img {width:134px;} .menu__toggler svg {width:38px; height:28px;} .menu__content {padding:10px 0;} .main {padding-top:55px;} .islider__title {font-size:18px; text-align:center;} .islider__title br {display:none;} .swiper-pagination-bullet {margin:0 8px!important;} .imodels__back {left:-10px; right:-10px;} .iinstock__price span {display:flex; padding:0; gap: 5px; justify-content: center;} .-iservice-row {--bs-gutter-y:60px;} input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="date"], select {height:48px;} .page__top__image:before {height:200px;} .indetail__price {font-size:16px;} .indetail__props__title {font-size:20px;} .indetail__subtitle {font-size:20px;} .indetail h1, .indetail .h1 {margin-top:0;} .swiper-button-prev, .swiper-button-next {width:26px;} .swiper-button-next svg {width:14px; height:26px;} .swiper-button-prev svg {width:14px; height:26px;} .mblock__prop__val {font-size:20px;} .mblock__chars__title {font-size:14px;} .mblock__chars {margin-left:-10px; margin-right:10px; width:calc(100% + 20px);} .mblock__char {font-size:12px;} .mblock__row__title {font-size:18px;} .tech-content {font-size:12px;} .tech-content-title, .tech-content-name {width:150px;} .disclaimer {font-size:3.5rem;} iframe {height:50vh;} } @media screen and (max-width:399px) { h1, .h1 {font-size:18px;} h2, .h2 {font-size:18px;} h3, .h3 {font-size:18px;} h4, .h4 {font-size:18px;} } @media screen and (max-width:339px) { } .history{ background-color: #e8e8e8; } .hongqi-global-title { position: relative; width: 100%; z-index: 1 } .hongqi-global-title .type-title { box-sizing: border-box; font-size: 2vw; padding: 3%; text-align: center; width: 100% } .hongqi-global-history-layout-I { position: relative; z-index: 1 } .hongqi-global-history-layout-I img { max-height: 21vw; -o-object-fit: cover; object-fit: cover; width: 100% } .hongqi-global-history-layout-I .hq-history { width: 100% } .hongqi-global-history-layout-I .hq-history .hq-history_layout { display: flex; justify-content: space-between; margin: auto auto 2.5vw; padding: 1% 0; width: 85% } .hongqi-global-history-layout-I .hq-history .hq-history_layout img { width: 100% } .hongqi-global-history-layout-I .hq-history .hq-history_layout .hq-history-right-img { width: 49% } .hongqi-global-history-layout-I .hq-history .hq-history_layout .hq-history-left-text { background-color: #e8e8e8; width: 49% } .hongqi-global-history-layout-I .hq-history .hq-history_layout .hq-history-left-text .text-top { width: 100% } .hongqi-global-history-layout-I .hq-history .hq-history_layout .hq-history-left-text .text-top .time { align-items: center; color: #333; display: flex; font-size: 4vw; padding-top: 0 } .hongqi-global-history-layout-I .hq-history .hq-history_layout .hq-history-left-text .text-top .time .line { background-color: #e1ddda; height: 1px; margin-left: 2vw; margin-right: 2vw; width: 13vw } .hongqi-global-history-layout-I .hq-history .hq-history_layout .hq-history-left-text .text-top .title { font-size: 1.2vw; line-height: 1.5; margin-top: 1vw } .hongqi-global-history-layout-I .hq-history .hq-history_layout .hq-history-left-text .text_left { box-sizing: border-box; line-height: 2; margin-top: 2vw } .hongqi-global-history-layout-I .hq-history .hq-history_layout .hq-history-left-text .text_left p { font-size: 1vw } @media screen and (max-width: 750px) { .hongqi-global-history-layout-I img { height:auto; max-height: none; width: 100% } .hongqi-global-history-layout-I .hq-history { margin: 4% auto 5%; width: 90% } .hongqi-global-history-layout-I .hq-history .hq-history_layout { display: block; width: 100% } .hongqi-global-history-layout-I .hq-history .hq-history_layout .hq-history-left-text { width: 100% } .hongqi-global-history-layout-I .hq-history .hq-history_layout .hq-history-left-text .text_left { padding-right: 0; padding-top: 10% } .hongqi-global-history-layout-I .hq-history .hq-history_layout .hq-history-left-text .text_left p { font-size: 12px } .hongqi-global-history-layout-I .hq-history .hq-history_layout .hq-history-left-text .text-top { height: 11vw; width: 100% } .hongqi-global-history-layout-I .hq-history .hq-history_layout .hq-history-left-text .text-top .time { font-size: 10vw; padding-top: 5vw } .hongqi-global-history-layout-I .hq-history .hq-history_layout .hq-history-right-img { width: 100% } } .hongqi-global-subscribe .subscribe-pc { display: flex; justify-content: center; margin-bottom: 50px; } .hongqi-global-subscribe .subscribe-pc .hongqi_icon { padding-right: 8.2vw; width: 7.8vw } .hongqi-global-subscribe .subscribe-pc .hongqi_icon .d-img { width: 100% } .hongqi-global-subscribe .subscribe-pc .contact .contact_title { align-items: flex-end; border-bottom: 1px solid #595959; display: flex; justify-content: space-between; padding-bottom: .3em; width: 56.1vw } .hongqi-global-subscribe .subscribe-pc .contact .contact_title .contact_right_title { font-size: 1vw } .hongqi-global-subscribe .subscribe-pc .contact .follow { display: flex; padding-top: 1vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .left { font-size: 1vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .m-follow { display: none } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right p { color: #e4011c; font-size: 1vw; line-height: 2; padding-bottom: 2vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right:first-child { color: #e4011c; font-size: 1vw; padding-bottom: 1.3vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .email-wrap { align-items: center; display: flex } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .email-wrap .input input { background-color: #eee; border: 1px solid #b8b8b8; border-radius: .9vw; font-size: .81em; height: 1.9vw; padding-left: .8vw; width: 11.6vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .email-wrap input:-webkit-autofill { -webkit-text-fill-color: #2e2e2e!important } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .email-wrap .button { margin-left: .5vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .agree-wrap { align-items: center; cursor: pointer; display: flex; margin-top: 1vw; padding-bottom: 3.4vw; position: relative } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .agree-wrap .agree-icon.show-switch { background-color: #fff; border: 1px solid #b8b8b8; border-radius: 0; height: 1vw; margin-bottom: 1vw; margin-right: 1vw; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 1vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .agree-wrap .el-form-item__error { top: 2vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .agree-wrap .agree-icon.act { position: relative } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .agree-wrap .agree-icon.act .check { bottom: .5px; position: absolute } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .agree-wrap .agree-icon.act .check img { width: 1vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .agreecolor { color: #1b1b1b; line-height: 2; padding-bottom: 1vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_left { padding-left: 4vw!important; width: 32.1vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_left p { color: #e4011c; font-size: 1vw; line-height: 2 } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_left .contact_left_social-contact { padding-top: .5vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_left .contact_left_social-contact .icon-left { padding-right: 0!important } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_left .contact_left_social-contact .social-contact { cursor: pointer; filter: grayscale(100%); padding-right: 1vw; transition: all .3s; width: 2vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_left .contact_left_social-contact .social-contact:hover { filter: inherit } .hongqi-global-subscribe .subscribe-pc .contact .subscribe-form .el-form-item { margin-bottom: 0 } .hongqi-global-subscribe .subscribe-pc .contact .subscribe-form .el-form-item__content { line-height: 2vw } .hongqi-global-subscribe .subscribe-pc .contact .subscribe-form .el-input__inner { background: #eee; border-radius: 20px; height: 2.1vw } .hongqi-global-subscribe .subscribe-pc .contact .subscribe-form .el-input__inner:focus { border-color: transparent } .hongqi-global-subscribe .subscribe-pc .contact .subscribe-form .el-checkbox__inner { background: #fff; border-color: #b8b8b8 } .hongqi-global-subscribe .subscribe-pc .contact .subscribe-form .el-input__inner:hover { border-color: #dcdfe6 } .hongqi-global-subscribe .subscribe-pc .contact .subscribe-form .el-checkbox__inner:hover { border-color: #b8b8b8 } .hongqi-global-subscribe .subscribe-pc .contact .subscribe-form .el-checkbox__inner:after { border: 1px solid #000; border-left: 0; border-top: 0 } .hongqi-global-subscribe .subscribe-pc .contact .subscribe-form .is-checked+.el-checkbox__label { color: #1b1b1b } @media screen and (max-width: 800px) { .islider__content {min-height: 10vh;} .hongqi-global-subscribe .subscribe-pc { display:block } .hongqi-global-subscribe .subscribe-pc .hongqi_icon { height: 14vw; margin: 0 auto; padding-right: 0; width: 15vw } .hongqi-global-subscribe .subscribe-pc .hongqi_icon .d-img { display: block; margin: 7vw auto } .hongqi-global-subscribe .subscribe-pc .contact { margin: 0 auto; width: 88vw } .hongqi-global-subscribe .subscribe-pc .contact .contact_title { font-size: 4vw; padding-top: 7vw; width: 88vw } .hongqi-global-subscribe .subscribe-pc .contact .contact_title .contact_left_social-contact { display: none } .hongqi-global-subscribe .subscribe-pc .contact .contact_title .contact_right_title { font-size: 4vw } .hongqi-global-subscribe .subscribe-pc .contact .follow { display: block; padding-top: 1vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .agree-wrap { padding-bottom: 7vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .agree-wrap .agree-icon.show-switch { background-color: #fff; border: 1px solid #b8b8b8; border-radius: 0; height: 3vw; margin-right: 4vw; width: 3vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .agree-wrap input:-webkit-autofill { -webkit-text-fill-color: #2e2e2e!important } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .agree-wrap .agree-icon.act { position: relative } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .agree-wrap .agree-icon.act .check { bottom: .5px; position: absolute } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .agree-wrap .agree-icon.act .check img { width: 3vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right p { font-size: 1em } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right p:first-child { font-size: 2vw; line-height: 5vw; padding-top: 3vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .follow_us { color: #e4011c; line-height: 2em; padding: 2vw 0 6vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .email-wrap { padding-bottom: 5vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .email-wrap .input input { border-radius: 4vw; font-size: 3vw; height: 9vw; padding-left: 4vw; width: 52vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .email-wrap .button { align-items: center; display: flex; margin-left: 3vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .contact_right_title { padding-bottom: 3vw; padding-top: 7vw!important } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .m-follow { display: block; font-size: 2vw; line-height: 5vw; padding-bottom: 6vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .agree-wrap-pc { width: 88vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_right .agree-wrap-pc p { color: #2e2e2e; font-size: 3vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_left { padding-left: 0!important; width: 88vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_left .m-follow,.hongqi-global-subscribe .subscribe-pc .contact .follow .follow_left p { color: #e4011c; font-size: 1em; line-height: 2em; padding: 2vw 0 6vw } .hongqi-global-subscribe .subscribe-pc .contact .follow .follow_us { display: none } } .disk-slider-pagination{ display: flex; justify-content: center; margin-top: 30px; } .disk-slider{ margin-top: 50px; overflow: visible; } .disk-slider-button-next, .disk-slider-button-prev{ position: absolute; top: 36%; z-index: 10; } .disk-slider-button-next{ right: -40px; } .disk-slider-button-prev{ left: -40px; transform: rotate(-180deg); } .disk-slide-title{ font-size: 20px; margin-top: 15px; } .disk-slide-price{ font-size: 20px; margin-top: 15px; font-weight: 600; } .price_benefit{ font-size: 2.4rem; } .slider_btn .btn { border-color: #fff; color: #000; background: #fff; } .slider_btn .btn:hover { background: #fff; border-color: #fff; color: #282828; } .contacts-item{ display: flex; gap: 5px; } .contacts-item__address, .contacts-item__phone{ white-space: nowrap; } .no-absolute{ position: relative; } .team__block__title{ padding: 0 14.8rem; cursor: pointer; display: flex; justify-content: space-between; } .team__block__title svg{ transform: rotate(90deg); transition: all 0.3s; } .team__block{ display: none; } .team__block__title.active svg{ transform: rotate(-90deg); } .video__wrapper { position: relative; width: 100%; max-width: 100%; overflow: hidden; } .video__item { width: 100%; height: auto; display: block; } /* Постер поверх видео */ .video__poster { position: absolute; inset: 0; z-index: 2; } .video__poster img { width: 100%; height: 100%; object-fit: cover; } /* Кнопка Play */ .video__play { position: absolute; inset: 0; z-index: 3; background: rgba(0, 0, 0, 0.25); border: none; cursor: pointer; width: 64px; height: 64px; background: #b58451; border-radius: 50%; padding: 0; margin: 0; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; transition: all .25s ease; } /* Скрытое состояние */ .video__wrapper.is-playing .video__poster, .video__wrapper.is-playing .video__play { opacity: 0; pointer-events: none; transition: opacity 0.3s ease; } button.video__play svg { width: 24px; height: 24px; } .video__play:hover { background: #fff; } .models-item-photos__buttons{ display: none; } .models-item-photos__button-prev svg{ transform: rotate(180deg); } .mobile__contacts__wrapper { display: none; } span.mobile__phone { display: none; } @media (max-width: 991px) { .price_benefit{ font-size: 18px; } a.menu__link { font-size: 14px; font-weight: 400; } .menu__list { display: flex; flex-direction: column; gap: 0; } .menu__item .menu__link { padding: 7px 15px; border-bottom: 1px solid #ccc; display: flex; width: 100%; justify-content: flex-start; transition: all .25s ease; } .menu__item .menu__link:hover { background: #ccc; } a#bx_651765591_34 svg { fill: #0077FF; } a#bx_651765591_35 svg { fill: #27A7E7; } .menu__socials a svg, .menu__socials a img { width: 28px; height: 28px; } .menu__contact { display: flex; flex-direction: column; align-items: flex-start; text-align: left; width: 100%; border-bottom: 1px solid #ccc; padding: 10px 15px; } .menu__contact:nth-child(1) { border-top: 1px solid #ccc; } .menu__item:nth-child(1) .menu__link { border-top: 1px solid #ccc; } .menu__phone a:hover { color: #0d6efd; } .mobile__contacts__wrapper { display: block; top: 120px; left: 0; z-index: 9; position: fixed; width: 100%; height: 0px; overflow: hidden; transition: all .25s ease; } .mobile__contacts__list { display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; background: #e6f0f7; } span.mobile__phone { display: flex; } .header .col-auto.col-lg-1.order-2.order-lg-1 { display: flex; align-items: center; gap: 20px; } span.mobile__phone svg { width: 36px; height: 36px; } .mobile__contacts__item { display: flex; flex-direction: column; width: 100%; align-items: flex-start; padding: 15px var(--bs-gutter-x,.75rem); border-bottom: 1px solid #cad7df; line-height: 1; gap: 8px; } .mobile__contacts__item__address { font-size: 12px; color: #52626d; } a.mobile__contacts__item__phone { text-decoration: none; color: #1871af; font-size: 14px; border-bottom: 1px solid; padding-bottom: 2px; } span.mobile__phone.active svg path { fill: #1871af; } } @media (max-width: 767px) { .models-item-photos__buttons{ display: block; } .models-item-photos__button-next, .models-item-photos__button-prev{ position: absolute; transform: translate(0, -50%); cursor: pointer; } .models-item-photos__button-prev{ top: 50%; left: 0; } .models-item-photos__button-next{ top: 50%; right: 0; } .models-item-photos__button-next svg, .models-item-photos__button-prev svg{ fill: #fff; } } @media screen and (max-width: 575px) { span.mobile__phone svg { width: 30px; height: 30px; } .header .col-auto.col-lg-1.order-2.order-lg-1 { gap: 14px; } .mobile__contacts__wrapper { top: 74px; } } @media screen and (max-width: 350px) { .col-auto.col-lg-2.order-1.order-lg-2.d-lg-none.dealer-year-mob img { width: 80px; } .logotype img { width: 120px; } span.mobile__phone svg { width: 24px; height: 24px; } .menu__toggler svg { width: 26px; } .menu__toggler { width: 26px; } .mobile__contacts__wrapper { top: 68px; } }