/* Start:/local/components/bitrix/breadcrumb/templates/.default/style.css?1641966582363*/ .bx-breadcrumb .bx-breadcrumb-item { float: left; margin-bottom: 10px; white-space: nowrap; line-height: 13px; vertical-align: middle; margin-right: 10px; font-size:15px; } .bx-breadcrumb { margin-bottom:20px; } .bx-breadcrumb A { color:#abb3b9; text-decoration:none; } .bx-breadcrumb A:hover { color:#e50000; } .bread_arr { margin-right:6px; } /* End */ /* Start:/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/stylesheet.css?17594141127727*/ @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-BoldItalic.eot'); src: local('Inter Bold Italic'), local('Inter-BoldItalic'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-BoldItalic.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-BoldItalic.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-MediumItalic.eot'); src: local('Inter Medium Italic'), local('Inter-MediumItalic'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-MediumItalic.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-MediumItalic.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ThinItalicBETA.eot'); src: local('Inter Thin Italic BETA'), local('Inter-ThinItalicBETA'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ThinItalicBETA.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ThinItalicBETA.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ThinItalicBETA.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ThinItalicBETA.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Regular.eot'); src: local('Inter Regular'), local('Inter-Regular'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Regular.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Regular.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Regular.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Black.eot'); src: local('Inter Black'), local('Inter-Black'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Black.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Black.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Black.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-BlackItalic.eot'); src: local('Inter Black Italic'), local('Inter-BlackItalic'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-BlackItalic.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-BlackItalic.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-LightBETA.eot'); src: local('Inter Light BETA'), local('Inter-LightBETA'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-LightBETA.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-LightBETA.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-LightBETA.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-LightBETA.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-SemiBold.eot'); src: local('Inter Semi Bold'), local('Inter-SemiBold'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-SemiBold.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-SemiBold.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraBoldItalic.eot'); src: local('Inter Extra Bold Italic'), local('Inter-ExtraBoldItalic'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraBoldItalic.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraBoldItalic.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Bold.eot'); src: local('Inter Bold'), local('Inter-Bold'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Bold.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Bold.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Bold.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraLightItalicBETA.eot'); src: local('Inter Extra Light Italic BETA'), local('Inter-ExtraLightItalicBETA'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraLightItalicBETA.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraLightItalicBETA.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraLightItalicBETA.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraLightItalicBETA.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraLightBETA.eot'); src: local('Inter Extra Light BETA'), local('Inter-ExtraLightBETA'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraLightBETA.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraLightBETA.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraLightBETA.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraLightBETA.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraBold.eot'); src: local('Inter Extra Bold'), local('Inter-ExtraBold'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraBold.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraBold.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ThinBETA.eot'); src: local('Inter Thin BETA'), local('Inter-ThinBETA'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ThinBETA.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ThinBETA.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ThinBETA.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-ThinBETA.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-LightItalicBETA.eot'); src: local('Inter Light Italic BETA'), local('Inter-LightItalicBETA'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-LightItalicBETA.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-LightItalicBETA.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-LightItalicBETA.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-LightItalicBETA.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Italic.eot'); src: local('Inter Italic'), local('Inter-Italic'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Italic.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Italic.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Italic.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-SemiBoldItalic.eot'); src: local('Inter Semi Bold Italic'), local('Inter-SemiBoldItalic'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-SemiBoldItalic.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-SemiBoldItalic.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Medium.eot'); src: local('Inter Medium'), local('Inter-Medium'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Medium.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Medium.woff2') format('woff2'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Medium.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/Inter-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } /* End */ /* Start:/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/stylesheet.css?17594141125763*/ /* This stylesheet generated by Transfonter (https://transfonter.org) on July 4, 2017 2:48 AM */ @font-face { font-family: 'Geometria'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Thin.eot'); src: local('Geometria Thin'), local('Geometria-Thin'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Thin.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Thin.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Geometria'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-MediumItalic.eot'); src: local('Geometria MediumItalic'), local('Geometria-MediumItalic'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-MediumItalic.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Geometria'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Italic.eot'); src: local('Geometria Italic'), local('Geometria-Italic'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Italic.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Italic.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Geometria'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Heavy.eot'); src: local('Geometria Heavy'), local('Geometria-Heavy'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Heavy.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Heavy.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Geometria'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ExtraBoldItalic.eot'); src: local('Geometria ExtraBoldItalic'), local('Geometria-ExtraBoldItalic'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ExtraBoldItalic.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Geometria'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Medium.eot'); src: local('Geometria Medium'), local('Geometria-Medium'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Medium.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Medium.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Geometria'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-BoldItalic.eot'); src: local('Geometria BoldItalic'), local('Geometria-BoldItalic'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-BoldItalic.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Geometria'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-LightItalic.eot'); src: local('Geometria LightItalic'), local('Geometria-LightItalic'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-LightItalic.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Geometria'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-HeavyItalic.eot'); src: local('Geometria HeavyItalic'), local('Geometria-HeavyItalic'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-HeavyItalic.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-HeavyItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Geometria'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria.eot'); src: local('Geometria'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Geometria'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Bold.eot'); src: local('Geometria Bold'), local('Geometria-Bold'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Bold.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Bold.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Geometria'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ExtraBold.eot'); src: local('Geometria ExtraBold'), local('Geometria-ExtraBold'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ExtraBold.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Geometria'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ThinItalic.eot'); src: local('Geometria ThinItalic'), local('Geometria-ThinItalic'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ThinItalic.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Geometria'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ExtraLightItalic.eot'); src: local('Geometria ExtraLightItalic'), local('Geometria-ExtraLightItalic'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ExtraLightItalic.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Geometria'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Light.eot'); src: local('Geometria Light'), local('Geometria-Light'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Light.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Light.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Geometria'; src: url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ExtraLight.eot'); src: local('Geometria ExtraLight'), local('Geometria-ExtraLight'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ExtraLight.woff') format('woff'), url('/local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/Geometria-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } /* End */ /* Start:/local/components/bitrix/catalog.element/templates/new-land/lib/swiper-bundle.min.css?175941411116469*/ /** * Swiper 8.4.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 12, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/components/bitrix/catalog.element/templates/new-land/css/style.css?175941411269895*/ body.pointer { cursor: pointer; } .footer { padding-top: 128px; padding-bottom: 128px; } @media (min-width: 1500px) { .container { max-width: 1440px; } } @media (max-width: 600px) { .container { max-width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; } } .row { --bs-gutter-x: 0 !important; } /*img {*/ /* display: block;*/ /* width: 100%;*/ /* -webkit-user-select: none;*/ /* -moz-user-select: none;*/ /* -ms-user-select: none;*/ /* user-select: none;*/ /*}*/ .banner__title-wrap img { width: 100%; } .characteristics__bg img { display: block; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } h2, .h2 { color: #212529; font-family: 'Geometria'; font-weight: 700; font-size: 55px !important; line-height: 106%; } @media (max-width: 575px) { h2, .h2 { font-size: 28px !important; } } h3, .h3 { font-family: 'Geometria'; font-weight: 700; font-size: 40px; line-height: 106%; } @media (max-width: 575px) { h3, .h3 { font-size: 20px; } } h4, .h4 { font-family: 'Geometria'; font-weight: 700; font-size: 24px; line-height: 106%; text-transform: uppercase; } @media (max-width: 575px) { h4, .h4 { font-size: 18px; } } .switcher { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 3px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border: 1px solid rgba(217, 220, 220, 0.3); border-radius: 1000px; user-select: none; } .switcher__item { position: relative; padding: 9.5px 17px; color: #fff; font-family: 'Geometria'; font-weight: 500; font-size: 16px; line-height: 21px; text-transform: uppercase; cursor: pointer; } .switcher__item_active { color: #212529; } .switcher__item-bg { position: absolute; height: calc(100% - 6px); background: #fff; border-radius: 1000px; -webkit-transition: 0.3s; transition: 0.3s; } .swiper-navs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; } .swiper-navs .swiper-prev, .swiper-navs .swiper-next { width: 77px; cursor: pointer; } .input-wrap__input { display: block; padding-top: 12px; padding-bottom: 12px; width: 100%; background: transparent; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5); outline: none; color: #fff; font-family: 'Geometria'; font-weight: 400; font-size: 18px; line-height: 140%; } .input-wrap__input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .input-wrap__input::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .input-wrap__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .input-wrap__input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .input-wrap__input::placeholder { color: rgba(255, 255, 255, 0.5); } .button { padding: 22px 32px 20px 32px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background: #e81717; border: none; border-radius: 8px; color: #fff; text-align: center; font-family: 'Geometria'; font-weight: 500; font-size: 16px; line-height: 20px; white-space: nowrap; letter-spacing: 0.03em; text-transform: uppercase; -webkit-transition: 0.1s; transition: 0.1s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .button:active { -webkit-transform: scale(0.9); transform: scale(0.9); } .button_white { background: #fff; color: #e81717; } .button_outline { background: transparent; border: 1px solid #e81717; } .button_outline-white { background: transparent; border: 1px solid rgba(255, 255, 255, 0.5); } @media (max-width: 991px) { section:not(.isQuadBike) .prop:nth-child(5) ~ * { display: none; } } .prop__name { margin-bottom: 12px; color: #fff; font-family: 'Geometria'; font-weight: 400; font-size: 14px; line-height: 18px; } @media (max-width: 991px) { .prop__name { font-size: 24px; } } @media (max-width: 991px) { .prop__name { font-size: 24px; } } @media (max-width: 575px) { .prop__name { width: 130px; } } .prop__value { color: #e81717; font-family: 'Geometria'; font-weight: 700; font-size: 18px; line-height: 23px; } .prop__value_big { font-size: 50px; line-height: 63px; } @media (max-width: 991px) { .isQuadBike .prop__value_big { white-space: break-spaces; } } @media (max-width: 767px) { .prop__value_big { white-space: nowrap; font-size: 40px; line-height: 57px; } } @media (max-width: 450px) { .prop__value_big { font-size: 30px; line-height: 1.5; } } .props-table { width: 100%; } @media (max-width: 991px) { .props-table { display: none; } } .props-table_mobile { display: none; margin-bottom: 40px; } @media (max-width: 991px) { .props-table_mobile { display: table; } } .props-table_mobile thead tr { height: auto; border: none; } .props-table_mobile thead tr td { color: #e81717 !important; font-size: 16px !important; line-height: 106% !important; text-transform: uppercase !important; opacity: 1 !important; } @media (max-width: 991px) { .props-table_mobile thead tr td { font-size: 24px !important; } } @media (max-width: 991px) { .props-table_mobile thead tr td { font-size: 24px !important; } } .props-table_mobile tbody td:nth-child(2) { text-align: right; } .props-table thead td { color: #e81717; font-family: 'Geometria'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 23px; letter-spacing: 0.03em; text-transform: uppercase; } .props-table thead td:nth-child(1) { color: #fff; opacity: 0.3; } .props-table tr { height: 70px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); } .props-table tbody tr td { color: #a6a6a6; font-family: 'Geometria'; font-weight: 500; font-size: 16px; line-height: 20px; } @media (max-width: 991px) { .props-table tbody tr td { font-size: 20px !important; } } @media (max-width: 991px) { .props-table tbody tr td { font-size: 20px !important; } } .props-table tbody tr td:nth-child(1) { color: #fff; } .input-radio-wrap { position: relative; } .input-radio-wrap__input { display: none; } .input-radio-wrap__input:checked + .input-radio-wrap__label::before { background: #fff; border: 7px solid #e81717; } .input-radio-wrap__label { padding-left: 36px; font-family: 'Geometria'; font-weight: 400; font-size: 14px; line-height: 18px; cursor: pointer; } @media (max-width: 991px) { .input-radio-wrap__label { font-size: 18px; } } @media (max-width: 575px) { .input-radio-wrap__label { font-weight: 400; font-size: 14px; line-height: 18px; } } .input-radio-wrap__label::before { content: ''; position: absolute; top: 50%; left: 0; width: 23px; height: 23px; background: #e8171700; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .input-drop-down { position: relative; padding: 15px 20px 15px 24px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } @media (max-width: 991px) { .input-drop-down, .input-drop-down__item_selected { font-size: 24px; } } @media (max-width: 991px) { .input-drop-down, .input-drop-down__item_selected { font-size: 24px; } } .input-drop-down_active { border-radius: 8px 8px 0 0; z-index: 2; } .input-drop-down__list { display: none; position: absolute; top: calc(100% - 1px); left: -1px; width: calc(100% + 2px); max-height: 190px; background: #000c; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 0 0 8px 8px; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); overflow: hidden; overflow-y: auto; } .input-drop-down__item { padding: 15px 20px 15px 24px; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; } .input-drop-down__item:hover { background: rgba(232, 23, 23, 0.5); } .input-drop-down__item_selected { background: #e81717; } .input-drop-down__item_selected:hover { background: #e81717; -webkit-filter: brightness(1.5); filter: brightness(1.5); } .banner { padding-top: 72px; padding-bottom: 45px; height: 800px; background: url('/upload/detali_template/banner__bg.svg') no-repeat center; background-size: cover; overflow: hidden; } .isQuadBike.banner { position: relative; background: url('/local/components/bitrix/catalog.element/templates/lending/img/banner__bg_tundra.svg') no-repeat center; background-size: cover; } @media (max-width: 991px) { .banner { padding-top: 44px; padding-bottom: 30px; } .isQuadBike.banner { height: auto; background: url('/local/components/bitrix/catalog.element/templates/lending/img/banner__bg_tundra_mobile.svg') no-repeat center; background-size: cover; } } @media (max-width: 575px) { .banner { height: 676px; background: url('/upload/detali_template/banner__bg_mobile.svg') no-repeat center; background-size: cover; } } .banner__container { height: 100%; } .banner__over-title { margin-bottom: 24px; color: #fff; font-family: 'Geometria'; text-transform: uppercase; font-weight: 400; font-size: 32px; line-height: 106%; } @media (max-width: 991px) { .banner__over-title { margin-bottom: 13px; font-size: 20px; } } .banner__title-wrap { margin-bottom: 40px; } @media (max-width: 991px) { .banner__title-wrap { margin-bottom: 20px; } .isQuadBike .banner__title-wrap { margin-bottom: 4px; } } .banner__sub-title { margin-bottom: 30px; width: 522px; color: #fff; font-family: 'Geometria'; font-weight: 400; font-size: 24px; line-height: 30px; } @media (max-width: 991px) { .banner__sub-title { margin-bottom: 25px; width: 100%; font-size: 24px; } } .banner__price { /* display: -webkit-box; display: -ms-flexbox; display: flex; */ display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; margin-bottom: 93px; } @media (max-width: 991px) { .banner__price { margin-bottom: 14px; } } .banner__price-text { color: #fff; font-family: 'Geometria'; font-weight: 400; font-size: 16px; line-height: 140%; } @media (max-width: 991px) { .banner__price-text { font-size: 14px; line-height: 140%; } } .banner__price-price { color: #fff; font-family: 'Geometria'; font-weight: 700; font-size: 24px; line-height: 30px; text-transform: lowercase; } @media (max-width: 991px) { .banner__price-price { font-size: 20px; line-height: 25px; } } .banner__video-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; padding: 12px 20px 12px 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background: #fff; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 8px; -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .banner__video-btn:active { -webkit-transform: scale(0.9); transform: scale(0.9); } @media (max-width: 991px) { .banner__video-btn { margin-top: 40px; margin-left: 15%; padding: 0; background: transparent; border: none; } } @media (max-width: 575px) { .banner__video-btn { margin-left: calc(100% - 315px); } } .banner__video-btn-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 47px; height: 47px; background: #ecedee; border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 991px) { .banner__video-btn-icon { width: 150px; height: 150px; } } @media (max-width: 575px) { .banner__video-btn-icon { width: 90px; height: 90px; } } .banner__video-btn-icon_hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .banner__video-btn-icon img { width: 16px; height: 16px; -o-object-fit: contain; object-fit: contain; } @media (max-width: 991px) { .banner__video-btn-icon img { width: 30%; height: 30%; } } .banner__video-btn-text { color: #2c3640; font-family: 'Geometria'; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0.03em; text-transform: uppercase; } @media (max-width: 991px) { .banner__video-btn-text { display: none; } } .banner__first-car { position: absolute; right: 0; bottom: 24px; pointer-events: none; } .isQuadBike .banner__first-car { left: 50%; bottom: -45px; width: 100vw; max-width: 1400px; height: 100%; transform: translateX(-50%); z-index: 1; } .isQuadBike .banner__first-car-car { position: absolute; right: 0; display: block; width: 850px; height: 100%; } @media (max-width: 1399px) { .isQuadBike .banner__first-car-car { width: 770px; object-fit: scale-down; object-position: right bottom; } } @media (max-width: 991px) { .isQuadBike .banner__first-car { bottom: -30px; left: 50%; width: 100vw; height: 80%; z-index: 0; transform: translateX(-50%); } .isQuadBike .banner__first-car-car { width: 100%; height: 100%; object-fit: contain; object-position: right bottom; } } @media (max-width: 1199px) { .banner__first-car { bottom: 54px; } } @media (max-width: 767px) { .banner__first-car { right: -90px; } } @media (max-width: 575px) { .banner__first-car { right: 0; } } .banner__first-car-car { width: 682px; } @media (max-width: 1199px) { .banner__first-car-car { width: 525px; } } @media (max-width: 767px) { .banner__first-car-car { width: 515px; } } @media (max-width: 575px) { .banner__first-car-car { width: 350px; } } @media (max-width: 400px) { .banner__first-car-car { width: 100%; } } .banner__second-car { position: absolute; right: 0; bottom: -30px; } @media (max-width: 1199px) { .banner__second-car { bottom: 30px; } } @media (max-width: 575px) { .banner__second-car { bottom: 60px; } } .banner__second-car-car { width: 765px; } @media (max-width: 1199px) { .banner__second-car-car { width: 525px; } } @media (max-width: 575px) { .banner__second-car-car { width: 330px; } } .banner__swiper { position: relative; height: 100%; overflow: unset; } /* @media (max-width: 991px) { .isQuadBike.banner .banner__container, .isQuadBike.banner .banner__container *:not(.banner__video-btn):not(.banner__video-buttons) { position: relative; z-index: unset; } .isQuadBike .banner__video-btn { z-index: 1; } .isQuadBike .banner__first-car { z-index: 2; } .isQuadBike .banner__video-btn_photo-gallery { z-index: 3; } } */ .banner__swiper-slide + .banner__swiper-slide { opacity: 0; } .banner__swiper-slide + .banner__swiper-slide { opacity: 0; } .banner__switcher { position: absolute; right: 0; bottom: 0; z-index: 2; } .features { position: relative; padding-top: 130px; padding-bottom: 130px; background: #dddfe1; overflow: hidden; } .features_mobile { display: none; } @media (max-width: 1199px) { .features { display: none; } .features_mobile { display: block; } } @media (max-width: 575px) { .features { padding-top: 60px; padding-bottom: 60px; } } .features__container { position: relative; } .features__light { position: absolute; top: 10%; left: 100%; width: 1005px; height: 1005px; background: radial-gradient(50% 50% at 50% 50%, #e81717 0%, rgba(232, 23, 23, 0) 100%); opacity: 0.15; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .features__h2 { margin-bottom: 70px !important; } @media (max-width: 575px) { .features__h2 { margin-bottom: 30px !important; } } .features__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1199px) { .features__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 18px; } } @media (max-width: 575px) { .features__list-points { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 8px; } } .features__list-point { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } /* .features__list-point:hover .features__list-point-num { border: 1px solid #E81717; } */ .features__list-point:hover .features__list-point-text { color: #e81717; } .features__list-point_open .features__list-point-num { border: 1px solid #e81717; } .features__list-point_open .features__list-point-text { color: #e81717; } .features__list-point-num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 16px; min-width: 60px; width: 60px; min-height: 60px; height: 60px; border: 1px solid #e8171700; border-radius: 50%; color: #e81717; font-family: 'Inter'; font-weight: 600; font-size: 28px; line-height: 29px; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 575px) { .features__list-point-num { min-width: 42px; width: 42px; min-height: 42px; height: 42px; font-size: 20px; line-height: 24px; } } .features__list-point-text { color: #212529; font-family: 'Geometria'; font-weight: 500; font-size: 32px; line-height: 140%; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 575px) { .features__list-point-text { font-size: 20px; line-height: 25px; } } .features__details { width: 672px; } @media (max-width: 1399px) { .features__details { width: 550px; } } @media (max-width: 1199px) { .features__details { width: 100%; } } .features__detail { display: none; } .features__detail:first-child { display: block; } .features__image-video { height: 380px; } .features__image-video img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .features__image-video video { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 400px) { .features__image-video { height: 187px; } } .features__text-num-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; margin-top: -30px; } .features__text { padding: 30px; background: #fff; color: #212529; font-family: 'Geometria'; font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: 0.01em; } .nowrap { white-space: nowrap; } .nowrap { white-space: nowrap; } @media (max-width: 767px) { .features__text { padding: 15px; width: 90%; } } @media (max-width: 991px) { .features__text { font-size: 22px; } } @media (max-width: 991px) { .features__text { font-size: 22px; } } @media (max-width: 575px) { .features__text { font-size: 18px; } } .features__num { color: #e81717; font-family: 'Geometria'; font-weight: 700; font-size: 80px; line-height: 106%; } @media (max-width: 767px) { .features__num { display: none; } } .video-reviews { padding-top: 120px; padding-bottom: 120px; max-width: 100vw; background: #eee; overflow: hidden; } @media (max-width: 575px) { .video-reviews { padding-top: 60px; padding-bottom: 60px; } } .video-reviews__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 55px; } .video-reviews__swiper { overflow: unset; } @media (min-width: 991px) { .video-reviews__swiper { overflow: hidden; } } .video-reviews__swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .video-reviews__video-name { color: #212529; text-align: center; font-family: 'Geometria'; font-weight: 500; font-size: 24px; line-height: 30px; } .video-reviews iframe { margin-bottom: 20px; width: 100%; height: 350px; } @media (max-width: 575px) { .video-reviews iframe { height: 200px; } } @media (max-width: 767px) { .video-reviews__swiper-navs { display: none; } } .video-reviews__swiper-navs-bottom { display: none; } @media (max-width: 767px) { .video-reviews__swiper-navs-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } } .video-reviews__swiper-navs-bottom .swiper-prev, .video-reviews__swiper-navs-bottom .swiper-next { display: block; width: fit-content; } .isQuadBike.video-reviews .swiper-navs { display: none; } @media (max-width: 767px) { .isQuadBike.video-reviews .video-reviews__swiper-navs-bottom { display: flex; } } .special-offer { position: relative; padding-top: 90px; padding-bottom: 45px; height: 700px; overflow: hidden; } @media (max-width: 575px) { .special-offer { height: 676px; } } @media (max-width: 991px) { .special-offer { padding-top: 44px; padding-bottom: 30px; } .isQuadBike.special-offer { height: auto; } } @media (max-width: 575px) { .special-offer { padding-top: 60px; padding-bottom: 33px; } } .special-offer__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .isQuadBike .special-offer__bg img:nth-child(1) { object-fit: cover; object-position: right; } @media (max-width: 991px) { .special-offer__bg { display: none; } } .special-offer__bg_mobile { display: none; } @media (max-width: 991px) { .special-offer__bg_mobile { display: block; } } .special-offer__bg_mobile img { position: absolute; top: 0; left: 0; } .special-offer__bg_mobile img:nth-child(1) { width: 100%; height: 100%; } @media (max-width: 991px) { .isQuadBike .special-offer__bg_mobile img:nth-child(1) { object-fit: cover; object-position: bottom; } } .special-offer__bg_mobile img:nth-child(2) { width: 80%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1399px) { .special-offer__bg_mobile img:nth-child(2) { width: 100%; } } .special-offer__bg img { position: absolute; top: 0; left: 0; } .special-offer__bg img:nth-child(1) { width: 100%; height: 100%; } .special-offer__bg img:nth-child(2) { width: 80%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1399px) { .special-offer__bg img:nth-child(2) { width: 100%; } } .special-offer__container { position: relative; height: 100%; } .special-offer__h2 { margin-bottom: 28px !important; width: 50%; color: #fff; } @media (max-width: 1399px) { .special-offer__h2 { width: 60%; } } @media (max-width: 1199px) { .special-offer__h2 { width: 70%; } } @media (max-width: 991px) { .special-offer__h2 { width: 100%; font-size: 45px !important; } } .special-offer__sub-title { margin-bottom: 38px; width: 40%; color: #fff; font-family: 'Geometria'; font-weight: 400; font-size: 18px; line-height: 140%; } @media (max-width: 1399px) { .special-offer__sub-title { width: 50%; } } @media (max-width: 1199px) { .special-offer__sub-title { width: 60%; } } @media (max-width: 991px) { .special-offer__sub-title { width: 100%; font-size: 22px; } } .special-offer__form { width: 450px; } @media (max-width: 991px) { .special-offer__form { display: none; } } .special-offer__button_white { display: none; } @media (max-width: 991px) { .special-offer__button_white { display: block; position: relative; z-index: 2; } } @media (max-width: 500px) { .special-offer__button_white { margin-bottom: 25px; } } .special-offer__input-wrap { margin-bottom: 28px; } .special-offer__policy { margin-bottom: 30px; color: #fff; font-family: 'Geometria'; font-weight: 400; font-size: 12px; line-height: 140%; } .special-offer__policy a { color: #e81717; text-decoration: none; } .special-offer__first-car { position: absolute; right: -30px; bottom: -45px; } @media (max-width: 1399px) { .special-offer__first-car { right: -140px; } } @media (max-width: 1199px) { .special-offer__first-car { right: -180px; } } @media (max-width: 991px) { .isQuadBike .special-offer__first-car { position: unset; width: 100%; height: auto; transform: unset; } } @media (max-width: 767px) { .special-offer__first-car { right: -120px; bottom: -10px; } } @media (max-width: 575px) { .special-offer__first-car { right: unset; bottom: -30px; transform: translateX(-50%); left: 50%; } } @media (max-width: 500px) { .special-offer__first-car { position: relative; right: unset; bottom: unset; left: unset; height: 250px; transform: none; } } .special-offer__first-car-car { height: 540px; width: auto; } @media (max-width: 1399px) { .special-offer__first-car-car { height: 490px; } } @media (max-width: 1199px) { .special-offer__first-car-car { height: 480px; } .isQuadBike .special-offer__first-car-car { height: 420px; } } @media (max-width: 991px) { .isQuadBike .special-offer__first-car-car { width: 100%; height: auto; object-fit: contain; } } @media (max-width: 767px) { .special-offer__first-car-car { height: 340px; } } @media (max-width: 500px) { .special-offer__first-car-car { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } } .special-offer__second-car { position: absolute; right: 0; bottom: -30px; } @media (max-width: 1199px) { .special-offer__second-car { bottom: 30px; } } @media (max-width: 575px) { .special-offer__second-car { bottom: 60px; } } .special-offer__second-car-car { width: 765px; } @media (max-width: 1199px) { .special-offer__second-car-car { width: 525px; } } @media (max-width: 575px) { .special-offer__second-car-car { width: 330px; } } .special-offer__swiper { position: relative; height: 100%; overflow: unset; } .special-offer__switcher { position: absolute; right: 0; bottom: 0; z-index: 2; } .scope { padding-top: 120px; padding-bottom: 120px; background: #eee; overflow: hidden; } @media (max-width: 575px) { .scope { padding-top: 60px; padding-bottom: 60px; } } .scope__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 55px; } .scope__swiper { overflow: unset; } .scope__swiper-slide { height: auto; } @media (max-width: 767px) { .scope__swiper-slide:nth-child(4) ~ * { display: none; } } .scope__show-more { display: none; width: 100%; color: #394653; } @media (max-width: 767px) { .scope__show-more { display: block; margin-top: 30px; } } @media (max-width: 767px) { .scope__swiper-navs { display: none; } } .scope__swiper-navs-bottom { display: none; } @media (max-width: 767px) { .scope__swiper-navs-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } } @media (max-width: 767px) { .scope__swiper-navs-bottom { display: none; } } .scope__swiper-navs-bottom .swiper-prev, .scope__swiper-navs-bottom .swiper-next { width: 50%; } .scope-card { padding: 0 35px 64px 35px; height: 100%; background: #dddfe1; } .scope-card__image { position: relative; top: -24px; margin: auto; width: 269px; height: 269px; } .scope-card__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; -o-object-fit: cover; object-fit: cover; } .scope-card__image-circle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #e81717; border-radius: 50%; } .scope-card__name { margin-bottom: 24px; color: #212529; font-family: 'Geometria'; font-weight: 700; font-size: 20px; line-height: 25px; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; } @media (max-width: 991px) { .scope-card__name { font-size: 26px; } } @media (max-width: 991px) { .scope-card__name { font-size: 26px; } } .scope-card__text { color: #212529; font-family: 'Geometria'; font-weight: 400; font-size: 14px; line-height: 140%; text-align: center; } @media (max-width: 991px) { .scope-card__text { font-size: 22px; } } @media (max-width: 991px) { .scope-card__text { font-size: 22px; } } .characteristics { position: relative; padding-top: 128px; background: #394653; overflow: hidden; } @media (max-width: 575px) { .characteristics { padding-top: 60px; } } .characteristics__container { position: relative; } .characteristics__light { position: absolute; top: 10%; left: 0; width: 1005px; height: 1005px; background: radial-gradient(50% 50% at 50% 50%, #e81717 0%, rgba(232, 23, 23, 0) 100%); opacity: 0.15; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .characteristics__h2 { margin-bottom: 70px !important; color: #fff; } @media (max-width: 767px) { .characteristics__h2 { margin-bottom: 40px !important; } } .characteristics__h4 { margin-bottom: 35px !important; color: #fff; } @media (max-width: 991px) { .characteristics__h4 { font-size: 32px !important; } } @media (max-width: 767px) { .characteristics__h4 { margin-bottom: 30px !important; } } .characteristics__props-grid { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr 1fr; row-gap: 35px; margin-bottom: 70px; } .isQuadBike .characteristics__props-grid { grid-template-columns: 1fr 1fr 1fr; } @media (max-width: 1499px) { .characteristics__props-grid { grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } } @media (max-width: 1199px) { .characteristics__props-grid { grid-template-columns: repeat(3, 1fr); grid-auto-rows: auto; -webkit-column-gap: 64px; -moz-column-gap: 64px; column-gap: 64px; } } @media (max-width: 991px) { .isQuadBike .characteristics__props-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; } } @media (max-width: 767px) { .characteristics__props-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; } } @media (max-width: 450px) { .characteristics__props-grid { -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } } .characteristics__bg { margin-top: -36px; width: 100%; } .characteristics__show-more { display: none; } @media (max-width: 991px) { section:not(.isQuadBike) .characteristics__show-more { display: block; margin-bottom: 40px; width: 100%; } } .additional-options { position: relative; padding-top: 130px; padding-bottom: 130px; background: #394653; overflow: hidden; } .additional-options_mobile { display: none; } @media (max-width: 1199px) { .additional-options { display: none; } .additional-options_mobile { display: block; } } @media (max-width: 575px) { .additional-options { padding-top: 60px; padding-bottom: 60px; } } .additional-options__container { position: relative; } .additional-options__light { position: absolute; top: 10%; left: 100%; width: 1005px; height: 1005px; background: radial-gradient(50% 50% at 50% 50%, #e81717 0%, rgba(232, 23, 23, 0) 100%); opacity: 0.15; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .additional-options__h2 { margin-bottom: 70px !important; color: #fff; } @media (max-width: 575px) { .additional-options__h2 { margin-bottom: 30px !important; } } .additional-options__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1199px) { .additional-options__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 18px; } } @media (max-width: 575px) { .additional-options__list-points { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 8px; } } .additional-options__list-point { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } /* .additional-options__list-point:hover .additional-options__list-point-num { border: 1px solid #E81717; } */ .additional-options__list-point:hover .additional-options__list-point-text { color: #e81717; } .additional-options__list-point_open .additional-options__list-point-num { border: 1px solid #e81717; } .additional-options__list-point_open .additional-options__list-point-text { color: #e81717; } .additional-options__list-point-num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 16px; min-width: 60px; width: 60px; min-height: 60px; height: 60px; border: 1px solid #e8171700; border-radius: 50%; color: #e81717; font-family: 'Inter'; font-weight: 600; font-size: 28px; line-height: 29px; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 575px) { .additional-options__list-point-num { min-width: 42px; width: 42px; min-height: 42px; height: 42px; font-size: 20px; line-height: 24px; } } .additional-options__list-point-text { color: #fff; font-family: 'Geometria'; font-weight: 500; font-size: 32px; line-height: 140%; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 575px) { .additional-options__list-point-text { font-size: 20px; line-height: 25px; } } .additional-options__details { width: 672px; } @media (max-width: 1399px) { .additional-options__details { width: 550px; } } @media (max-width: 1199px) { .additional-options__details { width: 100%; } } .additional-options__detail { display: none; } .additional-options__detail:first-child { display: block; } .additional-options__image-video { height: 380px; } .additional-options__image-video img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .additional-options__image-video video { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 400px) { .additional-options__image-video { height: 187px; } } .additional-options__text-num-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; margin-top: -30px; } .additional-options__text { padding: 30px; background: #5f748a; color: #fff; font-family: 'Geometria'; font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: 0.01em; } @media (max-width: 991px) { .additional-options__text { font-size: 22px; } } @media (max-width: 991px) { .additional-options__text { font-size: 22px; } } @media (max-width: 767px) { .additional-options__text { padding: 15px; width: 90%; } } @media (max-width: 575px) { .additional-options__text { font-size: 14px; } } .additional-options__num { color: #e81717; font-family: 'Geometria'; font-weight: 700; font-size: 80px; line-height: 106%; } @media (max-width: 767px) { .additional-options__num { display: none; } } .configurator { padding-top: 110px; padding-bottom: 70px; height: 800px; background: url('/upload/detali_template/configurator__bg.webp') no-repeat center; background-size: cover; color: #fff; overflow: hidden; } .isQuadBike.configurator { padding-top: 70px; background: url('/local/components/bitrix/catalog.element/templates/lending/img/configurator__bg_is-quad-bike.jpg') no-repeat center; background-size: cover; } @media (max-width: 991px) { .isQuadBike.configurator { padding-bottom: 100vw; height: auto; background-color: #3a4754; background-image: url('/local/components/bitrix/catalog.element/templates/lending/img/configurator__bg-mobile_is-quad-bike.png'); background-size: 100%; background-repeat: no-repeat; background-position: bottom center; } } @media (max-width: 575px) { .configurator { padding-top: 490px; padding-bottom: 60px; height: unset; background: url('/upload/detali_template/configurator__bg-mobile.png') no-repeat center #3a4754; background-size: cover; background-position: top center; } } .configurator__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } @media (max-width: 575px) { .configurator__container { background: #3a4754; -webkit-box-shadow: 0 -70px 70px 20px #3a4754; box-shadow: 0 -70px 70px 20px #3a4754; } } .configurator__h2 { margin-bottom: 40px !important; color: #fff; } .configurator__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .conf { width: 405px; } @media (max-width: 991px) { .conf { width: 100%; } } .conf__steps { display: grid; grid-template-columns: 1fr 0fr 0fr; width: 405px; max-width: 405px; } @media (max-width: 575px) { .conf__steps { width: 100%; max-width: 100%; } } .conf__steps-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-right: 5px; padding-right: 27px; } .conf__steps-item-num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 12px; width: 25px; height: 25px; background: rgba(255, 255, 255, 0.3); border-radius: 50%; color: rgba(255, 255, 255, 0.7); font-family: 'Geometria'; font-weight: 400; font-size: 13px; line-height: 18px; } @media (max-width: 575px) { .conf__steps-item-num { padding-right: 0; margin-right: 8px; font-size: 12px; } } .conf__steps-item_active .conf__steps-item-num { background: #e81717; color: #fff; } .conf__steps-item-name { display: none; white-space: nowrap; font-family: 'Geometria'; font-weight: 400; font-size: 14px; line-height: 18px; overflow: hidden; } @media (max-width: 991px) { .conf__steps-item-name { font-size: 18px; } } @media (max-width: 991px) { .conf__steps-item-name { font-size: 18px; } } @media (max-width: 575px) { .conf__steps-item-name { font-size: 12px; } } .conf__steps-item_active .conf__steps-item-name { display: block; } .conf__steps-item-line { position: absolute; top: -20px; left: 0; width: 100%; height: 3px; background: #fff; opacity: 0.3; } .conf__steps-item_active .conf__steps-item-line { background: #e81717; opacity: 1; } .conf__details { margin-top: 50px; margin-bottom: 40px; } .conf__detail { display: none; } .conf__detail_active { display: block; } .conf__detail-h4 { margin-bottom: 10px; } @media (max-width: 575px) { .conf__detail-h4 { font-weight: 700 !important; font-size: 16px !important; line-height: 27px !important; letter-spacing: 0.02em !important; } } .conf__detail-switcher { margin-bottom: 30px; } .conf__detail-radios { display: grid; grid-template-columns: 1fr 1fr; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; row-gap: 13px; margin-bottom: 20px; } .isQuadBike .conf__detail-radios { margin-bottom: 0; } .isQuadBike .conf__detail-mileage-wrapper { margin-top: 16px; margin-bottom: 32px; } .isQuadBike .conf__detail-mileage { margin-top: 0; margin-bottom: 8px; } @media (max-width: 575px) { .conf__detail-radios { grid-template-columns: 1fr; } } .conf__detail-mileage { font-family: 'Geometria'; font-weight: 700; font-size: 14px; line-height: 18px; } .conf__detail-mileage_mobile { display: none; } @media (max-width: 575px) { .conf__detail-mileage { display: none; } .isQuadBike .conf__detail-mileage { display: block; } .conf__detail-mileage_mobile { display: block; } } .conf__detail-input-drop-down { margin-bottom: 30px; } .conf-bottom { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (max-width: 575px) { .conf-bottom { width: 100%; } } .conf-bottom__price-from { margin-bottom: 30px; } .conf-bottom .price-from__text { margin-bottom: 6px; font-family: 'Geometria'; font-weight: 400; font-size: 16px; line-height: 18px; } .conf-bottom .price-from__price { font-family: 'Geometria'; font-weight: 500; font-size: 24px; line-height: 30px; } @media (max-width: 991px) { .conf-bottom .price-from__price { font-size: 32px; } } @media (max-width: 991px) { .conf-bottom .price-from__price { font-size: 32px; } } .conf-bottom__nav-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; width: 100%; } .conf-bottom__nav-row .conf-prev { min-width: 58px; width: 58px; min-height: 58px; height: 58px; } .conf-bottom__nav-row .conf-next { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: unset; } .conf-bottom__buttons-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 20px; margin-bottom: 20px; } .conf-bottom__buttons-row_mobile { display: none; } @media (max-width: 575px) { .conf-bottom__buttons-row { display: none; width: 100%; } .conf-bottom__buttons-row_mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .conf-bottom__buttons-row .button { margin-right: 16px; } @media (max-width: 575px) { .conf-bottom__buttons-row .button { margin-right: 0; width: 100%; } } .conf-bottom__buttons-row .conf-prev { display: none; position: relative; padding: 0; width: 60px; height: 60px; } .conf-bottom__buttons-row .conf-prev img { position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .conf-bottom__buttons-row .conf-order { display: none; } .conf-bottom .credit { font-family: 'Geometria'; font-weight: 400; font-size: 13px; line-height: 18px; } .conf-bottom .credit a { color: #e81717; } .advantages-of-electro { position: relative; padding-top: 130px; padding-bottom: 130px; background: #eee; overflow: hidden; } .advantages-of-electro_mobile { display: none; } @media (max-width: 1199px) { .advantages-of-electro { display: none; } .advantages-of-electro_mobile { display: block; } } @media (max-width: 575px) { .advantages-of-electro { padding-top: 60px; padding-bottom: 60px; } } .advantages-of-electro__container { position: relative; } .advantages-of-electro__light { position: absolute; top: 10%; left: 100%; width: 1005px; height: 1005px; background: radial-gradient(50% 50% at 50% 50%, #e81717 0%, rgba(232, 23, 23, 0) 100%); opacity: 0.15; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .advantages-of-electro__h2 { margin-bottom: 70px !important; } @media (max-width: 575px) { .advantages-of-electro__h2 { margin-bottom: 30px !important; } } .advantages-of-electro__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1199px) { .advantages-of-electro__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 18px; } } @media (max-width: 575px) { .advantages-of-electro__list-points { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 8px; } } .advantages-of-electro__list-point { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } /* .advantages-of-electro__list-point:hover .advantages-of-electro__list-point-num { border: 1px solid #E81717; } */ .advantages-of-electro__list-point:hover .advantages-of-electro__list-point-text { color: #e81717; } .advantages-of-electro__list-point_open .advantages-of-electro__list-point-num { border: 1px solid #e81717; } .advantages-of-electro__list-point_open .advantages-of-electro__list-point-text { color: #e81717; } .advantages-of-electro__list-point-num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 16px; min-width: 60px; width: 60px; min-height: 60px; height: 60px; border: 1px solid #e8171700; border-radius: 50%; color: #e81717; font-family: 'Inter'; font-weight: 600; font-size: 28px; line-height: 29px; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 575px) { .advantages-of-electro__list-point-num { min-width: 42px; width: 42px; min-height: 42px; height: 42px; font-size: 20px; line-height: 24px; } } .advantages-of-electro__list-point-text { color: #212529; font-family: 'Geometria'; font-weight: 500; font-size: 32px; line-height: 140%; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 575px) { .advantages-of-electro__list-point-text { font-size: 20px; line-height: 25px; } } .advantages-of-electro__details { width: 672px; } @media (max-width: 1399px) { .advantages-of-electro__details { width: 550px; } } @media (max-width: 1199px) { .advantages-of-electro__details { width: 100%; } } .advantages-of-electro__detail { display: none; } .advantages-of-electro__detail:first-child { display: block; } .advantages-of-electro__image-video { height: 380px; } .advantages-of-electro__image-video img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .advantages-of-electro__image-video video { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 400px) { .advantages-of-electro__image-video { height: 187px; } } .advantages-of-electro__text-num-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; margin-top: -30px; } .advantages-of-electro__text { padding: 30px; background: #fff; color: #212529; font-family: 'Geometria'; font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: 0.01em; } @media (max-width: 991px) { .advantages-of-electro__text { font-size: 22px; } } @media (max-width: 991px) { .advantages-of-electro__text { font-size: 22px; } } @media (max-width: 767px) { .advantages-of-electro__text { padding: 15px; width: 90%; } } @media (max-width: 575px) { .advantages-of-electro__text { font-size: 14px; } } .advantages-of-electro__num { color: #e81717; font-family: 'Geometria'; font-weight: 700; font-size: 80px; line-height: 106%; } @media (max-width: 767px) { .advantages-of-electro__num { display: none; } } .guarantee { padding-top: 120px; padding-bottom: 175px; height: 970px; background: #dddfe1; overflow: hidden; } @media (max-width: 1199px) { .guarantee { padding-top: 60px; padding-bottom: 200px; } } @media (max-width: 991px) { .guarantee { padding-bottom: 350px; height: 1000px; } } @media (max-width: 991px) { .guarantee { padding-bottom: 350px; height: 1000px; } } @media (max-width: 575px) { .guarantee { padding-bottom: 350px; height: 1000px; } } .guarantee__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; row-gap: 30px; height: 100%; } @media (max-width: 1199px) { .guarantee__container { row-gap: 80px; } } @media (max-width: 757px) { .guarantee__container { row-gap: 30px; transform: scale(1.1); } } @media (max-width: 575px) { .guarantee__container { row-gap: 0; transform: unset; } } .guarantee__h2 { margin-bottom: 0 !important; } .guarantee__gallery { position: relative; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; opacity: 0; } @media (max-width: 575px) { .guarantee__gallery { margin-top: 30px; } } .gallery { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .gallery__item { position: absolute; top: 50%; left: 50%; width: 600px; height: 350px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.6s; transition: 0.6s; cursor: pointer; } .gallery__item:hover { box-shadow: 0 0 16px #e81717; } @media (max-width: 720px) { .gallery__item { width: 100%; } } .gallery__item[data-slide='0'] { top: 75%; left: 25%; z-index: 3; } .gallery__item[data-slide='0'] .gallery__item-image { -webkit-filter: brightness(1); filter: brightness(1); } .gallery__item[data-slide='0'] .gallery__item-description { opacity: 1; } .gallery__item[data-slide='1'] { top: 50%; left: 50%; z-index: 2; } .gallery__item[data-slide='1'] .gallery__item-image { -webkit-filter: brightness(0.8); filter: brightness(0.8); } .gallery__item[data-slide='2'] { top: 25%; left: 75%; z-index: 1; } .gallery__item[data-slide='2'] .gallery__item-image { -webkit-filter: brightness(0.76); filter: brightness(0.76); } @media (max-width: 1199px) { .gallery__item[data-slide='0'] { left: 50%; } .gallery__item[data-slide='1'] { left: 50%; } .gallery__item[data-slide='2'] { left: 50%; } } @media (max-width: 720px) { .gallery__item { height: 300px; } } @media (max-width: 1199px) { .gallery__item[data-slide='0'] { top: 70%; } .gallery__item[data-slide='2'] { top: 30%; } } .gallery__item-image-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 7px solid #dddfe1; } @media (max-width: 1199px) { .gallery__item-image-wrap { border-right: 0; border-left: 0; } } @media (max-width: 1199px) { .gallery__item-image-wrap { border-right: 0; border-left: 0; } } .gallery__item-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .gallery__item-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; position: absolute; top: 36px; left: 40px; } @media (max-width: 575px) { .gallery__item-header { top: 20px; left: 15px; } } .gallery__item-num { color: #e81717; font-family: 'Geometria'; font-weight: 700; font-size: 24px; line-height: 106%; } @media (max-width: 575px) { .gallery__item-num { font-size: 18px; } } .gallery__item-name { color: #fff; font-family: 'Geometria'; font-weight: 700; font-size: 24px; line-height: 106%; text-transform: uppercase; } @media (max-width: 575px) { .gallery__item-name { font-size: 18px; } } .gallery__item-description { position: absolute; top: 85%; left: 0; padding: 30px 32px; width: calc(100% - 100px); background: #fff; color: #212529; font-family: 'Geometria'; font-weight: 400; font-size: 16px; line-height: 20px; -webkit-transition: 0.6s; transition: 0.6s; opacity: 0; } @media (max-width: 991px) { .gallery__item-description { font-size: 22px; } } @media (max-width: 991px) { .gallery__item-description { font-size: 22px; } } @media (max-width: 720px) { .gallery__item-description { padding: 15px; width: calc(100% - 33px); line-height: 140%; letter-spacing: 0.01em; } } .satisfied-customers { padding-top: 120px; padding-bottom: 120px; max-width: 100%; background: #eee; overflow: hidden; } @media (max-width: 575px) { .satisfied-customers { padding-top: 60px; padding-bottom: 60px; } } .satisfied-customers__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 55px; } .satisfied-customers__swiper { overflow: unset; } @media (min-width: 991px) { .satisfied-customers__swiper { /* overflow: hidden; */ } } .satisfied-customers__swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .satisfied-customers__video-name { margin-bottom: 5px; color: #212529; text-align: center; font-family: 'Geometria'; font-weight: 500; font-size: 24px; line-height: 30px; } .satisfied-customers__video-city { color: #979797; font-family: 'Geometria'; font-weight: 400; font-size: 16px; line-height: 20px; text-align: center; } .satisfied-customers iframe:not(.satisfied-customers__shorts) { margin-bottom: 20px; width: 100%; height: 350px; } @media (max-width: 575px) { .satisfied-customers iframe:not(.satisfied-customers__shorts) { height: 200px; } } .satisfied-customers__shorts { aspect-ratio: 9/16; height: auto; max-height: 80vh; } /* .satisfied-customers__swiper-slide { width: auto !important; } */ .satisfied-customers__media { margin-bottom: 20px; /* width: 100%; */ height: auto; /* height: 350px; */ -o-object-fit: cover; object-fit: cover; } @media (max-width: 575px) { .satisfied-customers__media { height: auto; } } @media (max-width: 767px) { .satisfied-customers__swiper-navs { display: none; } } .satisfied-customers__swiper-navs-bottom { display: none; } @media (max-width: 767px) { .satisfied-customers__swiper-navs-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } } .satisfied-customers__swiper-navs-bottom .swiper-prev, .satisfied-customers__swiper-navs-bottom .swiper-next { width: 50%; } .satisfied-customers__container_shorts { position: relative; } @media (min-width: 767px) { .satisfied-customers__swiper-navs-bottom_shorts { display: none; } } .satisfied-customers_shorts .swiper-button-lock { display: flex; } .satisfied-customers__swiper-navs-bottom_shorts .swiper-prev, .satisfied-customers__swiper-navs-bottom_shorts .swiper-next { width: auto; } .test-drive { position: relative; padding-top: 90px; padding-bottom: 45px; height: 700px; background: #394653; color: #fff; overflow: hidden; } @media (max-width: 991px) { .test-drive { padding-top: 44px; padding-bottom: 30px; height: 600px; } .isQuadBike.test-drive { height: auto; padding-bottom: 0; } } @media (max-width: 575px) { .test-drive { padding-top: 60px; padding-bottom: 0; } } .test-drive__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 991px) { .test-drive__bg { display: none; } } .test-drive__bg_mobile { display: none; } @media (max-width: 991px) { .test-drive__bg_mobile { display: block; } } .test-drive__bg_mobile img { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } .test-drive__bg_mobile img:nth-child(1) { width: 100%; height: 100%; z-index: 1; filter: brightness(0.6); } .test-drive__bg_mobile img:nth-child(2) { width: 80%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 3; } @media (max-width: 1399px) { .test-drive__bg_mobile img:nth-child(2) { width: 100%; } } .test-drive__bg img { position: absolute; top: 0; left: 0; } .test-drive__bg img:nth-child(1) { right: 0; left: unset; width: 50%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 1; } .isQuadBike .test-drive__bg img:nth-child(1) { top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 1399px) { } .test-drive__bg img:nth-child(2) { width: 80%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 3; } @media (max-width: 1399px) { .test-drive__bg img:nth-child(2) { width: 80%; -o-object-position: right; object-position: right; } } .test-drive__lazyload-video { display: none; position: absolute; right: 0; width: 50%; height: 100%; z-index: 2; -webkit-filter: brightness(0.8); filter: brightness(0.8); } .test-drive__lazyload-video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .test-drive__lazyload-video_mobile { top: 0; left: 0; right: unset; width: 100%; height: 100%; } .test-drive__container { position: relative; height: 100%; z-index: 4; } .test-drive__h3 { margin-bottom: 10px !important; } @media (max-width: 575px) { .test-drive__h3 { margin-bottom: 12px !important; } } .test-drive__h2 { margin-bottom: 28px !important; width: 49%; color: #fff; } @media (max-width: 1399px) { .test-drive__h2 { width: 60%; } } @media (max-width: 1199px) { .test-drive__h2 { width: 70%; } } @media (max-width: 991px) { .test-drive__h2 { width: 100%; } } @media (max-width: 575px) { .test-drive__h2 { margin-bottom: 30px !important; } } .test-drive__sub-title { margin-bottom: 38px; width: 40%; color: #fff; font-family: 'Geometria'; font-weight: 400; font-size: 18px; line-height: 140%; } @media (max-width: 1399px) { .test-drive__sub-title { width: 50%; } } @media (max-width: 1199px) { .test-drive__sub-title { width: 60%; } } @media (max-width: 991px) { .test-drive__sub-title { width: 100%; } } .test-drive__form { width: 450px; } @media (max-width: 991px) { .test-drive__form { display: none; } } .test-drive__button_white { display: none; } @media (max-width: 991px) { .test-drive__button_white { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 2; } } @media (max-width: 575px) { .test-drive__button_white { margin-bottom: 25px; padding: 15px 30px; font-size: 16px; line-height: 20px; letter-spacing: 0.03em; text-transform: uppercase; } } .test-drive__input-wrap { margin-bottom: 28px; } .test-drive__policy { margin-bottom: 30px; color: #fff; font-family: 'Geometria'; font-weight: 400; font-size: 12px; line-height: 140%; } .test-drive__policy a { color: #e81717; text-decoration: none; } .test-drive__first-car { position: absolute; right: 0; bottom: 24px; } @media (max-width: 1399px) { .test-drive__first-car { right: -30px; } } @media (max-width: 1199px) { .test-drive__first-car { right: -80px; } } @media (max-width: 575px) { .test-drive__first-car { right: 0; bottom: 30px; } } @media (max-width: 500px) { .test-drive__first-car { position: relative; right: unset; bottom: unset; height: 250px; } } .test-drive__first-car-car { width: 744px; } @media (max-width: 1399px) { .test-drive__first-car-car { width: 644px; } } @media (max-width: 1199px) { .test-drive__first-car-car { width: 544px; } } @media (max-width: 767px) { .test-drive__first-car-car { width: 484px; } } @media (max-width: 500px) { .test-drive__first-car-car { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } } .test-drive__second-car { position: absolute; right: 0; bottom: -30px; } @media (max-width: 1199px) { .test-drive__second-car { bottom: 30px; } } @media (max-width: 575px) { .test-drive__second-car { bottom: 60px; } } .test-drive__second-car-car { width: 765px; } @media (max-width: 1199px) { .test-drive__second-car-car { width: 525px; } } @media (max-width: 575px) { .test-drive__second-car-car { width: 330px; } } .test-drive__swiper { position: relative; height: 100%; overflow: unset; } .test-drive__switcher { position: absolute; right: 0; bottom: 0; z-index: 2; } /* video::-webkit-media-controls { display: none !important; } */ .satisfied-customers__modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999999; overflow: hidden; } .satisfied-customers__modal-backdrop { width: 100%; height: 100%; background: #0005; } .satisfied-customers__modal-content { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); background: #fff; } .satisfied-customers__modal-close { position: absolute; top: 22px; right: 22px; width: 27px; height: 27px; cursor: pointer; user-select: none; z-index: 2; } @media (max-width: 991px) { .satisfied-customers__modal-close { width: 48px; height: 48px; } } .satisfied-customers__modal-close::before, .satisfied-customers__modal-close::after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; background: #5f748a; } .satisfied-customers__modal-close::before { transform: translate(-50%, -50%) rotate(45deg); } .satisfied-customers__modal-close::after { transform: translate(-50%, -50%) rotate(-45deg); } .satisfied-customers__modal-swiper { padding: 40px 40px 100px 40px; width: 100%; height: 100%; } .satisfied-customers__modal-swiper .swiper-wrapper { /* padding: 40px 40px 30px 40px; */ } .satisfied-customers__modal-swiper .satisfied-customers__media { margin-bottom: 0; width: 100%; height: 100%; object-fit: contain; } .satisfied-customers__modal-swiper .swiper-navs { position: absolute; right: 40px; bottom: 30px; display: grid; grid-template-columns: repeat(2, 77px); gap: 25px; user-select: none; } .satisfied-customers__modal-swiper .swiper-navs { user-select: none; } .satisfied-customers__modal-swiper .swiper-navs img { width: 100%; height: 100%; object-fit: contain; } .satisfied-customers__modal-swiper .swiper-pagination { position: absolute; left: 40px; bottom: 30px; width: fit-content; color: #5f748a; font-family: 'Inter'; font-weight: 600; font-size: 24px; line-height: 29px; } .satisfied-customers__modal-swiper .swiper-pagination-current { color: #e81717; } .banner__video-buttons { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; width: fit-content; } @media (max-width: 1399px) { .banner__video-buttons { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; } } .banner__video-btn_photo-gallery { background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.05); backdrop-filter: blur(7.5px); } .banner__video-btn_photo-gallery .banner__video-btn-icon { background: rgba(255, 255, 255, 0.15); } .banner__video-btn_photo-gallery .banner__video-btn-text { color: #fff; } @media (max-width: 1199px) { .banner__video-buttons { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; } } @media (max-width: 991px) { .banner__video-buttons { width: 100%; } .banner__video-btn { margin-top: 0px; margin-left: 12%; } .banner__video-btn_photo-gallery { position: absolute; bottom: -30px; left: 0; margin: 0; background: transparent; backdrop-filter: none; border: none; z-index: 1; } .isQuadBike .banner__video-btn { position: relative; bottom: 0; left: -5vw; margin: 0; background: transparent; border-radius: 50%; } .isQuadBike .banner__video-btn_photo-gallery .banner__video-btn-icon { background-image: url('/local/components/bitrix/catalog.element/templates/lending/img/banner__photo-btn-icon_mobile.svg'); background-repeat: no-repeat; background-position: center center; background-size: 30% 30%; background-color: #ecedee; } .isQuadBike .banner__video-btn_photo-gallery img { display: none; } .banner__video-btn_photo-gallery .banner__video-btn-icon { backdrop-filter: blur(5.5px); } .satisfied-customers__modal-swiper { padding: 50px 10px 70px 10px; } } @media (max-width: 575px) { .banner__video-btn { margin-top: 0; margin-left: 10%; } .banner__video-btn_photo-gallery { margin-top: 20px; margin-left: 0; } .isQuadBike .banner__video-btn { position: relative; bottom: 0; left: 0; margin: 0; background: transparent; border-radius: 50%; } } /* @media (max-width: 524px) { .banner__video-btn { margin-top: 10px; margin-left: 30vw; } } @media (max-width: 462px) { .banner__video-btn { margin-left: 25vw; } } @media (max-width: 400px) { .banner__video-btn { margin-top: 0; margin-left: 10vw; } } */ .test-drive__car { position: absolute; right: 110px; bottom: 0; z-index: 1; } @media (max-width: 1399px) { .test-drive__car { right: -100px; } } @media (max-width: 991px) { .test-drive__car { position: relative; top: unset; right: unset; width: calc(100% - 32px); margin: auto; text-align: center; } .test-drive__car img { width: 100%; } } .control-system { position: relative; padding-top: 128px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.31) 100%), #394653; overflow: hidden; } @media (max-width: 991px) { .control-system { padding-top: 42px; } } .control-system__light { position: absolute; transform: translate(-50%, -50%); pointer-events: none; } .control-system__light_red { top: 50%; width: 1005px; height: 1005px; background: radial-gradient(50% 50% at 50% 50%, rgba(232, 23, 23, 0.2) 0%, rgba(232, 23, 23, 0) 100%); } .control-system__cyan { left: 50%; top: 100%; width: 951px; height: 951px; background: radial-gradient(50% 50% at 50% 50%, #486582 0%, rgba(63, 87, 112, 0) 100%); } .control-system__container, .control-system__image { position: relative; z-index: 2; } .control-system__container_mobile { display: none; } .control-system__h2 { margin-bottom: 0; width: 75%; color: #fff; } @media (max-width: 1399px) { .control-system__h2 { width: 100%; } } @media (max-width: 991px) { .control-system__h2 { text-align: center; font-size: 32px !important; line-height: 106% !important; } } .control-system__image { display: block; margin: 0 auto; width: calc(100% - 32px); max-width: 1170px; text-align: center; } .control-system__mobile-images { display: none; pointer-events: none; } .control-system__items { display: none; justify-content: center; align-items: center; gap: 24px; margin-bottom: -2rem; margin-top: 1rem; } .control-system__number { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; background: transparent; border: 1px solid #e0e0e0; border-radius: 50%; color: #e0e0e0; font-family: 'Geometria'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 121.8%; cursor: pointer; user-select: none; transition: 0.15s; } .control-system__number_active { background: #fff; color: #e81717; } @media (max-width: 767px) { .control-system__image_desktop { display: none; } .control-system__mobile-images { display: flex; pointer-events: auto; user-select: none; } .control-system__image { /* display: none; */ width: 100%; pointer-events: none; user-select: none; } /* .control-system__image_show { display: block; } */ .control-system__items { position: relative; display: flex; z-index: 2; } .control-system__container:not(.control-system__container_mobile) { display: none; } .control-system__container_mobile { display: block; } } @media (max-width: 991px) { .h2, .h3, .h4 { text-align: center; margin-left: auto; margin-right: auto; } } @media (max-width: 767px) { .test-drive__h2 { font-size: 5.8vw !important; } } @media (max-width: 575px) { .test-drive__h2 { font-size: 7.5vw !important; } } /* End */ /* Start:/local/components/bitrix/catalog.element/templates/new-land/css/style_new.css?176200312824255*/ h2, .h2 { font-family: 'Geometria'; font-weight: 700; font-size: clamp(44px, 3.82vw, 55px) !important; line-height: 106%; text-transform: none; } .land-banner__container { width: 1920px; max-width: 100%; margin: 0 auto; } .land-banner { position: relative; width: 1920px; max-width: 100%; margin: 0 auto; } .land-banner__bg-container { position: absolute; top: 0; left: 0; height: 100%; width: 78%; } @media (max-width: 991px) { .land-banner__bg-container { width: 100%; } } .land-banner__bg-container::after { content: ''; position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)); } .land-banner__bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; } .land-banner__bg::after { content: ''; width: 100%; height: 100%; inset: 0; background: linear-gradient(0deg, #394653, #394653), linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); z-index: 1; } .land-banner__bg_mob { display: none; } @media (max-width: 991px) { .land-banner__bg_desk { display: none; } .land-banner__bg_mob { display: block; } } .land-banner__content { display: grid; grid-template-columns: auto 22%; position: relative; z-index: 1; } @media (max-width: 991px) { .land-banner__content { display: flex; flex-direction: column; } } .land-banner__plate { position: absolute; bottom: 72px; left: clamp(10px, 6.53vw, 94px); background: rgba(33, 37, 41, 0.6); color: #fff; width: 576px; max-width: 100%; padding: clamp(26px, 2.08vw, 30px) clamp(26px, 2.78vw, 40px); display: flex; flex-direction: column; gap: 12px; } @media (max-width: 991px) { .land-banner__plate { width: calc(100% - 56px); left: 28px; bottom: 28px; } } .land-banner__plate-text { color: #fff; font-size: 20px; } .land-banner__plate-text-bold-big-item { font-weight: 700; font-size: 24px; } .land-banner__text { padding: 72px; position: relative; } @media (max-width: 991px) { .land-banner__text { padding: 28px; min-height: 800px; } } @media (min-width: 1921px) { .land-banner__nav-panel { border-right: 1px solid #D0D0D0; } } .nav-panel { display: flex; flex-direction: column; background-color: #fff; } .nav-panel-link { display: flex; flex-direction: column; align-items: center; gap: 4px; text-decoration: none; color: #212529; font-size: clamp(16px, 1.39vw, 20px); line-height: 1; padding: clamp(26px, 3.47vw, 50px) 0; border-top: 1px solid #D0D0D0; } .nav-panel-link__icon { width: 72px; height: 72px; } .nav-panel-link:hover { color: #E81717; } .nav-panel-link_mob-visible { display: none; } @media (max-width: 991px) { .nav-panel { display: grid; grid-template-columns: repeat(2, 1fr); } .nav-panel-link_mob-border-right { border-right: 1px solid #D0D0D0; } .nav-panel-link_mob-hidden { display: none; } .nav-panel-link_mob-visible { display: flex; } } .land-banner__subtitle { color: #fff; font-weight: 700; /* font-size: clamp(20px, 2.78vw, 40px); */ font-size: 40px; line-height: 1.06; } .land-banner__title { color: #fff; font-weight: 800; /* font-size: clamp(50px, 9.72vw, 140px); */ font-size: clamp(72px, 9.72vw, 140px); line-height: 1; letter-spacing: -0.03em; } .breadcrumbs { display: flex; align-items: center; gap: 20px; } .breadcrumbs__item { color: #fff; font-size: 14px; position: relative; } .breadcrumbs__item:hover { color: #fff; } .breadcrumbs__item::after { content: '/'; font: inherit; text-decoration: none; position: absolute; right: -6px; translate: 100% 0; top: 0; } .breadcrumbs__item:last-child::after { display: none; } .breadcrumbs-back { display: none; } @media (max-width: 991px) { .breadcrumbs_tab-hidden { display: none; } .breadcrumbs-back { display: block; } } .land-banner__heading { margin-top: clamp(20px, 2.36vw, 34px); } .reviews { padding: clamp(40px, 8.96vw, 129px) 0; overflow: hidden; background-color: #EEEEEE; } .reviews-block__swiper { overflow: visible; } .reviews-block_mt-100 { margin-top: clamp(40px, 6.94vw, 100px); } .video-wrapper { position: relative; } .video-wrapper::after { content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .video-wrapper__thumb { width: 100%; height: 100%; object-fit: cover; } .video-wrapper__play-button { position: absolute; z-index: 1; top: 50%; left: 50%; translate: -50% -50%; background: transparent; border: none; outline: none; border-radius: 50%; backdrop-filter: blur(5px); width: 86px; height: 86px; padding: 0; } .video-wrapper__play-button-icon { width: 100%; height: 100%; display: block; } .video-wrapper__iframe { width: 100%; height: 100%; position: absolute; inset: 0; display: none; } .video-wrapper_played .video-wrapper__thumb, .video-wrapper_played .video-wrapper__play-button { opacity: 0; pointer-events: none; } .video-wrapper_played::after { display: none; } .video-wrapper_played .video-wrapper__iframe { display: block; } .reviews-block__review-title { /* font-size: clamp(20px, 1.67vw, 24px); */ font-size: 24px; font-family: 'Geometria'; font-weight: 500; text-align: center; margin-top: 20px; padding: 0 12px; } @media (max-width: 991px) { .reviews-block__review-title { text-align: left; } } .reviews-block__content { margin-top: clamp(28px, 3.82vw, 55px); } .tech-options { padding: clamp(40px, 8.89vw, 128px) 0; background-color: #394653; position: relative; overflow: hidden; } .tech-options__light { position: absolute; top: 10%; left: 0; width: 1005px; height: 1005px; background: radial-gradient(50% 50% at 50% 50%, #e81717 0%, rgba(232, 23, 23, 0) 100%); opacity: 0.15; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tech-options h2 { position: relative; z-index: 1; } .tech-options__content { margin-top: clamp(30px, 3.47vw, 50px); display: flex; gap: 30px; justify-content: space-between; } .tech-options__image { width: 616px; max-width: calc(50% - 30px); object-fit: cover; } .tech-options__tech-table { width: 510px; max-width: calc(50% - 30px); color: #fff; position: relative; z-index: 1; } @media (max-width: 991px) { .tech-options__content { flex-direction: column; } .tech-options__image { width: 100%; max-width: 100%; order: -1; aspect-ratio: 340 / 255; } .tech-options__tech-table { width: 100%; max-width: 100%; } .tech-options h2 { text-align: center; } } .tech-table-item { padding: 11px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: space-between; gap: 16px; text-wrap: balance; } .tech-table-item:first-child { padding-top: 0; } .tech-table-item:last-child { padding-bottom: 0; border-bottom: none; } .tech-table-item__name { position: relative; padding-left: 17px; font-size: 14px; flex: 0 0 46%; } .tech-table-item__name::before { content: ''; position: absolute; top: 9px; left: 0; width: 7px; height: 7px; border-radius: 50%; background-color: #D9D9D9; } .tech-table-item__value { font-size: 16px; text-align: right; } .value-wrap { display: flex; align-items: flex-start; gap: 4px; } .value-wrap__num { font-size: clamp(16px, 1.39vw, 20px); font-weight: 700; line-height: 1; } .value-wrap__unit { font-size: 12px; font-weight: 700; line-height: 1; } .configurator-new { /* background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 30.94%, rgba(0, 0, 0, 0) 48.28%), url('/local/components/bitrix/catalog.element/templates/new-land/css/../img/configurator_old.webp'); background-repeat: no-repeat; background-size: cover; */ padding-top: 0; padding-bottom: 0; overflow: hidden; width: 1920px; max-width: 100%; margin: 0 auto; position: relative; } .configurator-new__bg-container { position: absolute; top: 0; left: 0; width: 54%; height: 100%; max-height: 624px; } @media (max-width: 991px) { .configurator-new__bg-container { display: none; } } .configurator-new__bg-container::after { content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 30.94%, rgba(0, 0, 0, 0) 48.28%); } .configurator-new__bg { width: 100%; height: 100%; object-fit: cover; } .configurator-new__container { width: 1920px; max-width: 100%; } @media (min-width: 992px) { .configurator-new__container { padding: 0; } } .configurator-new__content { display: flex; justify-content: space-between; position: relative; z-index: 1; } .configurator-new__text { padding: 60px 0; text-wrap: balance; } .configurator-new__config-form { padding: 40px; width: 612px; max-width: 43%; flex-shrink: 0; position: relative; } .config-form { background-color: #fff; display: flex; flex-direction: column; gap: 20px; } .input-radio-wrap_on-white .input-radio-wrap__label::before { border-color: rgba(33, 37, 41, 0.5); } .input-radio-wrap__label_flex { display: flex; align-items: flex-start; gap: 10px; } .input-radio-wrap__label-addition, .input-drop-down__item-addition { font-size: 14px; color: #989595; line-height: 18px; flex-shrink: 0; } .form-row__title { color: #212529; font-weight: 700; font-size: 16px; text-transform: uppercase; margin-bottom: 13px; } .form-row__radio-btns { display: flex; flex-direction: column; gap: 12px; } .input-drop-down_on-white { border-color: rgba(33, 37, 41, 0.5); } .input-drop-down_on-white .input-drop-down__list { border-color: rgba(33, 37, 41, 0.5); background-color: #fff; } .input-drop-down_cb .input-drop-down__item::before { content: ''; position: absolute; top: 50%; left: 26px; translate: 0 -50%; width: 23px; height: 23px; border-radius: 4px; border: 1px solid #B2B2B2; } .input-drop-down_cb .input-drop-down__item { position: relative; padding-left: 59px; line-height: 1.1; } .input-drop-down_cb .input-drop-down__item_selected, .input-drop-down_cb .input-drop-down__item:hover { background: inherit; filter: none; } .input-drop-down_cb .input-drop-down__item_selected::before { background-color: #E81717; border-color: #E81717; background-image: url('/local/components/bitrix/catalog.element/templates/new-land/css/../img/check.svg'); background-repeat: no-repeat; background-position: center; } .input-drop-down__item_flex { display: flex; align-items: flex-start; gap: 6px; } .input-drop-down::after { content: ''; position: absolute; right: 26px; top: 50%; translate: 0 -50%; width: 15px; height: 15px; background-image: url('/local/components/bitrix/catalog.element/templates/new-land/css/../img/chevron-down.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; transition: rotate 0.2s; } .input-drop-down_active::after { rotate: 180deg; } .config-form__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 19px; margin-top: 30px; } .config-form__final-price { color: #212529; font-weight: 700; font-size: 30px; } .configurator-new__h2 { color: #fff!important; margin-bottom: 0 !important; } @media (max-width: 991px) { .configurator-new__h2 { color: #212529 !important; } .configurator-new { background-image: none; background-color: #fff; } .configurator-new__content { flex-direction: column; } .configurator-new__config-form { width: 100%; max-width: 100%; } .configurator-new__text { padding: 40px 20px 0; } .configurator-new__config-form { padding: 30px 0 40px 0; } .config-form__bottom { flex-direction: column; } .config-form__bottom .button { width: 100%; } .container { padding: 0 28px !important; } } .selected-option { display: flex; align-items: center; width: fit-content; gap: 6px; padding: 6px 10px; background-color: #F0F0F0; } .selected-option__name, .selected-option__price { font-size: 14px; line-height: 18px; } .selected-option__price { color: #989595; } .selected-option__name { color: #212529; } .selected-option__delete-btn { display: block; padding: 0; width: 16px; height: 16px; background-color: transparent; border: none; outline: none; position: relative; } .selected-option__delete-btn-icon { width: 100%; height: 100%; object-fit: contain; display: block; } .selected-options-container { display: flex; gap: 6px; flex-wrap: wrap; } @media (min-width: 991px) { .container { width: 100%; max-width: 1470px; padding: 0 72px; } } @media (max-width: 700px) { .container { width: 100%; max-width: 100%; } .tech-table-item__value, .tech-table-item__name, .nav-panel-link { font-size: 24px; } .nav-panel-link { gap: 12px; } .value-wrap__num, .form-row__title { font-size: 28px; } .value-wrap__unit { font-size: 18px; } .land-banner__plate-text { font-size: 30px; } .land-banner__plate-text-bold-big-item { font-size: 32px; } .land-banner__text { min-height: 1000px; } .input-radio-wrap__label, .form-row__text { font-size: 24px; line-height: 1.1; } .input-radio-wrap__label-addition, .input-drop-down__item-addition { font-size: 20px; } .button { padding-top: 44px; padding-bottom: 44px; font-size: 30px; } .config-form__final-price { font-size: 50px; } } @media (min-width: 992px) { .configurator-new { position: relative; } .configurator-new::after { content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: #fff; translate: 11% 0; } .configurator-new__container { position: relative; z-index: 1; } } .guarantee-new { background-color: #DDDFE1; padding: 120px 0; } .guarantee-new__content { margin-top: 50px; } .grid-2-cols { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 20px; row-gap: 150px; } @media (max-width: 991px) { .grid-2-cols { display: flex; flex-direction: column; gap: 20px; } } .gallery__item_relative { position: relative; transform: none; inset: unset !important; width: 100%; cursor: auto; } .gallery__item_relative:hover { box-shadow: none; } .gallery__item_relative .gallery__item-description { opacity: 1; } .gallery__item_relative .gallery__item-image-wrap { border: none; position: relative; } .gallery__item_relative .gallery__item-image-wrap::after { content: ''; position: absolute; inset: 0; width: 100%; height: 100%; display: block; background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 59.43%); } @media (max-width: 991px) { .gallery__item_relative { height: auto; } .gallery__item_relative .gallery__item-description { position: static; width: 100%; } } .media-section { background-color: #EEEEEE; padding: 120px 0; overflow: hidden; } .media-section__content { display: flex; flex-direction: column; gap: 64px; margin-top: 40px; } @media (min-width: 992px) { .product-photo-slider { overflow: visible; } } .product-photo-slider__image, .product-photo-slider-thumbs__image { width: 100%; height: 100%; object-fit: cover; } .product-photo-slider__swiper-slide { height: 327px; transition: height 0.15s; } .product-photo-slider__swiper-slide.swiper-slide-active { height: 491px; } .product-photo-slider__swiper-wrapper { align-items: center; height: 491px; } @media (max-width: 991px) { .product-photo-slider__swiper-slide, .product-photo-slider__swiper-slide.swiper-slide-active { height: auto; } .product-photo-slider__swiper-wrapper { height: auto; } } .product-photo-slider-thumbs__swiper-slide { height: 74px; padding: 3px; border-radius: 3px; border: 1px solid transparent; transition: border-color 0.15s; } .product-photo-slider-thumbs__swiper-slide.swiper-slide-thumb-active { border-color: #E81717; } .product-photo-slider-thumbs { width: calc(100% - 116px); margin-top: 20px; } .product-photo-slider-thumbs__image { border-radius: 3px; } .thumbs-wrapper { position: relative; width: calc(68% + 116px); margin: 0 auto; } @media (max-width: 991px) { .thumbs-wrapper, .product-photo-slider-thumbs { width: 100%; } .product-photo-slider-thumbs { overflow: visible; } } .product-photo-slider-thumbs__swiper-prev, .product-photo-slider-thumbs__swiper-next { position: absolute; top: 50%; translate: 0 -50%; width: 35px; height: auto; z-index: 1; } @media (max-width: 991px) { .product-photo-slider-thumbs__swiper-prev, .product-photo-slider-thumbs__swiper-next { display: none; } } .product-photo-slider-thumbs__swiper-prev { left: 0; } .product-photo-slider-thumbs__swiper-next { right: 0; } @media (min-width: 767px) { .satisfied-customers__swiper-navs-bottom_desk-visible { display: flex; justify-content: center; margin-top: 38px; } } .features__list { gap: 20px; } .features__list-points { max-width: calc(45% - 20px); display: flex; flex-direction: column; gap: 8px; } .features__list-point-text { font-size: 24px; line-height: 1; } @media (max-width: 1199px) { .features__list, .additional-options__list { gap: 0; } .features__list-points { max-width: 100%; } .features__text-num-wrap, .advantages-of-electro__text-num-wrap { margin-top: 0; } .features__text { width: 100%; padding: 30px; } .features__list-points, .additional-options__list-points, .advantages-of-electro__list-points { position: relative; padding: 28px 70px 28px 0; border-bottom: 1px solid #BEBEBE; min-height: 100px; } .features__list-points:last-child, .additional-options__list-points:last-child, .advantages-of-electro__list-points:last-child { border-bottom: none; } .features__list-points::after, .additional-options__list-points::after, .advantages-of-electro__list-points::after { content: ''; position: absolute; top: 50%; right: 0; translate: 0 -50%; width: 60px; height: 60px; display: block; background-image: url('/local/components/bitrix/catalog.element/templates/new-land/css/./img/red-arrow-in-circle.svg'); background-repeat: no-repeat; background-size: cover; } .features__list-points:has(.features__list-point_open)::after, .additional-options__list-points:has(.additional-options__list-point_open)::after, .advantages-of-electro__list-points:has(.advantages-of-electro__list-point_open)::after { rotate: 180deg; } .features__list-point-text, .additional-options__list-point-text, .advantages-of-electro__list-point-text { font-size: 30px; } .features__list-point-num, .additional-options__list-point-num, .advantages-of-electro__list-point-num { min-width: unset; width: unset; height: unset; min-height: unset; border: none !important; margin-right: 20px; font-size: 30px; } .additional-options__detail, .features__detail, .advantages-of-electro__detail { margin-bottom: 28px; } .advantages-of-electro__list-points:has(.advantages-of-electro__list-point_open) { border-bottom: none; } } .special-offer__h2_w_72 { width: 72%; } @media (max-width: 991px) { .isQuadBike.special-offer { min-height: 910px; } .special-offer__sub-title { text-align: center; } .special-offer__h2_w_72 { width: 96%; font-size: 39px !important; } .special-offer__container { max-width: 100% !important; } } .button_ml-auto { margin-left: auto; } .button_mr-auto { margin-right: auto; } .swiper-pagination { position: static; } .swiper-pagination-bullet-active { background: #E81717; } @media (max-width: 767px) { .scope__swiper-navs-bottom { display: flex; width: 400px; margin: 30px auto; } } .additional-options_lightgray { background: #DDDFE1!important; } .additional-options__h2_dark, .additional-options__list-point-text_dark { color: #212529!important; } .additional-options__text_white { background: #FFFFFF; color: #212529; } @media (max-width: 991px) { .additional-options__text-num-wrap { margin-top: 0; } .additional-options__text, .advantages-of-electro__text { width: 100%; padding: 30px; font-size: 22px; } } .advantages-of-electro { overflow: unset; background-image: url('/local/components/bitrix/catalog.element/templates/new-land/css/./img/bg-lights.svg')!important; background-repeat: no-repeat!important; background-size: 100% auto!important; } @media (max-width:991px) { .advantages-of-electro { background-size: 200% auto; background-position: 50% top; } } .advantages-of-electro_dark { background-color: #394653!important; } .advantages-of-electro__list-point-text_white { color: #fff!important; } .advantages-of-electro__text_dark { background-color: #5F748A!important; color: #fff!important; } @media (min-width: 1200px) { .advantages-of-electro__list { position: relative; } .advantages-of-electro__details { position: sticky; top: 20px; align-self: flex-start; } } .test-drive__lazyload-video_fullwidth { width: 100%; } .test-drive__bg_new img:nth-child(1) { z-index: 3; } .test-drive__h2 { width: 52%; } @media (max-width: 991px) { .isQuadBike.test-drive { min-height: 1000px; } .test-drive__h2 { width: 83%; } .test-drive__h3 { font-size: 32px !important; } } .special-offer__bg img:nth-child(2) { width: 80%; translate: -12% 0; } @media (max-width: 1399px) { .special-offer__bg img:nth-child(2) { width: 100%; translate: -29% 0; } } @media (max-width: 991px) { .test-drive__container { max-width: 100% !important; } } .satisfied-customers__shorts { pointer-events: none; position: relative; } .satisfied-customers__swiper-slide { cursor: pointer; } .reviews__swiper-navs { justify-content: center; margin-top: 32px; } .reviews__swiper-navs .swiper-button-lock { display: block; } .reviews__swiper-navs_mob-visible { display: none; } @media (max-width: 991px) { .reviews__swiper-navs_mob-visible { display: flex; } } /* End */ /* /local/components/bitrix/breadcrumb/templates/.default/style.css?1641966582363 */ /* /local/components/bitrix/catalog.element/templates/new-land/fonts/Inter/stylesheet.css?17594141127727 */ /* /local/components/bitrix/catalog.element/templates/new-land/fonts/Geometria/stylesheet.css?17594141125763 */ /* /local/components/bitrix/catalog.element/templates/new-land/lib/swiper-bundle.min.css?175941411116469 */ /* /local/components/bitrix/catalog.element/templates/new-land/css/style.css?175941411269895 */ /* /local/components/bitrix/catalog.element/templates/new-land/css/style_new.css?176200312824255 */