/* Start:/local/templates/pulkovo_sku_copy/fonts/stylesheet.css?17485852015986*/ @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-SemiBoldItalic.woff') format('woff'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-Italic.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-MediumItalic.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-ExtraBold.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-ExtraLight.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-Regular.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-Thin.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-SemiBold.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-Light.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-Medium.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-ExtraLightItalic.woff') format('woff'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-ThinItalic.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-ThinItalic.woff') format('woff'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-Black.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-ExtraBoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-Bold.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-LightItalic.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-BoldItalic.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-BlackItalic.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Montserrat-BlackItalic.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Ubuntu'; src: url('/local/templates/pulkovo_sku_copy/fonts/Ubuntu-Light.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Ubuntu-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Ubuntu'; src: url('/local/templates/pulkovo_sku_copy/fonts/Ubuntu-LightItalic.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Ubuntu-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Ubuntu'; src: url('/local/templates/pulkovo_sku_copy/fonts/Ubuntu-Italic.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Ubuntu-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Ubuntu'; src: url('/local/templates/pulkovo_sku_copy/fonts/Ubuntu-Bold.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Ubuntu-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Ubuntu'; src: url('/local/templates/pulkovo_sku_copy/fonts/Ubuntu-BoldItalic.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Ubuntu-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Ubuntu'; src: url('/local/templates/pulkovo_sku_copy/fonts/Ubuntu-MediumItalic.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Ubuntu-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Ubuntu'; src: url('/local/templates/pulkovo_sku_copy/fonts/Ubuntu-Medium.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Ubuntu-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Ubuntu'; src: url('/local/templates/pulkovo_sku_copy/fonts/Ubuntu-Regular.woff2') format('woff2'), url('/local/templates/pulkovo_sku_copy/fonts/Ubuntu-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /* End */ /* Start:/local/templates/pulkovo_sku_copy/static/css/styles.min.css?1793267769193261*/ .popup .popup .popup html { font-size: 16px; height: 100%; } html.is-locked, html.hidden { overflow: hidden; } input[type="number"]::-webkit-outer-spin-button, form textarea[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button, form textarea[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"], form textarea[type="number"] { -moz-appearance: textfield; } input[type="number"]:hover, form textarea[type="number"]:hover, input[type="number"]:focus, form textarea[type="number"]:focus { -moz-appearance: number-input; } body { height: 100%; padding: 0; margin: 0; font-family: "Montserrat", sans-serif; } body.is-locked, body.hidden { overflow: hidden; } .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: bold; } ul, li { list-style-type: none; margin: 0; padding: 0; } a { text-decoration: none; } p { margin: 0; } audio, canvas, iframe, img, svg, video, textarea { vertical-align: middle; } textarea { resize: none; } section { position: relative; } img { display: block; max-width: 100%; } table { border-collapse: collapse; } section.section-50 { padding: 50px 0; } @media screen and (max-width: 768px) { section.section-50 { padding: 40px 0; } } @media screen and (max-width: 414px) { section.section-50 { padding: 32px 0; } } section.section-32 { padding: 32px 0; } section.section-36 { padding: 36px 0; } @media screen and (max-width: 414px) { section.section-36 { padding: 32px 0; } } .section-36 { padding: 36px 0; } @media screen and (max-width: 414px) { .section-36 { padding: 32px 0; } } input, form textarea, select, button { outline: none; border: none; background-color: transparent; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } main.content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; } .container { width: 100%; max-width: 1220px; margin: 0 auto; padding: 0 20px; } .Button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 18px 24px; cursor: pointer; background: #FF3D5F; font-size: 15px; white-space: nowrap; color: #ffffff; font-weight: 800; -webkit-box-shadow: 0px 10px 25px rgba(193, 50, 75, 0.25); box-shadow: 0px 10px 25px rgba(193, 50, 75, 0.25); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } @media screen and (max-width: 768px) { .Button { padding: 14px 18px; } } .Button svg { margin-right: 8px; } .Button.Button--big { padding: 24px 42px; height: 72px; } @media screen and (max-width: 1100px) { .Button.Button--big { padding: 18px 24px; height: 56px; } } .Button.Button--reset { font-weight: normal; border-radius: 2px; border: 1px solid #828282; color: #828282; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .Button.Button--reset:hover { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .Button.Button--z18 { font-size: 18px; } .Button:hover { background: #D91739; -webkit-box-shadow: 0px 10px 25px rgba(94, 9, 24, 0.5); box-shadow: 0px 10px 25px rgba(94, 9, 24, 0.5); } .small-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; padding: 17px 20px; border: 1px solid #FF3D5F; color: #FF3D5F; white-space: nowrap; outline: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 13px; cursor: pointer; font-weight: bold; font-family: "Ubuntu", sans-serif; border-radius: 2px; } @media screen and (max-width: 414px) { .small-btn { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .small-btn:hover { -webkit-box-shadow: inset 0px 0px 10px #FF3D5F; box-shadow: inset 0px 0px 10px #FF3D5F; } .small-btn.small-btn--bg { background-color: #FF3D5F; color: #ffffff; -webkit-box-shadow: 0px 10px 25px rgba(193, 50, 75, 0.45); box-shadow: 0px 10px 25px rgba(193, 50, 75, 0.45); } .small-btn.small-btn--bg:hover { background: #D91739; -webkit-box-shadow: 0px 10px 25px rgba(94, 9, 24, 0.5); box-shadow: 0px 10px 25px rgba(94, 9, 24, 0.5); } footer { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .footer__top { padding: 35px 0; background-color: #2A2A2A; } .footer__bottom { padding: 20px 0; font-size: 12px; line-height: 18px; background-color: #FAFAFA; } .footer__bottom p { color: #828282; margin-bottom: 8px; } .footer-nav__item { font-size: 14px; } .footer-nav__item:not(:last-child) { margin-bottom: 10px; } .footer-nav__item a { display: inline-block; color: #ffffff; font-weight: 500; margin: 4px 24px 4px 0; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; } .footer-nav__item a:hover { color: #FF3D5F; } .footer-nav__title { color: #FF3D5F; font-weight: bold; text-transform: uppercase; } .footer-nav__link { display: block; font-weight: 500; font-size: 16px; line-height: 160%; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; color: #ffffff; } .footer-nav__link:not(:last-child) { margin-bottom: 8px; } .footer-nav__link:hover, .footer-nav__link:active { color: #FF3D5F; } @media screen and (max-width: 414px) { .footer-nav:first-child { display: none; } } .footer-nav:last-child { display: none; } @media screen and (max-width: 414px) { .footer-nav:last-child { display: block; } } @media screen and (max-width: 768px) { .header { height: 86px; } } @media screen and (max-width: 414px) { .header { height: 70px; } } .header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 650px) { .header__inner > .Button { display: none; } } .header__top { padding: 18px 0; } @media screen and (max-width: 768px) { .header__top { position: fixed; width: 100%; z-index: 1000; background-color: #ffffff; -webkit-box-shadow: 0 0 15px -10px #020202; box-shadow: 0 0 15px -10px #020202; } } .header__body { width: 100%; top: 0; left: 0; z-index: 200; background-color: #2A2A2A; padding: 13px 0; } @media screen and (max-width: 768px) { .header__body { display: none; } } .header__body.fixed { position: fixed; } @media screen and (max-width: 1000px) { .header__location { display: none; } } .location { font-size: 18px; } .location a { font-size: 12px; } .location a span, .location a .modelCounter p, .modelCounter .location a p { color: #FF3D5F; border-bottom: 1px solid; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; } .location a:hover span, .location a:hover .modelCounter p, .modelCounter .location a:hover p { color: #D91739; } .location a:active span, .location a:active .modelCounter p, .modelCounter .location a:active p { color: #48276F; } .phone { font-size: 18px; text-align: center; } .phone a { color: #2A2A2A; } .phone span, .phone .modelCounter p, .modelCounter .phone p { color: #FF3D5F; font-size: 12px; } @media screen and (max-width: 768px) { .phone span, .phone .modelCounter p, .modelCounter .phone p { font-size: 10px; } } @media screen and (max-width: 768px) { .phone { font-size: 16px; } } @media screen and (max-width: 414px) { .phone { font-size: 15px; line-height: 16px; } } .menu-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .menu-nav a { color: #ffffff; text-transform: uppercase; font-size: 14px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .menu-nav a:hover { color: #FF3D5F; } @media screen and (max-width: 1000px) { .menu-nav a { font-size: 12px; } } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; -webkit-transform-style: flat; transform-style: flat; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto; } .noUi-vertical .noUi-origin { top: -100%; width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform .3s; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; right: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; right: -6px; bottom: -17px; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left: -17px; right: auto; } .noUi-target { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-connects { border-radius: 3px; } .noUi-connect { background: #3FB8AF; } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } .noUi-handle:after, .noUi-handle:before { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } [disabled] .noUi-connect { background: #B8B8B8; } [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor: not-allowed; } .noUi-pips, .noUi-pips * { -webkit-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-sub { background: #AAA; } .noUi-marker-large { background: #AAA; } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } .noUi-horizontal .noUi-origin > .noUi-tooltip { -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); left: auto; bottom: 10px; } .noUi-vertical .noUi-origin > .noUi-tooltip { -webkit-transform: translate(0, -18px); -ms-transform: translate(0, -18px); transform: translate(0, -18px); top: auto; right: 28px; } /** * Swiper 7.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 24, 2021 */ @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 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; 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 { -webkit-transform-style: preserve-3d; 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, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 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 { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ''; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -ms-flex-order: 9999; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); 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 { -webkit-margin-before: var(--swiper-centered-offset-before); 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-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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; 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; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .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 { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.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, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-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%; -webkit-transform: translate3d(0px, -50%, 0); 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%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-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; -webkit-transition: .2s transform, .2s top; -o-transition: .2s transform, .2s top; 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%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-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 { -webkit-transition: .2s transform, .2s left; -o-transition: .2s transform, .2s left; transition: .2s transform, .2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform, .2s right; -o-transition: .2s transform, .2s right; transition: .2s transform, .2s right; } .swiper-pagination-progressbar { background: rgba(0, 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%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; 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, 0.1); } .swiper-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .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, 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: -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; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; 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; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); 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 { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; 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; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; 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; -webkit-filter: blur(50px); 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; -webkit-transition-property: opacity, height, -webkit-transform; transition-property: opacity, height, -webkit-transform; -o-transition-property: transform, opacity, height; transition-property: transform, opacity, height; transition-property: transform, opacity, height, -webkit-transform; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .s-banner { padding: 25px 0 45px; margin-bottom: 40px; background-color: #FAFAFA; } @media screen and (max-width: 768px) { .s-banner { padding-bottom: 15px; } } @media screen and (max-width: 414px) { .s-banner { padding: 0; padding-bottom: 20px; margin-bottom: 0; } } .banner__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .banner__inner.banner--center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner__inner .Button { margin-top: 36px; } @media screen and (max-width: 414px) { .banner__inner .Button { margin-top: 24px; } } @media screen and (max-width: 768px) { .banner__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 740px) { .banner__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } } .banner__col { width: 50%; } @media screen and (max-width: 768px) { .banner__col { width: 100%; } } @media screen and (max-width: 414px) { .banner__col:not(:last-child) { padding-top: 20px; margin-bottom: 30px; } } @media screen and (max-width: 768px) { .banner__col img { max-width: none; } } @media screen and (max-width: 740px) { .banner__col img { margin-left: 0; max-width: 100%; } } @media screen and (max-width: 320px) { .banner__col:last-child .Button { width: 100%; } } .banner__title { font-weight: 800; font-size: 42px; line-height: 140%; color: #2A2A2A; letter-spacing: 0.5px; text-transform: uppercase; } @media screen and (max-width: 1000px) { .banner__title { font-size: 36px; } } @media screen and (max-width: 768px) { .banner__title { font-size: 32px; } } @media screen and (max-width: 740px) { .banner__title { font-size: 28px; } } @media screen and (max-width: 414px) { .banner__title { font-size: 24px; } } .blockSend { position: relative; z-index: 1; min-height: 280px; padding: 32px 150px 32px 300px; background: -webkit-gradient(linear, left top, left bottom, from(#B9DDF6), color-stop(48.86%, #BBDEF7), to(#B6DAF3)); background: -o-linear-gradient(top, #B9DDF6 0%, #BBDEF7 48.86%, #B6DAF3 100%); background: linear-gradient(180deg, #B9DDF6 0%, #BBDEF7 48.86%, #B6DAF3 100%); } @media screen and (max-width: 900px) { .blockSend { padding: 45px 250px 40px 45px; } } @media screen and (max-width: 600px) { .blockSend { padding: 250px 20px 45px; } } @media screen and (max-width: 414px) { .blockSend { margin: 0 -20px; } } .blockSend__text { font-size: 18px; line-height: 140%; text-transform: uppercase; color: #828282; margin-bottom: 24px; } @media screen and (max-width: 900px) { .blockSend__text { font-size: 14px; margin-bottom: 16px; white-space: nowrap; } } @media screen and (max-width: 768px) { .blockSend__text { white-space: normal; } } .blockSend__title { font-weight: 800; font-size: 48px; line-height: 59px; text-transform: uppercase; color: #333333; } .blockSend__title.sale--title { color: #F2F9FE; } .blockSend__title.sale--title span, .blockSend__title.sale--title .modelCounter p, .modelCounter .blockSend__title.sale--title p { color: #FF3D5F; } @media screen and (max-width: 900px) { .blockSend__title { font-size: 38px; line-height: 46px; white-space: nowrap; } } @media screen and (max-width: 768px) { .blockSend__title { font-size: 30px; line-height: 38px; white-space: normal; } } @media screen and (max-width: 414px) { .blockSend__title { margin-bottom: 8px; } } .blockSend__img { position: absolute; z-index: -1; } .blockSend__img:first-child { left: 0; bottom: 0; } @media screen and (max-width: 900px) { .blockSend__img:first-child { left: auto; right: 0; } } @media screen and (max-width: 600px) { .blockSend__img:first-child { top: 0; } } .blockSend__img:last-child { right: 0; top: 0; } @media screen and (max-width: 900px) { .blockSend__img:last-child { display: none; } } .blockSend.autocredit { padding-left: 105px; padding-right: 105px; } @media screen and (max-width: 768px) { .blockSend.autocredit { padding-left: 45px; padding-right: 250px; } } @media screen and (max-width: 600px) { .blockSend.autocredit { padding-left: 20px; padding-right: 20px; padding-top: 180px; } } .cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; } @media screen and (max-width: 1100px) { .cards { margin-right: -24px; } } @media screen and (max-width: 850px) { .cards { margin-right: -20px; } } @media screen and (max-width: 550px) { .cards { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0; } } .cards__item { width: calc(25% - 20px); max-width: calc(25% - 20px); background: #ffffff; color: #000000; margin: 0 20px 20px 0; border: 0.5px solid rgba(229, 229, 229, 0.4); -webkit-box-shadow: 0px 4px 42px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 42px rgba(0, 0, 0, 0.05); border-radius: 16px; } @media screen and (max-width: 550px) { .cards__item:last-child { margin-bottom: 0; } } @media screen and (max-width: 1100px) { .cards__item { width: calc(33.3333% - 24px); max-width: calc(33.3333% - 24px); margin: 0 24px 24px 0; } } @media screen and (max-width: 850px) { .cards__item { width: calc(50% - 20px); max-width: calc(50% - 20px); margin: 0 20px 20px 0; } } @media screen and (max-width: 550px) { .cards__item { width: 100%; max-width: 350px; margin-right: 0; } } @media screen and (max-width: 414px) { .cards__item { max-width: 100%; } } .cards__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 20px 8px 20px; } .cards__head span, .cards__head .modelCounter p, .modelCounter .cards__head p { font-size: 12px; text-transform: uppercase; } .cards__credit { padding: 6px 12px; background-color: #603592; border-radius: 4px; font-weight: bold; font-size: 11px; color: #ffffff; } .cards__credit svg { margin-right: 8px; } .cards__caption { width: 100%; height: 200px; } .cards__caption img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .cards__body { padding: 10px 20px 24px; } .cards__name { font-size: 16px; line-height: 18px; font-family: "Ubuntu", sans-serif; margin-bottom: 10px; text-transform: uppercase; } .cards__name span, .cards__name .modelCounter p, .modelCounter .cards__name p { font-weight: bold; } .cards__name .cards__brand { font-weight: 400; } .cards__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cards__price-old { color: #A0A0A0; font-size: 13px; text-decoration: line-through; } .cards__price-new { border: 2px solid #FF3D5F; border-radius: 4px; padding: 6px 12px; font-size: 16px; color: #FF3D5F; font-weight: bold; } .cards__bottom { background-color: #F2F2F2; padding: 24px 20px; border-radius: 0px 12px 12px 12px; } .cards__bottom ul { color: #2A2A2A; font-size: 13px; } .cards__bottom ul li:not(:last-child) { margin-bottom: 3px; } .cards__present { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 14px; margin-bottom: 4px; color: #FF3D5F; } .cards__present svg { margin-right: 10px; } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; -o-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity 0.25s ease, visibility 0s ease 0.25s; -o-transition: opacity 0.25s ease, visibility 0s ease 0.25s; transition: opacity 0.25s ease, visibility 0s ease 0.25s; visibility: hidden; z-index: 99997; } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; -webkit-transition: opacity 0.25s ease 0s, visibility 0s ease 0s; -o-transition: opacity 0.25s ease 0s, visibility 0s ease 0s; transition: opacity 0.25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image:before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable="true"] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: 0.8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } .fancybox-caption { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(transparent)); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent); background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: 0px) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } .fancybox-loading { -webkit-animation: a 1s linear infinite; animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: 0.7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @-webkit-keyframes a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-1turn); -ms-transform: rotate(-1turn); transform: rotate(-1turn); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } @media (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: 0px) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus:before { opacity: 0.5; } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1; } @media (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } .popup { display: none; position: fixed; left: 50%; width: calc(100% - 30px); max-width: 900px; padding: 120px 30px 95px; top: 100px; background-color: #ffffff; -webkit-transform: translateX(-50%) scale(0.85); -ms-transform: translateX(-50%) scale(0.85); transform: translateX(-50%) scale(0.85); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: 9999999; } @media screen and (max-width: 768px) { .popup { top: 30px; } } @media screen and (max-width: 414px) { .popup { padding: 120px 20px 40px; } } @media screen and (max-width: 320px) { .popup { padding: 80px 20px 20px; } } .popup p { color: #262626; text-align: center; } @media screen and (max-width: 414px) { .popup p { line-height: 26px; } } .popup.popup__error { background-color: #FF3D5F; color: #ffffff; } .popup.popup__error p { font-weight: bold; font-size: 16px; line-height: 29px; color: #ffffff; text-align: center; } .popup.popup__error p a { color: #ffffff; } @media screen and (max-width: 414px) { .popup.popup__error p a { display: block; } } .popup.popup__error .popup__title { color: #ffffff; } .popup._show { display: block; -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .popup__close { position: absolute; right: 25px; top: 25px; cursor: pointer; } @media screen and (max-width: 414px) { .popup__close svg { max-width: 25px; } } .popup__title { font-weight: 800; font-size: 42px; line-height: 65px; text-align: center; text-transform: uppercase; margin-bottom: 24px; color: #FF3D5F; } @media screen and (max-width: 768px) { .popup__title { font-size: 30px; line-height: 38px; } } @media screen and (max-width: 414px) { .popup__title { font-size: 24px; line-height: 32px; } } @media screen and (max-width: 350px) { .popup__title { font-size: 20px; line-height: 26px; } } .form-group__item { margin-bottom: 24px; } .form-group__item input, .form-group__item form textarea, form .form-group__item textarea { height: 55px; margin-bottom: 0; } @media screen and (max-width: 600px) { .form-group__item input, .form-group__item form textarea, form .form-group__item textarea { height: 50px; } } @media screen and (max-width: 414px) { .form-group__item input::-webkit-input-placeholder, .form-group__item form textarea::-webkit-input-placeholder, form .form-group__item textarea::-webkit-input-placeholder { font-size: 14px; } .form-group__item input::-moz-placeholder, .form-group__item form textarea::-moz-placeholder, form .form-group__item textarea::-moz-placeholder { font-size: 14px; } .form-group__item input:-ms-input-placeholder, .form-group__item form textarea:-ms-input-placeholder, form .form-group__item textarea:-ms-input-placeholder { font-size: 14px; } .form-group__item input::-ms-input-placeholder, .form-group__item form textarea::-ms-input-placeholder, form .form-group__item textarea::-ms-input-placeholder { font-size: 14px; } .form-group__item input::placeholder, .form-group__item form textarea::placeholder, form .form-group__item textarea::placeholder { font-size: 14px; } } .form-group button { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 300px; margin: 30px auto 0; } .overlay { display: none; position: fixed; background: rgba(65, 65, 65, 0.7); z-index: 9999; left: 0; top: 0; opacity: 1; -webkit-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s; right: 0; bottom: 0; } .autoOptions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto; margin-bottom: 35px; } .autoOptions__item:not(:last-child) { margin-right: 24px; } @media screen and (max-width: 600px) { .autoOptions__item:not(:last-child) { margin-right: 0; margin-bottom: 6px; } } @media screen and (max-width: 600px) { .autoOptions__item { width: 100%; text-align: center; } } .popupForm { 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-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 414px) { .popupForm .Button { width: 100%; } } .popupForm__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 35px; } @media screen and (max-width: 600px) { .popupForm__list { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 24px; } } .popupForm__list input, .popupForm__list form textarea, form .popupForm__list textarea { width: calc(50% - 4px); max-width: calc(50% - 4px); padding: 24px; height: 72px; border: 1px solid #E5E5E5; font-size: 18px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-radius: 4px; } @media screen and (max-width: 600px) { .popupForm__list input:not(:last-child), .popupForm__list form textarea:not(:last-child), form .popupForm__list textarea:not(:last-child) { margin-bottom: 8px; } } .popupForm__list input::-webkit-input-placeholder, .popupForm__list form textarea::-webkit-input-placeholder, form .popupForm__list textarea::-webkit-input-placeholder { color: #828282; font-size: 18px; -webkit-transition: all .3s; transition: all .3s; } .popupForm__list input::-moz-placeholder, .popupForm__list form textarea::-moz-placeholder, form .popupForm__list textarea::-moz-placeholder { color: #828282; font-size: 18px; -moz-transition: all .3s; transition: all .3s; } .popupForm__list input:-ms-input-placeholder, .popupForm__list form textarea:-ms-input-placeholder, form .popupForm__list textarea:-ms-input-placeholder { color: #828282; font-size: 18px; -ms-transition: all .3s; transition: all .3s; } .popupForm__list input::-ms-input-placeholder, .popupForm__list form textarea::-ms-input-placeholder, form .popupForm__list textarea::-ms-input-placeholder { color: #828282; font-size: 18px; -ms-transition: all .3s; transition: all .3s; } .popupForm__list input::placeholder, .popupForm__list form textarea::placeholder, form .popupForm__list textarea::placeholder { color: #828282; font-size: 18px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .popupForm__list input:focus::-webkit-input-placeholder, .popupForm__list form textarea:focus::-webkit-input-placeholder, form .popupForm__list textarea:focus::-webkit-input-placeholder { opacity: 0; } .popupForm__list input:focus::-moz-placeholder, .popupForm__list form textarea:focus::-moz-placeholder, form .popupForm__list textarea:focus::-moz-placeholder { opacity: 0; } .popupForm__list input:focus:-ms-input-placeholder, .popupForm__list form textarea:focus:-ms-input-placeholder, form .popupForm__list textarea:focus:-ms-input-placeholder { opacity: 0; } .popupForm__list input:focus::-ms-input-placeholder, .popupForm__list form textarea:focus::-ms-input-placeholder, form .popupForm__list textarea:focus::-ms-input-placeholder { opacity: 0; } .popupForm__list input:focus::placeholder, .popupForm__list form textarea:focus::placeholder, form .popupForm__list textarea:focus::placeholder { opacity: 0; } .popupForm__list input.form-error, .popupForm__list form textarea.form-error, form .popupForm__list textarea.form-error { border-color: #FF3D5F; color: #FF3D5F; background: rgba(255, 61, 95, 0.2); } .popupForm__list input.form-error::-webkit-input-placeholder, .popupForm__list form textarea.form-error::-webkit-input-placeholder, form .popupForm__list textarea.form-error::-webkit-input-placeholder { color: #FF3D5F; } .popupForm__list input.form-error::-moz-placeholder, .popupForm__list form textarea.form-error::-moz-placeholder, form .popupForm__list textarea.form-error::-moz-placeholder { color: #FF3D5F; } .popupForm__list input.form-error:-ms-input-placeholder, .popupForm__list form textarea.form-error:-ms-input-placeholder, form .popupForm__list textarea.form-error:-ms-input-placeholder { color: #FF3D5F; } .popupForm__list input.form-error::-ms-input-placeholder, .popupForm__list form textarea.form-error::-ms-input-placeholder, form .popupForm__list textarea.form-error::-ms-input-placeholder { color: #FF3D5F; } .popupForm__list input.form-error::placeholder, .popupForm__list form textarea.form-error::placeholder, form .popupForm__list textarea.form-error::placeholder { color: #FF3D5F; } @media screen and (max-width: 600px) { .popupForm__list input, .popupForm__list form textarea, form .popupForm__list textarea { width: 100%; max-width: 100%; padding: 16px; height: 48px; } } .popupForm__agree { margin-top: 20px; text-align: center; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translateX(-50%) scale3d(0.3, 0.3, 0.3); transform: translateX(-50%) scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: translateX(-50%) scale3d(1.1, 1.1, 1.1); transform: translateX(-50%) scale3d(1.1, 1.1, 1.1); } 50% { opacity: 1; -webkit-transform: translateX(-50%) scale3d(1.03, 1.03, 1.03); transform: translateX(-50%) scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: translateX(-50%) scale3d(0.97, 0.97, 0.97); transform: translateX(-50%) scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: translateX(-50%) scale3d(1, 1, 1); transform: translateX(-50%) scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translateX(-50%) scale3d(0.3, 0.3, 0.3); transform: translateX(-50%) scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: translateX(-50%) scale3d(1.1, 1.1, 1.1); transform: translateX(-50%) scale3d(1.1, 1.1, 1.1); } 50% { opacity: 1; -webkit-transform: translateX(-50%) scale3d(1.03, 1.03, 1.03); transform: translateX(-50%) scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: translateX(-50%) scale3d(0.97, 0.97, 0.97); transform: translateX(-50%) scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: translateX(-50%) scale3d(1, 1, 1); transform: translateX(-50%) scale3d(1, 1, 1); } } .sandwich { display: none; position: relative; z-index: 1000; width: 24px; cursor: pointer; height: 16px; } @media screen and (max-width: 768px) { .sandwich { display: block; } } .sandwich.active .sandwich__line { background-color: #FF0733; pointer-events: none; } .sandwich.active .sandwich__line--top { top: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .sandwich.active .sandwich__line--middle { opacity: 0; } .sandwich.active .sandwich__line--bottom { top: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .sandwich__line { background-color: #2A2A2A; display: block; height: 2px; left: 0; position: absolute; -webkit-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; width: 100%; } .sandwich__line--top { top: 0; } .sandwich__line--middle { top: 7px; } .sandwich__line--bottom { top: 14px; } .s-contacts { margin-top: 50px; } @media screen and (max-width: 768px) { .s-contacts { margin-top: 30px; } } @media screen and (max-width: 768px) { .s-contacts { margin-top: 32px; } } .contacts__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1100px) { .contacts__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .contacts__col:first-child { width: 45%; background-color: #FAFAFA; padding: 95px 60px 95px 15px; } #map{ background: url('/local/templates/pulkovo_sku_copy/static/css/../images/map_bg.webp') center center no-repeat; background-size: cover; } #map.f-piter-map{ background: url('/local/templates/pulkovo_sku_copy/static/css/../images/piter_map.webp') center center no-repeat; background-size: cover; } @media screen and (max-width: 1100px) { .contacts__col:first-child { width: 100%; padding: 40px 20px; } } @media screen and (max-width: 414px) { .contacts__col:first-child { padding: 36px 20px; } } .contacts__col:last-child { width: 55%; overflow: hidden; } @media screen and (max-width: 1100px) { .contacts__col:last-child { width: 100%; } } .contacts__list { display: -webkit-box; display: -ms-flexbox; display: flex; } .contacts__list > *:not(:last-child) { margin-right: 24px; } @media screen and (max-width: 1100px) { .contacts__list > *:not(:last-child) { margin-top: 24px; margin-right: 0; } } @media screen and (max-width: 600px) { .contacts__list > *:not(:last-child) { margin-top: 0; margin-bottom: 24px; } } .contacts__list .Button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (max-width: 1100px) { .contacts__list .Button { -webkit-box-flex: 0; -ms-flex: none; flex: none; } } @media screen and (max-width: 600px) { .contacts__list .Button { margin: auto; } } @media screen and (max-width: 414px) { .contacts__list .Button { width: 100%; padding: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; } } @media screen and (max-width: 1100px) { .contacts__list { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media screen and (max-width: 600px) { .contacts__list { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .contacts__info { max-width: 420px; margin-left: auto; } @media screen and (max-width: 1100px) { .contacts__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 100%; margin-left: 0; } } @media screen and (max-width: 600px) { .contacts__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .contacts__loc { margin-bottom: 24px; line-height: 22px; } @media screen and (max-width: 1100px) { .contacts__loc { font-size: 16px; margin-bottom: 0; } } @media screen and (max-width: 600px) { .contacts__loc { max-width: 260px; text-align: center; margin-bottom: 24px; } } .contacts__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 35px; } .contacts__logo > *:not(:last-child) { margin-right: 24px; } @media screen and (max-width: 414px) { .contacts__logo > *:not(:last-child) { margin-right: 0; margin-bottom: 24px; } } @media screen and (max-width: 1100px) { .contacts__logo { margin-bottom: 24px; } } @media screen and (max-width: 414px) { .contacts__logo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .contacts__logo img:first-child { max-width: 90px; } .s-offers { padding: 24px 0; } @media screen and (max-width: 500px) { .s-offers { padding-top: 0; } } @media screen and (max-width: 414px) { .s-offers { padding-bottom: 0; } } .offers__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .offers__inner > *:not(:last-child) { margin-right: 25px; } @media screen and (max-width: 850px) { .offers__inner > *:not(:last-child) { margin-right: 0; } } @media screen and (max-width: 850px) { .offers__inner { max-width: 500px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: auto; } } @media screen and (max-width: 500px) { .offers__inner { margin: 0 -20px; } } .offers__col { width: 50%; } @media screen and (max-width: 500px) { .offers__col:last-child { padding: 20px 20px 0; } } @media screen and (max-width: 850px) { .offers__col { width: 100%; } } .offers__title { font-weight: bold; font-size: 36px; text-transform: uppercase; color: #FF3D5F; line-height: 44px; margin-bottom: 4px; } @media screen and (max-width: 768px) { .offers__title { font-size: 32px; line-height: 40px; } } .offers__sub { color: #A0A0A0; text-transform: uppercase; font-size: 16px; line-height: 18px; font-family: "Ubuntu", sans-serif; margin-bottom: 24px; } @media screen and (max-width: 768px) { .offers__sub { font-size: 14px; line-height: 22px; margin-bottom: 12px; } } .offers__btn { display: -webkit-box; display: -ms-flexbox; display: flex; /*margin-bottom: 36px;*/ margin-bottom: 12px; justify-content: space-between; } /*.offers__btn > *:not(:last-child) { margin-right: 12px; }*/ @media screen and (max-width: 450px) { .offers__btn > *:not(:last-child) { margin-right: 0; margin-bottom: 4px; } } @media screen and (max-width: 450px) { .offers__btn span, .offers__btn .modelCounter p, .modelCounter .offers__btn p { max-width: 100px; } } @media screen and (max-width: 1100px) { .offers__btn { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 12px; } } .offers__sale, .offers__credit { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; padding: 14px 24px; cursor: pointer; } .offers__sale span, .offers__sale .modelCounter p, .modelCounter .offers__sale p, .offers__credit span, .offers__credit .modelCounter p, .modelCounter .offers__credit p { font-size: 13px; } @media screen and (max-width: 1100px) { .offers__sale, .offers__credit { padding: 10px 14px; flex: 0 0 100%; } } /*.offers__price { font-weight: bold; font-size: 28px; line-height: 34px; } @media screen and (max-width: 850px) { .offers__price { font-size: 18px; line-height: 26px; } }*/ .offers__sale { background-color: #F5F5F5; } .offers__sale span, .offers__sale .modelCounter p, .modelCounter .offers__sale p { color: #262626; } .offers__sale .offers__price { color: #FF3D5F; } .offers__credit { background-color: #603592; } .offers__credit span, .offers__credit .modelCounter p, .modelCounter .offers__credit p { color: #D8BFF5; } .offers__credit .offers__price { color: #ffffff; } .colorAuto { margin-bottom: 24px; } .colorAuto__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .colorAuto__list li { width: 18px; height: 18px; border-radius: 100%; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border: 2px solid transparent; -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.35); box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.35); } .colorAuto__list li:not(:last-child) { margin-right: 12px; } .colorAuto__list li.active { border-color: #828282; } .colorAuto__list li:not(:first-child).active { border-color: #ffffff; } .colorAuto__list li:nth-child(1) { background-color: #ffffff; } .colorAuto__list li:nth-child(2) { background-color: #BF2537; } .colorAuto__list li:nth-child(3) { background-color: #6B6965; } .colorAuto__list li:nth-child(4) { background-color: #1A5189; } .colorAuto__list li:nth-child(5) { background-color: #4A4A4A; } .colorAuto__list li:nth-child(6) { background-color: #543C32; } .colorAuto__list li:nth-child(7) { background-color: #A5A5A5; } .colorAuto__list li:nth-child(8) { background-color: #44494E; } .properties { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .properties__text { font-size: 12px; line-height: 14px; color: #A0A0A0; } @media screen and (max-width: 450px) { .properties__text { font-size: 11px; } } @media screen and (max-width: 370px) { .properties__text { font-size: 13px; } } .properties__count { font-weight: bold; font-size: 18px; line-height: 22px; color: #828282; } @media screen and (max-width: 850px) { .properties__count { font-size: 14px; line-height: 19px; } } .properties__item { width: calc(50% - 25px); max-width: calc(50% - 25px); 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: center; -ms-flex-pack: center; justify-content: center; position: relative; height: 48px; margin-bottom: 24px; padding-left: 60px; } @media screen and (max-width: 370px) { .properties__item:last-child { margin-bottom: 0; } } .properties__item img { position: absolute; width: 48px; top: 0; left: 0; } @media screen and (max-width: 450px) { .properties__item img { width: 35px; } } @media screen and (max-width: 450px) { .properties__item { width: calc(50% - 10px); max-width: calc(50% - 10px); padding-left: 45px; } } @media screen and (max-width: 370px) { .properties__item { width: 100%; max-width: 100%; padding-left: 45px; margin-bottom: 12px; } } .gift__top { height: 120px; } .gift__top img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .gift__list { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 600px) { .gift__list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .gift__item { width: 33.3333%; max-width: 33.3333%; margin-right: 20px; } .gift__item:last-child { margin-right: 0; } @media screen and (max-width: 600px) { .gift__item:last-child { margin-bottom: 0; } } @media screen and (max-width: 600px) { .gift__item:nth-child(2) { margin-right: 0; } } @media screen and (max-width: 600px) { .gift__item { width: calc(50% - 10px); max-width: calc(50% - 10px); margin-bottom: 20px; } } @media screen and (max-width: 414px) { .gift__item { width: 100%; max-width: 100%; margin-right: 0; } } .gift__body { text-align: center; font-weight: bold; font-size: 18px; line-height: 22px; color: #333333; padding: 10px; background-color: #DFE7E8; } @media screen and (max-width: 1100px) { .gift__body span, .gift__body .modelCounter p, .modelCounter .gift__body p { display: block; } } @media screen and (max-width: 768px) { .gift__body { font-size: 16px; line-height: 20px; } } .swiper-wrapper { height: 480px; } @media screen and (max-width: 768px) { .swiper-wrapper { height: 420px; } } @media screen and (max-width: 414px) { .swiper-wrapper { height: 650px; } } .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; } @media screen and (max-width: 414px) { .swiper-slide { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .swiper-slide picture { position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: -1; } .swiper-slide .container { position: relative; padding: 0 60px; } @media screen and (max-width: 414px) { .swiper-slide .container { padding: 0; } } .swiper-slide img { margin: 0 auto; } @media screen and (max-width: 414px) { .swiper-slide img { height: auto; } } .swiper-slide__info { max-width: 580px; padding: 24px; background: rgba(42, 42, 42, 0.9); } @media screen and (max-width: 768px) { .swiper-slide__info { max-width: 450px; } } .swiper-slide__info p { font-size: 24px; line-height: 150%; } @media screen and (max-width: 768px) { .swiper-slide__info p { font-size: 20px; } } @media screen and (max-width: 414px) { .swiper-slide__info p { font-size: 18px; } } .swiper-slide__title { font-weight: 800; font-size: 36px; line-height: 120%; margin-bottom: 12px; } @media screen and (max-width: 768px) { .swiper-slide__title { font-size: 32px; } } @media screen and (max-width: 414px) { .swiper-slide__title { font-size: 28px; line-height: 130%; } } @media screen and (max-width: 414px) { .swiper-pagination { display: none; } } .swiper-pagination.swiper-pagination-horizontal { bottom: 24px; } .swiper-pagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { width: 14px; height: 14px; margin: 0 8px; background-color: #C4C4C4; opacity: 1; } .swiper-pagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #FF3D5F; } .swiper-button-prev, .swiper-button-next { width: 36px; height: 36px; background-color: #333333; opacity: 0.8; border-radius: 4px; } @media screen and (max-width: 768px) { .swiper-button-prev, .swiper-button-next { display: none; } } .swiper-button-prev:after, .swiper-button-next:after { color: #ffffff; font-size: 20px; } .s-traid-in { padding: 74px 0; background: url("/local/templates/pulkovo_sku_copy/static/css/../images/img/traid-in.png") no-repeat; } @media screen and (max-width: 768px) { .s-traid-in { padding: 42px 0; background: url("/local/templates/pulkovo_sku_copy/static/css/../images/img/traid-in-tablet.png") no-repeat; background-position: top right; } } @media screen and (max-width: 414px) { .s-traid-in { padding: 36px 0; background: url("/local/templates/pulkovo_sku_copy/static/css/../images/img/traid-in-phone.png") no-repeat; background-position: top right; } } .programs__list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; } @media screen and (max-width: 1100px) { .programs__list { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; } } @media screen and (max-width: 600px) { .programs__list { margin-right: -12px; } } @media screen and (max-width: 900px) { .programs__text { font-size: 18px; } } @media screen and (max-width: 720px) { .programs__text { text-align: center; line-height: 24px; } } .programs__price { color: #FF3D5F; font-weight: bold; font-size: 24px; line-height: 29px; letter-spacing: 0.5px; } .programs__name { font-weight: bold; font-size: 16px; line-height: 20px; letter-spacing: 0.5px; color: #2A2A2A; margin-bottom: 10px; } .programs__svg { position: absolute; right: 20px; bottom: 20px; } .programs__svg svg:first-child { fill: #FF3D5F; } .programs__svg svg:last-child { position: absolute; left: 7px; top: 2px; } .programs__bonus { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 720px) { .programs__bonus { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .programs__item { width: 25%; position: relative; height: 120px; margin-right: 20px; } .programs__item:last-child { margin-right: 0; } @media screen and (max-width: 1100px) { .programs__item:last-child { margin-right: 20px; } } @media screen and (max-width: 600px) { .programs__item:last-child { margin-right: 12px; } } .programs__item input, .programs__item form textarea, form .programs__item textarea { position: absolute; visibility: hidden; opacity: 0; } .programs__item input + label, .programs__item form textarea + label, form .programs__item textarea + label { width: 100%; height: 100%; position: absolute; z-index: 100; padding: 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; left: 0; top: 0; cursor: pointer; border: 1px solid #A0A0A0; } .programs__item input:checked + label, .programs__item form textarea:checked + label, form .programs__item textarea:checked + label { background-color: #FF3D5F; border-color: #FF3D5F; } .programs__item input:checked + label .programs__price, .programs__item form textarea:checked + label .programs__price, form .programs__item textarea:checked + label .programs__price, .programs__item input:checked + label .programs__name, .programs__item form textarea:checked + label .programs__name, form .programs__item textarea:checked + label .programs__name { color: #ffffff; } .programs__item input:checked + label svg:first-child, .programs__item form textarea:checked + label svg:first-child, form .programs__item textarea:checked + label svg:first-child, .programs__item input:checked + label svg:last-child, .programs__item form textarea:checked + label svg:last-child, form .programs__item textarea:checked + label svg:last-child { fill: #ffffff; } @media screen and (max-width: 1100px) { .programs__item { width: calc(50% - 20px); max-width: calc(50% - 20px); margin-bottom: 20px; } } @media screen and (max-width: 600px) { .programs__item { width: calc(50% - 12px); max-width: calc(50% - 12px); margin-right: 12px; margin-bottom: 12px; } } @media screen and (max-width: 550px) { .programs__item { width: 100%; max-width: 100%; } } .programs__sale { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; font-weight: bold; font-size: 28px; line-height: 34px; background: #FAFAFA; color: #333333; margin-bottom: 24px; } @media screen and (max-width: 720px) { .programs__sale { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } } .programs__sum { padding: 0 10px; color: #FF3D5F; } @media screen and (max-width: 900px) { .programs__sum { font-size: 24px; } } .programs__info { display: -webkit-box; display: -ms-flexbox; display: flex; } .programs__info > *:not(:last-child) { margin-right: 20px; } @media screen and (max-width: 550px) { .programs__info > *:not(:last-child) { margin-right: 0; margin-bottom: 12px; } } @media screen and (max-width: 550px) { .programs__info { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .programs__info p { width: 50%; font-size: 14px; line-height: 20px; } .programs__info p a[href^="tel:"] { border-bottom: 1px solid; white-space: nowrap; color: #0264AF; } .programs__info p a span, .programs__info p a .modelCounter p, .modelCounter .programs__info p a p { color: #0264AF; border-bottom: 1px solid; } @media screen and (max-width: 550px) { .programs__info p { width: 100%; } } .gallery__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -4px; } .gallery__item { width: calc(20% - 4px); max-width: calc(20% - 4px); height: 175px; margin: 0 4px 4px 0; } .gallery__item.gallery-all { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #A0A0A0; font-weight: bold; font-size: 20px; color: #ffffff; cursor: pointer; } .gallery__item:not(:nth-child(-n+9)):not(:last-child) { display: none; } @media screen and (max-width: 900px) { .gallery__item { width: calc(25% - 4px); max-width: calc(25% - 4px); } .gallery__item:not(:nth-child(-n+7)):not(:last-child) { display: none; } } @media screen and (max-width: 768px) { .gallery__item { width: calc(33.3333% - 4px); max-width: calc(33.3333% - 4px); } } @media screen and (max-width: 500px) { .gallery__item { width: calc(50% - 4px); max-width: calc(50% - 4px); } .gallery__item:not(:nth-child(-n+5)):not(:last-child) { display: none; } } @media screen and (max-width: 375px) { .gallery__item { width: 100%; max-width: 100%; } } @media screen and (max-width: 414px) { .gallery__item { height: 130px; } } .gallery__item a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .gallery__item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .options__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 36px; text-transform: uppercase; color: #262626; } .options__title > *:not(:last-child) { margin-right: 24px; } @media screen and (max-width: 500px) { .options__title > *:not(:last-child) { margin-right: 0; margin-bottom: 24px; } } @media screen and (max-width: 500px) { .options__title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (max-width: 414px) { .options__title .Button { width: 100%; } } .engine__title { font-size: 20px; margin-bottom: 24px; } @media screen and (max-width: 414px) { .engine__title { font-size: 18px; } } @media screen and (max-width: 414px) { .engine__content { margin: 0 -20px; } } .engine__item:not(:last-child) { margin-bottom: 24px; } .engine__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; background-color: #ffffff; } .engine__top.engine__top--gray { background-color: #F5F5F5; } @media screen and (max-width: 650px) { .engine__top { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .engine__body { display: none; padding: 24px 54px; background-color: #F5F5F5; } .engine__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .engine__col:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 275px; flex: 0 0 275px; } .engine__col:nth-child(1) > *:not(:last-child) { margin-right: 12px; } @media screen and (max-width: 1100px) { .engine__col:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; } } @media screen and (max-width: 450px) { .engine__col:nth-child(1) { margin-bottom: 12px; } } .engine__col:nth-child(2) > *:not(:last-child) { margin-right: 40px; } @media screen and (max-width: 1100px) { .engine__col:nth-child(2) > *:not(:last-child) { margin-right: 0; } } @media screen and (max-width: 1100px) { .engine__col:nth-child(2) { 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-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; } } .engine__col:nth-child(3) > *:not(:last-child) { margin-right: 4px; } @media screen and (max-width: 1100px) { .engine__col:nth-child(3) > *:not(:last-child) { margin-right: 0; margin-bottom: 4px; } } @media screen and (max-width: 650px) { .engine__col:nth-child(3) > *:not(:last-child) { margin-bottom: 0; margin-right: 4px; } } @media screen and (max-width: 414px) { .engine__col:nth-child(3) > *:not(:last-child) { margin-right: 0; margin-bottom: 4px; } } @media screen and (max-width: 1100px) { .engine__col:nth-child(3) { 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-align: start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (max-width: 650px) { .engine__col:nth-child(3) { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 24px; } } @media screen and (max-width: 414px) { .engine__col:nth-child(3) { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .engine__open { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; color: #333333; cursor: pointer; font-size: 18px; font-family: "Ubuntu", sans-serif; } .engine__open span, .engine__open .modelCounter p, .modelCounter .engine__open p { max-width: 220px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } @media screen and (max-width: 1100px) { .engine__open span, .engine__open .modelCounter p, .modelCounter .engine__open p { max-width: 150px; } } .engine__open.active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .engine__price { font-size: 18px; line-height: 22px; } .engine__price.old { color: #333333; } .engine__price.old span, .engine__price.old .modelCounter p, .modelCounter .engine__price.old p { text-decoration: line-through; } .engine__price.new { color: #FF3D5F; font-weight: bold; cursor:pointer; } @media screen and (max-width: 1100px) { .engine__price { font-size: 15px; } } .engine__check input, .engine__check form textarea, form .engine__check textarea { position: absolute; visibility: hidden; opacity: 0; } .engine__check input + label, .engine__check form textarea + label, form .engine__check textarea + label { display: block; position: relative; cursor: pointer; width: 24px; height: 24px; border: 2px solid #FF3D5F; border-radius: 2px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .engine__check input + label svg, .engine__check form textarea + label svg, form .engine__check textarea + label svg { position: absolute; left: 53%; top: 50%; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); } .engine__check input:checked + label, .engine__check form textarea:checked + label, form .engine__check textarea:checked + label { background-color: #FF3D5F; } .engine__check input:checked + label svg, .engine__check form textarea:checked + label svg, form .engine__check textarea:checked + label svg { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .engine-info { color: #333333; } .engine-info:not(:last-child) { margin-bottom: 48px; } .engine-info__title { font-weight: bold; font-size: 16px; line-height: 20px; margin-bottom: 24px; } .engine-info__inner { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 45px; } .engine-info__col { width: 33.333%; } .engine-info__col ul { font-size: 15px; line-height: 21px; } .engine-info__col li { margin-bottom: 5px; } .feature__inner { overflow: auto; } .feature__table { width: 1180px; } .feature__table thead tr { background-color: #F5F5F5; } .feature__table thead tr:nth-child(2) th { background-color: #ffffff; padding: 6px; } .feature__table thead th { padding: 10px 0; font-weight: bold; font-size: 18px; line-height: 22px; color: #FF3D5F; } .feature__table thead th:first-child { padding-left: 24px; color: #262626; text-align: left; } .feature__table thead th:last-child { padding-right: 24px; } .feature__table tbody tr:first-child td:not(:first-child) { opacity: 0; } .feature__table tbody td { padding: 28px 24px; text-align: center; font-size: 18px; font-weight: bold; color: #333333; } .feature__table tbody td.yes:before { content: ''; display: block; margin: auto; width: 28px; height: 16px; background: url("/local/templates/pulkovo_sku_copy/static/css/../images/img/yes.svg") no-repeat; } .feature__table tbody td.no:before { content: ''; display: block; margin: auto; width: 20px; height: 20px; background: url("/local/templates/pulkovo_sku_copy/static/css/../images/img/no.svg") no-repeat; } .feature__table tbody td:first-child { max-width: 365px; font-size: 14px; text-align: left; font-weight: normal; } .feature__table tbody [data-td='border'] { background-color: #ffffff; padding: 6px; } .feature__table tbody [data-tr='tab'] { background-color: #F5F5F5; } .feature__table tbody [data-tr='tab'] ~ tr:nth-child(odd) { background-color: #F5F5F5; } .feature__table tbody [data-tr='engine'], .feature__table tbody [data-tr='size'], .feature__table tbody [data-tr='dynamic'], .feature__table tbody [data-tr='drop'], .feature__table tbody [data-tr='fuel'] { display: none; } .feature-tbody__top { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; color: #333333; } .feature-tbody__top.active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .compare { display: none; } .new-cars__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; } @media screen and (max-width: 414px) { .new-cars__inner { margin-bottom: 12px; } } .new-cars__col { width: calc(25% - 20px); max-width: calc(25% - 20px); margin: 0 20px 20px 0; } @media screen and (max-width: 768px) { .new-cars__col { width: calc(50% - 20px); max-width: calc(50% - 20px); } } @media screen and (max-width: 414px) { .new-cars__col { width: 100%; max-width: 100%; } .new-cars__col:not(:nth-child(-n+2)) { display: none; } } .new-cars__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: bold; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 5px 0; -webkit-box-shadow: inset 0px -1px 0px #E0E0E0; box-shadow: inset 0px -1px 0px #E0E0E0; color: #828282; } .new-cars__item:not(:last-child) { margin-bottom: 16px; } .new-cars__item:hover { color: #FF3D5F; -webkit-box-shadow: inset 0px -1px 0px #FF3D5F; box-shadow: inset 0px -1px 0px #FF3D5F; } .news { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; } .news__top { height: 220px; } .news__top img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 414px) { .news__top { height: 170px; } } .news__body { 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-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 24px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .news__body p { font-size: 18px; line-height: 24px; color: #333333; overflow: hidden; margin-bottom: 36px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } @media screen and (max-width: 414px) { .news__body p { font-size: 15px; margin-bottom: 24px; } } .news__body .Button { margin-top: auto; } @media screen and (max-width: 414px) { .news__body .Button { width: 100%; } } .news__title { font-weight: bold; font-size: 20px; line-height: 24px; color: #262626; text-transform: uppercase; margin-bottom: 12px; } @media screen and (max-width: 414px) { .news__title { margin-bottom: 8px; } } .news__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(33.333% - 20px); max-width: calc(33.333% - 20px); margin: 0 20px 54px 0; } @media screen and (max-width: 768px) { .news__item { width: calc(50% - 20px); max-width: calc(50% - 20px); margin-bottom: 42px; } } @media screen and (max-width: 600px) { .news__item { width: 100%; max-width: 100%; margin-bottom: 36px; } } .trusted { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; } @media screen and (max-width: 414px) { .trusted { margin-bottom: 16px; } } @media screen and (max-width: 1000px) { .trusted + .btnShow { display: -webkit-box; display: -ms-flexbox; display: flex; } } .trusted__reviews { padding: 40px 20px 20px; background-color: #525151; } .trusted__reviews .fancybox-button svg path { fill: #ffffff; } .trusted__img { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .trusted__img img { width: calc(50% - 5px); max-width: calc(50% - 5px); max-height: 400px; } .trusted__img img:not(:last-child) { margin-right: 10px; } @media screen and (max-width: 414px) { .trusted__img img:not(:last-child) { margin-right: 0; margin-bottom: 10px; } } @media screen and (max-width: 414px) { .trusted__img img { width: 100%; max-width: 100%; } } .trusted__author { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; line-height: 20px; color: #8B8B8B; margin-bottom: 2px; } .trusted__car { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 15px; color: #005098; margin-bottom: 12px; } @media screen and (max-width: 500px) { .trusted__car { margin-bottom: 36px; } } @media screen and (max-width: 500px) { .trusted__top { padding-right: 75px; } } .trusted__read { font-size: 13px; line-height: 21px; color: #AFAFAF; outline: none; letter-spacing: 0.03em; } .trusted__read span, .trusted__read .modelCounter p, .modelCounter .trusted__read p { border-bottom: 1px solid; } .trusted__logo { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .trusted__logo img { width: 180px; height: 180px; border-radius: 100%; } @media screen and (max-width: 500px) { .trusted__logo img { width: 65px; height: 65px; } } @media screen and (max-width: 500px) { .trusted__logo { right: 10px; top: 10px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .trusted__item { 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: center; -ms-flex-pack: center; justify-content: center; position: relative; width: calc(50% - 20px); max-width: calc(50% - 20px); border: 1px solid #E5E5E5; height: /*245*/ 355px; margin: 0 20px 20px 0; padding: 32px 220px 32px 20px; } @media screen and (max-width: 1000px) { .trusted__item { width: 100%; max-width: 100%; } .trusted__item:not(:nth-child(-n+3)) { display: none; } } @media screen and (max-width: 500px) { .trusted__item { height: auto; padding: 10px; } } .trusted__item p { font-size: 15px; line-height: 21px; color: #000000; margin-bottom: 4px; /*overflow: hidden;*/ /*display: -webkit-box;*/ -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .s-sort { padding: 64px 0; background: url("/local/templates/pulkovo_sku_copy/static/css/../images/img/sort.png") no-repeat; } @media screen and (max-width: 768px) { .s-sort { padding: 32px 0; background: url("/local/templates/pulkovo_sku_copy/static/css/../images/img/sort-tablet.png") no-repeat; } } @media screen and (max-width: 414px) { .s-sort { background: url("/local/templates/pulkovo_sku_copy/static/css/../images/img/sort-phone.png") no-repeat; background-position: top center; background-size: cover; } } .sort__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 32px; } .sort__top .title-black { margin-bottom: 0; } @media screen and (max-width: 1000px) { .sort__top .title-black { margin-bottom: 24px; } } @media screen and (max-width: 414px) { .sort__top .title-black { margin-bottom: 12px; } } @media screen and (max-width: 1000px) { .sort__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 16px; } } .filters__list { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -8px; } .filters__list.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .filters__link { width: calc(12.5% - 8px); max-width: calc(12.5% - 8px); margin: 0 8px 8px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 48px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 0 16px; font-weight: bold; font-size: 12px; color: #AFAFAF; border: 1px solid #828282; } .filters__link:hover { background: rgba(255, 61, 95, 0.1); border-color: #FF3D5F; color: #FF3D5F; } @media screen and (max-width: 1100px) { .filters__link { width: calc(20% - 8px); max-width: calc(20% - 8px); } } @media screen and (max-width: 768px) { .filters__link { width: calc(25% - 8px); max-width: calc(25% - 8px); } } @media screen and (max-width: 600px) { .filters__link { width: calc(50% - 8px); max-width: calc(50% - 8px); } } .s-review { padding: 30px 0 40px; } @media screen and (max-width: 768px) { .s-review { padding-top: 12px; } } .review__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 36px; } .review__col { width: calc(50% - 20px); max-width: calc(50% - 20px); } @media screen and (min-width: 769px) { .review__col:nth-child(1){ width: calc(100% - 460px); max-width: calc(100% - 460px); } .review__col:nth-child(2){ width: 417px; max-width: 417px; } } @media screen and (max-width: 768px) { .review__col { width: 100%; max-width: 100%; } } .review__col:not(:last-child) { margin-right: 40px; } @media screen and (max-width: 768px) { .review__col:not(:last-child) { margin-right: 0; margin-bottom: 20px; } } .review__col .offers__sub { margin-bottom: 36px; } .r-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; height: 420px; } @media screen and (max-width: 1200px) { .r-gallery__big{ aspect-ratio: 600/420; display: block; min-height: 340px; } .r-gallery { height: auto; display: block; } .r-gallery img{ height: auto; } } @media screen and (max-width: 768px) { .r-gallery__big{ min-height: 0; } } /* @media screen and (max-width: 1000px) { .r-gallery { height: 400px; } } @media screen and (max-width: 768px) { .r-gallery { height: 550px; } } @media screen and (max-width: 600px) { .r-gallery { height: 350px; } } @media screen and (max-width: 414px) { .r-gallery { height: 280px; } } @media screen and (max-width: 320px) { .r-gallery { height: 230px; } }*/ .r-gallery > *:not(:last-child) { margin-right: 4px; } .r-gallery img { width: 100%; height: 100%; } .r-gallery__big { width: 100%; flex-grow: 1; } .r-gallery__list { width: calc(20% - 2px); flex-shrink: 0; max-width: 149px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .r-gallery__img { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: calc(25% - 3px); } .r-gallery__img:not(:last-child) { margin-bottom: 4px; } .equipment { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .equipment__col { width: calc(50% - 15px); max-width: calc(50% - 15px); } @media screen and (max-width: 1200px) { .r-gallery > *:not(:last-child) { margin-right: 0; margin-bottom: 4px; } .r-gallery__list { width: 100%; max-width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .r-gallery__img{ display: block; width: calc(25% - 2px); margin-bottom: 0 !important; height: auto; flex-grow: 0; } .r-gallery__img + .r-gallery__img { margin-left: 3px; } } @media screen and (max-width: 768px) { .equipment__col { width: calc(50% - 10px); max-width: calc(50% - 10px); } } @media screen and (max-width: 600px) { .equipment__col { width: 100%; max-width: 100%; } } .equipment__col:not(:last-child) { margin-right: 30px; } @media screen and (max-width: 768px) { .equipment__col:not(:last-child) { margin-right: 20px; } } @media screen and (max-width: 600px) { .equipment__col:not(:last-child) { margin-right: 0; margin-bottom: 12px; } } .equipment__item { padding-bottom: 12px; -webkit-box-shadow: inset 0px -1px 0px #E0E0E0; box-shadow: inset 0px -1px 0px #E0E0E0; } @media screen and (max-width: 768px) { .equipment__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 5px; } } .equipment__item:not(:last-child) { margin-bottom: 24px; } @media screen and (max-width: 600px) { .equipment__item:not(:last-child) { margin-bottom: 12px; } } .equipment__item p { font-size: 16px; line-height: 21px; margin-bottom: 2px; } @media screen and (max-width: 414px) { .equipment__item p { font-size: 14px; line-height: normal; } } .equipment__item b { font-size: 17px; line-height: 22px; } @media screen and (max-width: 414px) { .equipment__item b { font-size: 14px; line-height: normal; } } .s-route .title-black { margin-bottom: 36px; } .route { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; } @media screen and (max-width: 900px) { .route { margin-right: 0; } } .route__item { width: calc(33.3333% - 20px); max-width: calc(33.3333% - 20px); margin: 0 20px 20px 0; } @media screen and (max-width: 900px) { .route__item { width: 100%; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 0; } } @media screen and (max-width: 500px) { .route__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 500px) { .route__item:last-child { margin-bottom: 0; } } @media screen and (max-width: 500px) { .route__item:not(:last-child) { margin-bottom: 36px; } } .route__item b { font-size: 18px; line-height: 21px; margin-bottom: 24px; text-align: center; } @media screen and (max-width: 1000px) { .route__item b { font-size: 16px; line-height: 19px; } } @media screen and (max-width: 900px) { .route__item b { text-align: left; } } @media screen and (max-width: 500px) { .route__item b { margin-bottom: 8px; text-align: center; } } .route__top { margin-bottom: 24px; } .route__top img { max-height: 235px; } @media screen and (max-width: 900px) { .route__top { max-width: 400px; margin-right: 24px; margin-bottom: 0; } } @media screen and (max-width: 500px) { .route__top { margin-right: 0; margin-bottom: 20px; } } .route__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 900px) { .route__body { max-width: 220px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (max-width: 500px) { .route__body { -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; } } .address { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .address__col { width: calc(50% - 20px); } @media screen and (max-width: 600px) { .address__col { width: 100%; } } .address__col:last-child { max-width: 480px; } @media screen and (max-width: 600px) { .address__col:last-child { max-width: 100%; margin-top: 36px; } } .address__item { font-weight: bold; color: #262626; } .address__item span, .address__item .modelCounter p, .modelCounter .address__item p { display: inline-block; text-transform: uppercase; font-size: 30px; line-height: 37px; margin-bottom: 12px; } @media screen and (max-width: 768px) { .address__item span, .address__item .modelCounter p, .modelCounter .address__item p { font-size: 24px; line-height: 30px; margin-bottom: 8px; } } .address__item p { font-size: 18px; line-height: 145%; } @media screen and (max-width: 768px) { .address__item p { font-size: 16px; } } .address__item a { display: block; color: #262626; } .address__item:not(:last-child) { margin-bottom: 36px; } @media screen and (max-width: 768px) { .address__item:not(:last-child) { margin-bottom: 24px; } } .argument { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .argument__col { width: calc(50% - 60px); max-width: calc(50% - 60px); } @media screen and (max-width: 768px) { .argument__col { width: calc(50% - 10px); max-width: calc(50% - 10px); } } @media screen and (max-width: 650px) { .argument__col { width: 100%; max-width: 100%; } } .argument__col:not(:last-child) { margin-right: 120px; } @media screen and (max-width: 768px) { .argument__col:not(:last-child) { margin-right: 20px; } } @media screen and (max-width: 650px) { .argument__col:not(:last-child) { margin-right: 0; margin-bottom: 36px; } } .argument__col li { position: relative; padding-left: 36px; color: #A0A0A0; line-height: 22px; } @media screen and (max-width: 768px) { .argument__col li { font-size: 15px; } } .argument__col li img { position: absolute; left: 0; top: 0; } @media screen and (max-width: 768px) { .argument__col li img { max-width: 20px; top: 3px; } } .argument__col li:not(:last-child) { margin-bottom: 20px; } .argument__title { font-weight: bold; font-size: 24px; text-transform: uppercase; line-height: 29px; margin-bottom: 36px; color: #262626; } @media screen and (max-width: 768px) { .argument__title { font-size: 18px; line-height: 24px; } } @media screen and (max-width: 650px) { .argument__title { margin-bottom: 24px; } } .partners { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; } .partners__item { width: calc(16.666% - 10px); max-width: calc(16.666% - 10px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 10px 10px 0; background: #ffffff; border: 1px solid #E5E5E5; height: 110px; } @media screen and (max-width: 1000px) { .partners__item { width: calc(20% - 10px); max-width: calc(20% - 10px); } } @media screen and (max-width: 768px) { .partners__item { width: calc(25% - 10px); max-width: calc(25% - 10px); } } @media screen and (max-width: 600px) { .partners__item { width: calc(33.333% - 10px); max-width: calc(33.333% - 10px); } } @media screen and (max-width: 414px) { .partners__item { width: calc(50% - 10px); max-width: calc(50% - 10px); height: 85px; overflow: hidden; } } .claim { position: relative; z-index: 1; padding: 65px 0; overflow: hidden; background: -webkit-gradient(linear, left top, left bottom, from(#B9DDF6), color-stop(48.86%, #BBDEF7), to(#B6DAF3)); background: -o-linear-gradient(top, #B9DDF6 0%, #BBDEF7 48.86%, #B6DAF3 100%); background: linear-gradient(180deg, #B9DDF6 0%, #BBDEF7 48.86%, #B6DAF3 100%); } .claim__text { font-size: 24px; line-height: 29px; margin-bottom: 12px; color: #828282; } @media screen and (max-width: 1000px) { .claim__text { font-size: 18px; line-height: 21px; } } @media screen and (max-width: 600px) { .claim__text { font-size: 16px; line-height: 19px; } } .claim .blockForm__select { margin-right: 0; } .claim .blockForm__select:not(:last-child) { margin-bottom: 16px; } @media screen and (max-width: 1100px) { .claim .blockForm__select:not(:last-child) { margin-bottom: 8px; } } @media screen and (max-width: 1100px) { .claim .blockForm__select:last-child { margin-right: 0; } } @media screen and (max-width: 1100px) { .claim .blockForm__select { width: calc(33.333% - 5.333px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.333% - 5.333px); flex: 0 0 calc(33.333% - 5.333px); margin-right: 8px; } } @media screen and (max-width: 700px) { .claim .blockForm__select { width: 100%; -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; margin-right: 0px; } } .claim__item:not(:last-child) { margin-bottom: 40px; } @media screen and (max-width: 1100px) { .claim__item:not(:last-child) { margin-bottom: 24px; } } .claim__item .blockForm__input { width: 35%; -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; } @media screen and (max-width: 1100px) { .claim__item .blockForm__input { width: calc(50% - 4px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 4px); flex: 0 0 calc(50% - 4px); } } @media screen and (max-width: 1000px) { .claim__item .blockForm__input { height: 56px; } } @media screen and (max-width: 600px) { .claim__item .blockForm__input { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media screen and (max-width: 1100px) { .claim__item .blockForm__input:first-child { margin-right: 8px; } } @media screen and (max-width: 600px) { .claim__item .blockForm__input:first-child { margin-right: 0; } } .claim__item .blockForm__info { text-align: right; margin-top: 24px; } @media screen and (max-width: 1100px) { .claim__item .blockForm__info { text-align: center; } } .claim__item .Button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (max-width: 1100px) { .claim__item .Button { -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 72px; margin-top: 24px; } } @media screen and (max-width: 1000px) { .claim__item .Button { height: 56px; } } @media screen and (max-width: 1100px) { .claim__item .blockForm__inputs { margin-bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .claim__item.claim--data .blockForm__input { width: calc(33.333% - 10.666px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.333% - 10.666px); flex: 0 0 calc(33.333% - 10.666px); } @media screen and (max-width: 1100px) { .claim__item.claim--data .blockForm__input { width: calc(33.333% - 5.333px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.333% - 5.333px); flex: 0 0 calc(33.333% - 5.333px); margin-bottom: 0; } } @media screen and (max-width: 600px) { .claim__item.claim--data .blockForm__input { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 8px; } } .claim__item.claim--data .blockForm__input:last-child { margin-right: 0; } @media screen and (max-width: 1100px) { .claim__item.claim--data .blockForm__input:nth-child(2) { margin-right: 8px; } } @media screen and (max-width: 600px) { .claim__item.claim--data .blockForm__input:nth-child(2) { margin-right: 0; } } .claim-car__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .claim-car__img { width: 280px; height: 100%; } @media screen and (max-width: 600px) { .claim-car__img { -ms-flex-item-align: center; align-self: center; } } .claim-car__img img { width: 100%; height: 100%; } .claim-car__option { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 32px 20px; } .claim-car__block { display: -webkit-box; display: -ms-flexbox; display: flex; background: #D6EBFA; border: 1px solid #ffffff; border-radius: 4px; height: 245px; } @media screen and (max-width: 600px) { .claim-car__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; } } .claim-car__col:first-child { width: calc(40% - 10px); max-width: calc(40% - 10px); } @media screen and (max-width: 1100px) { .claim-car__col:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .claim-car__col:last-child { width: calc(60% - 10px); max-width: calc(60% - 10px); } @media screen and (max-width: 1100px) { .claim-car__col:first-child, .claim-car__col:last-child { width: 100%; max-width: 100%; } } .claim-car__col:not(:last-child) { margin-right: 20px; } @media screen and (max-width: 1100px) { .claim-car__col:not(:last-child) { margin-right: 0; } } .claim-car__name { font-weight: bold; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #FF3D5F; margin-bottom: 4px; } .claim-car__model { font-size: 14px; line-height: 17px; color: #A0A0A0; margin-bottom: 24px; } .claim-car__prices { display: -webkit-box; display: -ms-flexbox; display: flex; } .claim-car__prices > *:not(:last-child) { margin-right: 12px; } .claim-car__price { font-weight: bold; font-size: 20px; line-height: 24px; color: #FF3D5F; } .claim-car__price-old { font-size: 14px; line-height: 17px; text-decoration: line-through; color: #828282; } .claim-car__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 12px; } @media screen and (max-width: 1100px) { .claim-car__inner { margin-bottom: 16px; } } @media screen and (max-width: 414px) { .claim-car__inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .claim-car__items:not(:last-child) { margin-right: 8px; } @media screen and (max-width: 414px) { .claim-car__items:not(:last-child) { width: calc(50% - 16px); margin-right: 0; } } @media screen and (max-width: 414px) { .claim-car__items:last-child { width: calc(50% - 8px); } } @media screen and (max-width: 1100px) { .claim-car__items { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 414px) { .claim-car__items { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; } } .claim-car__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 13px; color: #828282; margin-bottom: 12px; } @media screen and (max-width: 1100px) { .claim-car__item { margin-bottom: 8px; } } @media screen and (max-width: 414px) { .claim-car__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 1100px) { .claim-car__item:not(:last-child) { margin-right: 8px; } } .claim-car__item img { margin-right: 12px; } @media screen and (max-width: 1100px) { .claim-car__item img { margin-right: 8px; } } @media screen and (max-width: 414px) { .claim-car__item img { margin-right: 0; margin-bottom: 8px; } } .sliderBlock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 18px 24px; background: #D6EBFA; border: 1px solid #ffffff; border-radius: 4px; height: 72px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .sliderBlock + .blockForm__select { display: none; } @media screen and (max-width: 1100px) { .sliderBlock { display: none; } .sliderBlock + .blockForm__select { display: block; } } .sliderBlock__text { font-size: 15px; line-height: 18px; letter-spacing: -0.01em; color: #828282; margin-bottom: 6px; } .sliderBlock input, .sliderBlock form textarea, form .sliderBlock textarea { font-size: 18px; color: #828282; padding: 0; text-align: right; height: auto; border: none; margin: 0; border-radius: 0; } .creditTerms { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .creditTerms > *:not(:last-child) { margin-right: 16px; } .creditTerms .blockForm__select { margin-right: 0; } @media screen and (max-width: 1100px) { .creditTerms .blockForm__select { margin-right: 8px; } } @media screen and (max-width: 700px) { .creditTerms .blockForm__select { margin-right: 0; } } .sliderRange { max-width: 180px; height: 5px; -webkit-box-shadow: none; box-shadow: none; border: none; background: #EDEFF2; border-radius: 5px; } .noUi-handle:after, .noUi-handle:before { display: none; } .noUi-horizontal .noUi-handle { width: 11px; height: 11px; top: -3px; right: -11px; } .noUi-base { width: calc(100% - 11px); } .noUi-connect { background-color: #FF3D5F; } .noUi-connects { border-radius: 5px; width: calc(100% + 11px); } .noUi-handle { border-radius: 100%; border: none; -webkit-box-shadow: none; box-shadow: none; background-color: #FF3D5F; cursor: pointer; } .brands { padding: 45px 0 30px; background-color: #FAFAFA; } .brands__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; } .brands__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(10% - 15px); max-width: calc(10% - 15px); height: 75px; margin: 0 15px 15px 0; } @media screen and (max-width: 900px) { .brands__item { width: calc(12.5% - 15px); max-width: calc(12.5% - 15px); } .brands__item:nth-child(n+8) { display: none; } } @media screen and (max-width: 768px) { .brands__item { width: calc(16.666% - 15px); max-width: calc(16.666% - 15px); } .brands__item:nth-child(n+6) { display: none; } } @media screen and (max-width: 500px) { .brands__item { width: calc(25% - 15px); max-width: calc(25% - 15px); } .brands__item:nth-child(n+4) { display: none; } } .brands__item:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .brands__btn { 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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 75px; height: 75px; cursor: pointer; font-weight: 800; font-size: 14px; letter-spacing: 0.01em; background-color: #FF3D5F; padding: 10px; color: #ffffff; } @media screen and (max-width: 414px) { .brands__btn { width: 52px; height: 52px; font-size: 10px; } } .brands__show { margin-left: auto; } .brands__show.active span:first-child, .brands__show.active .modelCounter p:first-child, .modelCounter .brands__show.active p:first-child { display: none; } .brands__show.active span:last-child, .brands__show.active .modelCounter p:last-child, .modelCounter .brands__show.active p:last-child { display: block; } .brands__show.active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .brands__show span:last-child, .brands__show .modelCounter p:last-child, .modelCounter .brands__show p:last-child { display: none; } .choices { position: relative; overflow: hidden; margin-bottom: 24px; font-size: 16px; } .choices:focus { outline: 0; } .choices:last-child { margin-bottom: 0; } .choices.is-open { overflow: initial; } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: #eaeaea; cursor: not-allowed; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; } .choices.is-disabled .choices__item { cursor: not-allowed; } .choices [hidden] { display: none !important; } .choices[data-type*=select-one] { cursor: pointer; } .choices[data-type*=select-one] .choices__inner { padding-bottom: 7.5px; } .choices[data-type*=select-one] .choices__input { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #ddd; background-color: #fff; margin: 0; } .choices[data-type*=select-one] .choices__button { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); padding: 0; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: .25; } .choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover { opacity: 1; } .choices[data-type*=select-one] .choices__button:focus { -webkit-box-shadow: 0 0 0 2px #00bcd4; box-shadow: 0 0 0 2px #00bcd4; } .choices[data-type*=select-one] .choices__item[data-value=''] .choices__button { display: none; } .choices[data-type*=select-one]:after { content: ''; height: 0; width: 0; border-style: solid; border-color: #333 transparent transparent; border-width: 5px; position: absolute; right: 11.5px; top: 50%; margin-top: -2.5px; pointer-events: none; } .choices[data-type*=select-one].is-open:after { border-color: transparent transparent #333; margin-top: -7.5px; } .choices[data-type*=select-one][dir=rtl]:after { left: 11.5px; right: auto; } .choices[data-type*=select-one][dir=rtl] .choices__button { right: auto; left: 0; margin-left: 25px; margin-right: 0; } .choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner { cursor: text; } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { position: relative; display: inline-block; margin: 0 -4px 0 8px; padding-left: 16px; border-left: 1px solid #008fa1; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); background-size: 8px; width: 8px; line-height: 1; opacity: .75; border-radius: 0; } .choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover { opacity: 1; } .choices__inner { display: inline-block; vertical-align: top; width: 100%; background-color: #f9f9f9; padding: 7.5px 7.5px 3.75px; border: 1px solid #ddd; border-radius: 2.5px; font-size: 14px; min-height: 44px; overflow: hidden; } .is-focused .choices__inner, .is-open .choices__inner { border-color: #b7b7b7; } .is-open .choices__inner { border-radius: 2.5px 2.5px 0 0; } .is-flipped.is-open .choices__inner { border-radius: 0 0 2.5px 2.5px; } .choices__list { margin: 0; padding-left: 0; list-style: none; } .choices__list--single { display: inline-block; padding: 4px 16px 4px 4px; width: 100%; } [dir=rtl] .choices__list--single { padding-right: 4px; padding-left: 16px; } .choices__list--single .choices__item { width: 100%; } .choices__list--multiple { display: inline; } .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; border-radius: 20px; padding: 4px 10px; font-size: 12px; font-weight: 500; margin-right: 3.75px; margin-bottom: 3.75px; background-color: #00bcd4; border: 1px solid #00a5bb; color: #fff; word-break: break-all; -webkit-box-sizing: border-box; box-sizing: border-box; } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } [dir=rtl] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px; } .choices__list--multiple .choices__item.is-highlighted { background-color: #00a5bb; border: 1px solid #008fa1; } .is-disabled .choices__list--multiple .choices__item { background-color: #aaa; border: 1px solid #919191; } .choices__list--dropdown { visibility: hidden; z-index: 1; position: absolute; width: 100%; background-color: #fff; border: 1px solid #ddd; top: 100%; margin-top: -1px; border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; overflow: hidden; word-break: break-all; will-change: visibility; } .choices__list--dropdown.is-active { visibility: visible; } .is-open .choices__list--dropdown { border-color: #b7b7b7; } .is-flipped .choices__list--dropdown { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: .25rem .25rem 0 0; } .choices__list--dropdown .choices__list { position: relative; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position; } .choices__list--dropdown .choices__item { position: relative; padding: 10px; font-size: 14px; } [dir=rtl] .choices__list--dropdown .choices__item { text-align: right; } @media (min-width: 640px) { .choices__list--dropdown .choices__item--selectable { padding-right: 100px; } .choices__list--dropdown .choices__item--selectable:after { content: attr(data-select-text); font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } [dir=rtl] .choices__list--dropdown .choices__item--selectable { text-align: right; padding-left: 100px; padding-right: 10px; } [dir=rtl] .choices__list--dropdown .choices__item--selectable:after { right: auto; left: 10px; } } .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: #f2f2f2; } .choices__list--dropdown .choices__item--selectable.is-highlighted:after { opacity: .5; } .choices__item { cursor: default; } .choices__item--selectable { cursor: pointer; } .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; opacity: .5; } .choices__heading { font-weight: 600; font-size: 12px; padding: 10px; border-bottom: 1px solid #f7f7f7; color: gray; } .choices__button { text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; } .choices__button:focus, .choices__input:focus { outline: 0; } .choices__input { display: inline-block; vertical-align: baseline; background-color: #f9f9f9; font-size: 14px; margin-bottom: 5px; border: 0; border-radius: 0; max-width: 100%; padding: 4px 0 4px 2px; } [dir=rtl] .choices__input { padding-right: 2px; padding-left: 0; } .choices__placeholder { opacity: .5; } .blockForm__inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12px; } @media screen and (max-width: 1100px) { .blockForm__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 414px) { .blockForm__inner .Button { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .blockForm__car { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; } .blockForm__car.blockForm--third { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -16px; } .blockForm__car.blockForm--third > * { width: calc(33.3333% - 16px); max-width: calc(33.3333% - 16px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.3333% - 16px); flex: 0 0 calc(33.3333% - 16px); margin-bottom: 16px; } @media screen and (max-width: 1100px) { .blockForm__car.blockForm--third > * { width: calc(33.3333% - 8px); max-width: calc(33.3333% - 8px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.3333% - 8px); flex: 0 0 calc(33.3333% - 8px); margin-bottom: 8px; margin-right: 8px; } } @media screen and (max-width: 768px) { .blockForm__car.blockForm--third > * { width: calc(50% - 8px); max-width: calc(50% - 8px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 8px); flex: 0 0 calc(50% - 8px); } } @media screen and (max-width: 414px) { .blockForm__car.blockForm--third > * { width: 100%; max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .blockForm__car.blockForm--third > *:last-child { margin-right: 8px; } @media screen and (max-width: 414px) { .blockForm__car.blockForm--third > *:last-child { margin-bottom: 0; } } @media screen and (max-width: 1100px) { .blockForm__car.blockForm--third > *:nth-child(2n) { margin-right: 8px; } } @media screen and (max-width: 1100px) { .blockForm__car.blockForm--third { margin-right: -8px; } } @media screen and (max-width: 414px) { .blockForm__car.blockForm--third { margin-right: 0; } } .blockForm__car.blockForm--third + .blockForm__car-btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media screen and (max-width: 600px) { .blockForm__car.blockForm--third + .blockForm__car-btn { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .blockForm__car.blockForm--third + .blockForm__car-btn .blockForm__info { text-align: right; } @media screen and (max-width: 768px) { .blockForm__car.blockForm--third + .blockForm__car-btn .blockForm__info { max-width: 400px; } } @media screen and (max-width: 600px) { .blockForm__car.blockForm--third + .blockForm__car-btn .blockForm__info { text-align: center; } } .blockForm__car.blockForm--third + .blockForm__car-btn > *:not(:last-child) { margin-right: 36px; } @media screen and (max-width: 600px) { .blockForm__car.blockForm--third + .blockForm__car-btn > *:not(:last-child) { margin-right: 0; margin-top: 14px; } } @media screen and (max-width: 1100px) { .blockForm__car { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 24px; } } .blockForm__car-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .blockForm__car-btn > *:not(:last-child) { margin-right: 12px; } @media screen and (max-width: 1000px) { .blockForm__car-btn > *:not(:last-child) { margin-right: 8px; } } @media screen and (max-width: 414px) { .blockForm__car-btn > *:not(:last-child) { margin-right: 0; margin-bottom: 8px; } } @media screen and (max-width: 414px) { .blockForm__car-btn .Button { width: 100%; } } @media screen and (max-width: 1100px) { .blockForm__car .blockForm__input { width: calc(50% - 4px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 4px); flex: 0 0 calc(50% - 4px); margin-bottom: 8px; margin-right: 8px; } } @media screen and (max-width: 1000px) { .blockForm__car .blockForm__input { height: 56px; } } @media screen and (max-width: 414px) { .blockForm__car .blockForm__input { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; height: 48px; } } @media screen and (max-width: 1000px) { .blockForm__car .blockForm__input input, .blockForm__car .blockForm__input form textarea, form .blockForm__car .blockForm__input textarea { padding: 17.5px 24px; font-size: 15px; } } @media screen and (max-width: 414px) { .blockForm__car .blockForm__input input, .blockForm__car .blockForm__input form textarea, form .blockForm__car .blockForm__input textarea { padding: 13.5px 16px; } } .blockForm__car > *:last-child { margin-right: 0; } @media screen and (max-width: 1100px) { .blockForm__car > *:nth-child(2n) { margin-right: 0; } } .blockForm__info { font-size: 13px; line-height: 150%; letter-spacing: 0.2px; color: #828282; } .blockForm__info a span, .blockForm__info a .modelCounter p, .modelCounter .blockForm__info a p { color: #FF3D5F; border-bottom: 1px solid; } .blockForm__info a:hover span, .blockForm__info a:hover .modelCounter p, .modelCounter .blockForm__info a:hover p { color: #D91739; } .blockForm__info a:active span, .blockForm__info a:active .modelCounter p, .modelCounter .blockForm__info a:active p { color: #48276F; } .blockForm__input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 72px; margin-right: 16px; } .blockForm__input input, .blockForm__input form textarea, form .blockForm__input textarea { width: 100%; height: 100%; background: #D6EBFA; border: 1px solid #ffffff; font-family: "Montserrat", sans-serif; border-radius: 4px; padding: 23.5px 16px 23.5px 24px; font-size: 18px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } @media screen and (max-width: 414px) { .blockForm__input input, .blockForm__input form textarea, form .blockForm__input textarea { padding: 16px; } } .blockForm__input input::-webkit-input-placeholder, .blockForm__input form textarea::-webkit-input-placeholder, form .blockForm__input textarea::-webkit-input-placeholder { color: #828282; -webkit-transition: all .3s; transition: all .3s; } .blockForm__input input::-moz-placeholder, .blockForm__input form textarea::-moz-placeholder, form .blockForm__input textarea::-moz-placeholder { color: #828282; -moz-transition: all .3s; transition: all .3s; } .blockForm__input input:-ms-input-placeholder, .blockForm__input form textarea:-ms-input-placeholder, form .blockForm__input textarea:-ms-input-placeholder { color: #828282; -ms-transition: all .3s; transition: all .3s; } .blockForm__input input::-ms-input-placeholder, .blockForm__input form textarea::-ms-input-placeholder, form .blockForm__input textarea::-ms-input-placeholder { color: #828282; -ms-transition: all .3s; transition: all .3s; } .blockForm__input input::placeholder, .blockForm__input form textarea::placeholder, form .blockForm__input textarea::placeholder { color: #828282; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .blockForm__input input:focus, .blockForm__input form textarea:focus, form .blockForm__input textarea:focus { background: rgba(255, 255, 255, 0.5); } .blockForm__input input:focus::-webkit-input-placeholder, .blockForm__input form textarea:focus::-webkit-input-placeholder, form .blockForm__input textarea:focus::-webkit-input-placeholder { opacity: 0; } .blockForm__input input:focus::-moz-placeholder, .blockForm__input form textarea:focus::-moz-placeholder, form .blockForm__input textarea:focus::-moz-placeholder { opacity: 0; } .blockForm__input input:focus:-ms-input-placeholder, .blockForm__input form textarea:focus:-ms-input-placeholder, form .blockForm__input textarea:focus:-ms-input-placeholder { opacity: 0; } .blockForm__input input:focus::-ms-input-placeholder, .blockForm__input form textarea:focus::-ms-input-placeholder, form .blockForm__input textarea:focus::-ms-input-placeholder { opacity: 0; } .blockForm__input input:focus::placeholder, .blockForm__input form textarea:focus::placeholder, form .blockForm__input textarea:focus::placeholder { opacity: 0; } .blockForm__input input.form-error, .blockForm__input form textarea.form-error, form .blockForm__input textarea.form-error { border-color: #FF3D5F; color: #FF3D5F; background: rgba(255, 61, 95, 0.2); } .blockForm__input input.form-error::-webkit-input-placeholder, .blockForm__input form textarea.form-error::-webkit-input-placeholder, form .blockForm__input textarea.form-error::-webkit-input-placeholder { color: #FF3D5F; } .blockForm__input input.form-error::-moz-placeholder, .blockForm__input form textarea.form-error::-moz-placeholder, form .blockForm__input textarea.form-error::-moz-placeholder { color: #FF3D5F; } .blockForm__input input.form-error:-ms-input-placeholder, .blockForm__input form textarea.form-error:-ms-input-placeholder, form .blockForm__input textarea.form-error:-ms-input-placeholder { color: #FF3D5F; } .blockForm__input input.form-error::-ms-input-placeholder, .blockForm__input form textarea.form-error::-ms-input-placeholder, form .blockForm__input textarea.form-error::-ms-input-placeholder { color: #FF3D5F; } .blockForm__input input.form-error::placeholder, .blockForm__input form textarea.form-error::placeholder, form .blockForm__input textarea.form-error::placeholder { color: #FF3D5F; } @media screen and (max-width: 414px) { .blockForm__input { height: 48px; } } @media screen and (max-width: 1100px) { .blockForm__input { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; margin-bottom: 24px; } } .blockForm__inputs { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 1100px) { .blockForm__inputs .blockForm__input:last-child { margin-bottom: 0; } } @media screen and (max-width: 1100px) { .blockForm__inputs .blockForm__input { margin-bottom: 8px; } } @media screen and (max-width: 1100px) { .blockForm__inputs { margin-bottom: 24px; } } .blockForm__select { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 16px; } @media screen and (max-width: 1100px) { .blockForm__select { width: calc(50% - 4px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 4px); flex: 0 0 calc(50% - 4px); margin-right: 8px; margin-bottom: 8px; } } @media screen and (max-width: 414px) { .blockForm__select { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .choices__inner { padding: 23.5px 16px 23.5px 24px; background: rgba(255, 255, 255, 0.2); border: 1px solid #ffffff; min-height: 72px; font-size: 18px; border-radius: 4px; background-color: #D6EBFA; color: #828282; } @media screen and (max-width: 1000px) { .choices__inner { min-height: 56px; padding-top: 16px; font-size: 15px; } } @media screen and (max-width: 414px) { .choices__inner { min-height: 48px; padding-top: 13.5px; padding-left: 16px; } } .choices__heading { font-size: 20px; color: #FF3D5F; } @media screen and (max-width: 1000px) { .choices__heading { font-size: 17px; } } .choices__placeholder { opacity: 1; } .choices[data-type*=select-one]:after { width: 12px; height: 12px; right: 20px; border-width: 1px; border-color: transparent #BABFD3 #BABFD3 transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -7.5px; } .choices[data-type*=select-one].is-open:after { border-color: #BABFD3 transparent transparent #BABFD3; margin-top: -2.5px; } .choices[data-type*=select-one] .choices__inner { padding-bottom: 23.5px; } @media screen and (max-width: 1000px) { .choices[data-type*=select-one] .choices__inner { padding-bottom: 16px; } } @media screen and (max-width: 414px) { .choices[data-type*=select-one] .choices__inner { padding-bottom: 13.5px; } } .choices[data-type*=select-one] .choices__input { background-color: #c7e4f8; border: none; padding: 17px 25px; font-size: 18px; } @media screen and (max-width: 1000px) { .choices[data-type*=select-one] .choices__input { font-size: 15px; } } .choices__list--single { padding: 0; } .choices__list--dropdown { top: calc(100% + 15px); background-color: #c7e4f8; border: 1px solid #ffffff; border-radius: 4px; z-index: 100; } .choices__list--dropdown .choices__item { padding: 17px 25px; font-size: 18px; } @media screen and (max-width: 1000px) { .choices__list--dropdown .choices__item { font-size: 15px; } } @media screen and (max-width: 1100px) { .choices__list--dropdown { top: calc(100% + 10px); } } .choices__item.choices__item--disabled { opacity: 0.3; } .is-focused .choices__inner, .is-open .choices__inner, .is-open .choices__list--dropdown { border-color: #ffffff; } .choices__list--dropdown .choices__list::-webkit-scrollbar { height: 3px; width: 3px; } .choices__list--dropdown .choices__list::-webkit-scrollbar-track { background: #FF3D5F; } .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb { background-color: #828282; border-radius: 3px; } .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: #FF3D5F; color: #ffffff; } .agree { font-size: 12px; line-height: 150%; letter-spacing: 0.2px; color: #828282; margin-top: 12px; } .agree span, .agree .modelCounter p, .modelCounter .agree p { color: #FF3D5F; border-bottom: 1px solid; } .agree:hover span, .agree:hover .modelCounter p, .modelCounter .agree:hover p { color: #D91739; } .agree:active span, .agree:active .modelCounter p, .modelCounter .agree:active p { color: #48276F; } .agree.popupForm__agree { margin-top: 20px; } .title-black { text-transform: uppercase; font-size: 30px; line-height: 37px; color: #262626; margin-bottom: 24px; } .title-black.mb-36 { margin-bottom: 36px; } @media screen and (max-width: 768px) { .title-black.mb-36 { margin-bottom: 24px; } } .title-black.mb-32 { margin-bottom: 32px; } @media screen and (max-width: 768px) { .title-black.mb-32 { margin-bottom: 24px; } } @media screen and (max-width: 600px) { .section-title { font-size: 24px; line-height: 30px; } } @media screen and (max-width: 414px) { .section-title { font-size: 20px; line-height: 26px; } } .breadcrumbs { margin: 12px 0; } @media screen and (max-width: 500px) { .breadcrumbs { margin: 0; } } .breadcrumbs__list { font-size: 13px; } @media screen and (max-width: 768px) { .breadcrumbs__list { background-color: #2A2A2A; padding: 6px 20px; margin: 0 -20px; } } .breadcrumbs__list a { color: #333333; line-height: 22px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } @media screen and (max-width: 768px) { .breadcrumbs__list a { color: #ffffff; } } .breadcrumbs__list a:after { content: '|'; padding: 0 5px; color: #333333; } @media screen and (max-width: 768px) { .breadcrumbs__list a:after { color: #ffffff; } } .breadcrumbs__list a:hover, .breadcrumbs__list a:active { color: #FF3D5F; } .breadcrumbs__list span, .breadcrumbs__list .modelCounter p, .modelCounter .breadcrumbs__list p { color: #AFAFAF; } .modelCounter { position: fixed; right: 0; bottom: 20px; color: #ffffff; text-transform: uppercase; padding: 24px 30px; background-color: #333333; z-index: 999; right: -200%; -webkit-transition: right .8s ease; -o-transition: right .8s ease; transition: right .8s ease; } .modelCounter span, .modelCounter p { font-weight: bold; } .modelCounter p { font-size: 14px; text-align: center; color: #FF3D5F; margin-top: 5px; } @media screen and (max-width: 768px) { .modelCounter p { font-size: 12px; } } @media screen and (max-width: 768px) { .modelCounter { padding: 10px 15px; font-size: 14px; } } .modelCounter.active { right: 20px; } .catalog-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: 0.01em; font-weight: 800; font-size: 18px; text-transform: initial; color: #262626; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } @media screen and (max-width: 360px) { .catalog-link { margin-top: 12px; } } .catalog-link svg { fill: #262626; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-left: 4px; } .catalog-link:hover { color: #FF3D5F; } .catalog-link:hover svg { fill: #FF3D5F; } .section__top .section-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 360px) { .section__top .section-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .t-block__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 414px) { .t-block__tabs { width: 100%; margin-right: -8px; } } .t-block__tab { width: 140px; height: 40px; color: #ffffff; text-align: center; cursor: pointer; padding: 12px 0; font-weight: 800; font-size: 14px; background-color: #828282; } @media screen and (max-width: 1000px) { .t-block__tab { margin-bottom: 8px; } } @media screen and (max-width: 414px) { .t-block__tab { width: calc(50% - 8px); max-width: calc(50% - 8px); } } .t-block__tab:not(:last-child) { margin-right: 8px; } .t-block__tab.active { background-color: #FF3D5F; } .btnShow { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; color: #005098; text-transform: uppercase; } .btnShow svg { margin-top: 5px; } @media screen and (max-width: 414px) { .btnShow { display: -webkit-box; display: -ms-flexbox; display: flex; } } .r-offers { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .r-offers__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(50% - 10px); max-width: calc(50% - 10px); padding: 20px 24px; } @media screen and (max-width: 1000px) { .r-offers__item { width: 100%; max-width: 100%; } } @media screen and (max-width: 550px) { .r-offers__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 15px; } } .r-offers__item:not(:last-child) { margin-right: 20px; } @media screen and (max-width: 1000px) { .r-offers__item:not(:last-child) { margin-right: 0; margin-bottom: 20px; } } @media screen and (max-width: 768px) { .r-offers__item:not(:last-child) { margin-bottom: 0; } } @media screen and (max-width: 768px) { .r-offers__item:not(:first-child) { margin-bottom: 12px; } } .r-offers__item .Button { width: 250px; } .r-offers__item:first-child { background-color: #603592; } .r-offers__item:first-child .r-offers__price p { color: #D8BFF5; } .r-offers__item:first-child .r-offers__price b { color: #ffffff; } .r-offers__item:first-child .Button { background-color: transparent; border: 1px solid #ffffff; -webkit-box-shadow: none; box-shadow: none; } .r-offers__item:first-child .Button:hover { -webkit-box-shadow: 0px 5px 20px rgba(255, 255, 255, 0.25); box-shadow: 0px 5px 20px rgba(255, 255, 255, 0.25); } @media screen and (max-width: 768px) { .r-offers__item:first-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .r-offers__item:last-child { background-color: #F5F5F5; } .r-offers__item:last-child .r-offers__price p { color: #262626; } .r-offers__item:last-child .r-offers__price b { color: #FF3D5F; } .r-offers__price p { font-size: 13px; line-height: 16px; margin-bottom: 2px; } .r-offers__price b { font-size: 28px; line-height: 34px; } @media screen and (max-width: 550px) { .r-offers__price { margin-bottom: 10px; } } .bg-blue:after { content: ''; width: 100%; height: 100%; position: absolute; z-index: -1; left: 0; top: 0; background: -webkit-gradient(linear, left top, left bottom, from(#B9DDF6), color-stop(48.86%, #BBDEF7), to(#B6DAF3)); background: -o-linear-gradient(top, #B9DDF6 0%, #BBDEF7 48.86%, #B6DAF3 100%); background: linear-gradient(180deg, #B9DDF6 0%, #BBDEF7 48.86%, #B6DAF3 100%); } .not-found { width: 100%; max-width: 800px; margin: auto; text-align: center; padding: 70px 20px 20px; } @media screen and (max-width: 768px) { .not-found { padding-top: 56px; } } @media screen and (max-width: 414px) { .not-found { padding: 48px 20px 10px; } } .not-found img { margin: 0 auto 24px; } @media screen and (max-width: 768px) { .not-found img { max-width: 350px; } } .not-found p { font-weight: bold; font-size: 16px; line-height: 140%; color: #333333; margin-bottom: 32px; } @media screen and (max-width: 414px) { .not-found p { font-size: 15px; } } .blockOffers { position: relative; z-index: 1; padding: 55px 100px; text-align: center; background: -webkit-gradient(linear, left top, left bottom, from(#B9DDF6), color-stop(48.86%, #BBDEF7), to(#B6DAF3)); background: -o-linear-gradient(top, #B9DDF6 0%, #BBDEF7 48.86%, #B6DAF3 100%); background: linear-gradient(180deg, #B9DDF6 0%, #BBDEF7 48.86%, #B6DAF3 100%); } @media screen and (max-width: 768px) { .blockOffers { padding: 40px 64px; } } @media screen and (max-width: 414px) { .blockOffers { text-align: left; padding: 40px 20px; margin-left: -20px; margin-right: -20px; } } @media screen and (max-width: 414px) { .blockOffers .Button { width: 100%; } } .blockOffers h2 { font-weight: 800; text-transform: uppercase; font-size: 48px; line-height: 59px; color: #F2F9FE; margin-bottom: 4px; } @media screen and (max-width: 768px) { .blockOffers h2 { font-size: 38px; line-height: 46px; } } @media screen and (max-width: 414px) { .blockOffers h2 { font-size: 30px; line-height: 36px; margin-bottom: 8px; color: #333333; } } .blockOffers img { opacity: 0.4; } .blockOffers p { font-size: 18px; line-height: 140%; text-transform: uppercase; margin-bottom: 24px; color: #828282; } @media screen and (max-width: 414px) { .blockOffers p { font-size: 14px; line-height: 25px; } } @media screen and (max-width: 900px) { .blockOffers .blockSend__img:first-child { top: 0; } } .position__images { position: absolute; z-index: -1; opacity: 0.5; left: 0; top: 0; } form input, form textarea { width: 100%; padding: 24px; height: 72px; border: 1px solid #E5E5E5; font-size: 18px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-radius: 4px; margin-bottom: 16px; } @media screen and (max-width: 414px) { form input, form textarea { margin-bottom: 8px; } } form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder { color: #828282; font-size: 18px; -webkit-transition: all .3s; transition: all .3s; } form input::-moz-placeholder, form textarea::-moz-placeholder { color: #828282; font-size: 18px; -moz-transition: all .3s; transition: all .3s; } form input:-ms-input-placeholder, form textarea:-ms-input-placeholder { color: #828282; font-size: 18px; -ms-transition: all .3s; transition: all .3s; } form input::-ms-input-placeholder, form textarea::-ms-input-placeholder { color: #828282; font-size: 18px; -ms-transition: all .3s; transition: all .3s; } form input::placeholder, form textarea::placeholder { color: #828282; font-size: 18px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } form input:focus::-webkit-input-placeholder, form textarea:focus::-webkit-input-placeholder { opacity: 0; } form input:focus::-moz-placeholder, form textarea:focus::-moz-placeholder { opacity: 0; } form input:focus:-ms-input-placeholder, form textarea:focus:-ms-input-placeholder { opacity: 0; } form input:focus::-ms-input-placeholder, form textarea:focus::-ms-input-placeholder { opacity: 0; } form input:focus::placeholder, form textarea:focus::placeholder { opacity: 0; } form input.form-error, form textarea.form-error { border-color: #FF3D5F; color: #FF3D5F; background: rgba(255, 61, 95, 0.2); } form input.form-error::-webkit-input-placeholder, form textarea.form-error::-webkit-input-placeholder { color: #FF3D5F; } form input.form-error::-moz-placeholder, form textarea.form-error::-moz-placeholder { color: #FF3D5F; } form input.form-error:-ms-input-placeholder, form textarea.form-error:-ms-input-placeholder { color: #FF3D5F; } form input.form-error::-ms-input-placeholder, form textarea.form-error::-ms-input-placeholder { color: #FF3D5F; } form input.form-error::placeholder, form textarea.form-error::placeholder { color: #FF3D5F; } @media screen and (max-width: 768px) { form input, form textarea { padding: 17.5px 24px; height: 56px; } } @media screen and (max-width: 600px) { form input, form textarea { padding: 16px; height: 48px; } } form textarea { height: 120px; font-family: "Montserrat", sans-serif; margin-bottom: 36px; } @media screen and (max-width: 768px) { form textarea { height: 100px; } } @media screen and (max-width: 414px) { form textarea { margin-bottom: 24px; } } @media screen and (max-width: 414px) { form .Button { width: 100%; } } @media screen and (max-width: 414px) { form .agree { text-align: center; } } .mobile-menu { display: none; position: fixed; min-width: 375px; z-index: 999; right: -200%; -webkit-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; top: 0; padding: 28px 20px 30px; background: #ffffff; -webkit-box-shadow: 0 0 30px -20px #000000; box-shadow: 0 0 30px -20px #000000; } .mobile-menu.active { right: 0; } @media screen and (max-width: 768px) { .mobile-menu { display: block; } } @media screen and (max-width: 375px) { .mobile-menu { width: 100%; min-width: 100%; } } .mobile-menu address { font-style: normal; text-align: center; margin-bottom: 14px; font-size: 14px; line-height: 130%; } .mobile-menu__logo { padding-bottom: 14px; border-bottom: 1px solid #C4C4C4; } .mobile-menu__logo img { max-width: 60px; } .mobile-menu__call { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-menu__call > *:not(:last-child) { margin-right: 20px; } @media screen and (max-width: 414px) { .mobile-menu__call > *:not(:last-child) { margin-right: 0; margin-bottom: 20px; } } .mobile-menu__call a { font-weight: bold; font-size: 15px; white-space: nowrap; line-height: 130%; color: #000000; } @media screen and (max-width: 414px) { .mobile-menu__call { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .mobile-menu__links { margin-bottom: 36px; } .mobile-menu__links a { display: block; font-weight: 500; color: #000000; font-size: 13px; padding: 10px 0; border-bottom: 1px solid #C4C4C4; } .vue-d-none { opacity: 0; } .offers__price-label{ font-size: 14px; } .offers__price-value { font-weight: bold; font-size: 28px; } .offers__price-max{ margin-bottom: 10px; color: #A0A0A0; } .offers__price-max .offers__price-value{ text-decoration: line-through; font-weight: normal; font-size: 14px; } .discount-disclaimer { font-size: 12px; line-height: 14px; color: #A0A0A0; margin: 0 0 30px 0; } .engine__title--link { display: inline-block; border-bottom:1px dashed #262626; cursor: pointer; } .engine__title--link:hover { border-bottom:1px solid #262626; } .discount-programs { margin: 40px 0 0 0; } .discount-programs ul { list-style: none; padding: 0; margin: 0 0 10px 0; display: flex; justify-content: space-between; } @media screen and (max-width: 768px) { .discount-programs ul { flex-direction: column; } } .discount-programs li { position: relative; list-style: none; margin: 0; padding: 20px 20px 100px 20px; border: 1px solid #b7b7b7; cursor: pointer; } @media screen and (max-width: 768px) { .discount-programs li { padding: 20px 20px 40px 20px; } } @media screen and (max-width: 414px) { .discount-programs li { padding: 20px 40px 20px 20px; } } .discount-programs .discount-programs__name { font-weight: bold; } .discount-programs li.active-program { color: #fff; background: #FF3D5F; } .discount-programs li img { position: absolute; right: 15px; bottom: 15px; width: 20px; height: 20px; } .discount-programs .discount-programs__off { position: absolute; right: 17px; bottom: 17px; font-size: 12px; color: #A0A0A0; } @media screen and (max-width: 768px) { .discount-programs .discount-programs__off { display: none; } } .discount-programs__total { font-size: 20px; font-weight: bold; margin-bottom: 20px; } .discount-programs__total.inactive-total { opacity: 0; } .discount-programs__total-value { color: #FF3D5F; } @media screen and (max-width: 1100px) { .discount-programs__total-value { display: block; } } .vue-car-packages .engine__price-max { font-weight: normal; text-decoration: line-through; color: #262626; font-size: 14px; } .popup__prices { padding: 80px 30px 30px; } .popup__prices .discount-programs { margin-top: 0; } .popup__prices .discount-programs li { padding: 20px 40px 40px 20px; } @media screen and (max-width: 768px) { .popup__prices .discount-programs li { padding: 20px 40px 20px 20px; } } .popup__prices .popup__title { font-size: 30px; line-height: 38px; } .popup__prices-btns { display: flex; justify-content: center; } .popup__prices-btns button { margin: 0 10px; } @media screen and (max-width: 768px) { .popup { width: 100%; } .popup__prices { padding: 30px 20px; } .popup__prices .popup__title { font-size: 20px; line-height: 26px; margin-right: 60px; text-align: left; } .popup__prices .offers__price-value { font-size: 20px; } .popup__prices-btns button { margin: 0 2px; padding: 12px 15px; } } .popup__prices .offers__btn { flex-wrap: unset; } .popup__prices .offers__sale, .popup__prices .offers__credit { flex: 0 0 49%; } @media screen and (max-width: 768px) { .popup__prices .offers__btn { flex-wrap: wrap; } .popup__prices .offers__sale, .popup__prices .offers__credit { flex: 0 0 100%; } } /* End */ /* Start:/local/templates/pulkovo_sku_copy/static/css/select2.css?164428806617358*/ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /* End */ /* Start:/local/templates/pulkovo_sku_copy/static/css/uncompressed.css?16510071628805*/ .brands__item img { mix-blend-mode: multiply; width: 80px; max-width: 100%; } .filters__link { color: #000000; } .form__select2-standard { position: relative; } .form__select2-standard:before { content: none; } .form__select2-standard .select2-container { background: transparent; } .form__select2-standard .select2-container--theme-select2-standard .select2-selection--single { background : transparent; position : relative; height : 71px; padding : 23px 24px; border : 1px solid #ffffff; border-radius: 4px; display : flex; align-content: center; align-items : center; background : #D6EBFA; } .form__select2-standard .select2-container--theme-select2-standard .select2-selection__placeholder { color : #828282; font-weight: 400; font-size : 18px; } .form__select2-standard .select2-container--theme-select2-standard .select2-selection--single .select2-selection__rendered { font-size : 18px; font-weight: 400; color : #2A2A2A; } .form__select2-standard .select2-container--theme-select2-standard .select2-selection--single .select2-selection__arrow { position: static; } .form__select2-standard .select2-container--theme-select2-standard .select2-selection--single .select2-selection__arrow b { position : absolute; border : none; width : 20px; height : 20px; margin : auto; content : ''; pointer-events : none; background-image : url(https://likamoon.ru/atlant/images/icons/select-icon-gray-2.svg); background-position: right center; background-repeat : no-repeat; transition : transform 0.5s ease-in-out; top : 0; bottom : 0; right : 12px; } .form__select2-standard .select2-container--theme-select2-standard.select2-container--open .select2-selection--single .select2-selection__arrow b { transform: rotateX(180deg); } .select2-container--theme-select2-standard .select2-results__options { padding : 3px 0 16px; position : relative; background : #D6EBFA; border-radius: 0 0 4px 4px; border : 1px solid #ffffff; border-top : 0; max-height : 450px; overflow-y : auto; } .select2-container--theme-select2-standard .select2-results__option { font-size : 18px; padding : 18px 27px; color : #828282; font-weight: 400; } .select2-container--theme-select2-standard .select2-results__option--highlighted:hover { color : #ffffff; background-color: #FF3D5F; } .select2-container--theme-select2-standard .select2-results__option[aria-selected=true] { color : #ffffff; background-color: #FF3D5F; font-weight : 400; } .form__select2-standard .js-form-input-error+.select2-container--theme-select2-standard .select2-selection--single { border-color: #FF3D5F !important; background : rgba(255, 61, 95, 0.1) !important; } .form__select2-standard .js-form-input-error+.select2-container--theme-select2-standard .select2-selection__placeholder { color: #FF3D5F !important; } .form__select2-standard .select2-container--open.select2-container--theme-select2-standard .select2-selection--single { border-radius : 2px 2px 0 0; border-bottom-color: #ffffff; } .select2-container--theme-select2-standard .select2-search--dropdown { background : #D6EBFA; padding : 15px 17px 5px; border : 1px solid #ffffff; bottom : 0; border-bottom: 0; border-top : 0; position : relative; } .select2-container--theme-select2-standard .select2-search--dropdown:before { content : ''; display : block; position : absolute; top : 0; bottom : 0; right : 27px; margin : auto; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.333 15c1.479 0 2.915-.496 4.08-1.407l3.664 3.663 1.178-1.178-3.663-3.663a6.626 6.626 0 001.407-4.082 6.674 6.674 0 00-6.666-6.667 6.674 6.674 0 00-6.667 6.667A6.674 6.674 0 008.333 15zm0-11.667c2.757 0 5 2.243 5 5 0 2.758-2.243 5-5 5-2.758 0-5-2.242-5-5 0-2.757 2.242-5 5-5z' fill='%23828282'%3E%3C/path%3E%3C/svg%3E"); width : 20px; height : 20px; transform : translateY(-2px); } .select2-container--theme-select2-standard .select2-search__field { font-family: "Montserrat", sans-serif; width : 100%; bottom : 0; background : transparent; font-size : 16px; font-weight: 400; color : #828282; padding : 10px 12px; } .form__select2-standard .select2-container--theme-select2-standard.select2-container--open { border-radius: 0; } .form__select2-standard .select2-dropdown { border: none; } .form__select2-standard .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; } .select2-container--theme-select2-standard.select2-container--open .select2-dropdown--below { border : 0; background: transparent; } .form__select2-standard .select2.select2-container { width: 100% !important; } @media screen and (max-width: 960px) { .form__select2-standard .select2-container--theme-select2-standard .select2-selection--single { height: 56px; } .form__select2-standard .select2-container--theme-select2-standard .select2-selection__placeholder { font-size: 15px; } .form__select2-standard .select2-container--theme-select2-standard .select2-selection--single .select2-selection__rendered { font-size: 15px; } .select2-container--theme-select2-standard .select2-results__option { font-size: 14px; } } @media screen and (max-width: 670px) { .form__select2-standard .select2-container--theme-select2-standard .select2-selection--single { height : 48px; padding: 16px; } .form__select2-standard .select2-container--theme-select2-standard .select2-selection__placeholder { font-size: 14px; } .form__select2-standard .select2-container--theme-select2-standard .select2-selection--single .select2-selection__rendered { font-size: 14px; } .select2-container--theme-select2-standard .select2-results__options { max-height: 60vh; } .select2-container--theme-select2-standard .select2-results__option { font-size: 13px; } .form__select2-standard .select2-container--open.select2-container--theme-select2-standard .select2-selection--single { border-bottom-color: #ffffff; } .select2-container--theme-select2-standard .select2-search__field { font-size: 14px; } } @media screen and (min-width: 961px) { .select2-container--theme-select2-standard .select2-results__options::-webkit-scrollbar { width: 6px; } .select2-container--theme-select2-standard .select2-results__options::-webkit-scrollbar-track { background: transparent; } .select2-container--theme-select2-standard .select2-results__options::-webkit-scrollbar-thumb { background : #C4C4C4; border-radius: 10px; } } /* new 060222 */ .compare__td:not(.compare__td-name) { width : 200px; min-width: 200px; } .js-choise-equipment-compare { padding : 10px 0; font-weight: bold; font-size : 13px; color : #FF3D5F; font-family: "Montserrat", sans-serif; text-align : center; } @media screen and (max-width: 960px) { .compare__td:not(.compare__td-name) { min-width: 200px; } } @media screen and (max-width: 670px) { .compare__td:not(.compare__td-name) { min-width: 125px; } } .engine__content:nth-child(2n) .engine__top { background-color: #F5F5F5; } .engine__content:nth-child(2n+1) .engine__top { background-color: #ffffff; } .engine-info ul { columns : 3 auto; column-gap: 24px; } .engine-info ul li { display: inline-block; width : 100%; } .engine-info__col { width: 100%; } @media screen and (max-width: 960px) { .engine-info ul { columns : 2 auto; column-gap: 28px; } } @media screen and (max-width: 670px) { .engine-info ul { columns: initial; } } .promo-slider .swiper-slide { flex-wrap: wrap; } .promo-slider.swiper-wrapper { height: auto; } .promo-slider .swiper-slide picture { position: relative; height : auto; width : 100%; left : auto; top : auto; } .promo-slider .container { position : absolute; top : 0; bottom : 0; margin : auto; max-width: 1180px; display : block; left : 0; right : 0; } .promo-slider .swiper-button-prev { left: -58px; } .promo-slider .swiper-button-next { right: -58px; } @media screen and (max-width: 1280px) { .promo-slider .swiper-button-prev { left: 10px; } .promo-slider .swiper-button-next { right: 10px; } } /* End */ /* Start:/local/templates/pulkovo_sku_copy/css/jquery.fancybox.min.css?164871535813841*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0;text-align:center;z-index:99996}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-44px;z-index:-1}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-caption{padding:12px}.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/pulkovo_sku_copy/css/chosen.min.css?16487153579848*/ .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(/local/templates/pulkovo_sku_copy/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(/local/templates/pulkovo_sku_copy/css/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(/local/templates/pulkovo_sku_copy/css/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(/local/templates/pulkovo_sku_copy/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(/local/templates/pulkovo_sku_copy/css/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(/local/templates/pulkovo_sku_copy/css/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}} /* End */ /* Start:/local/templates/pulkovo_sku_copy/components/bitrix/menu/main/style.css?17369233323399*/ :root { --dark: #333; --white: #fff; --gray: #dfdfdf; --font-weight: 400; --line-height: 1 } img { display: block; max-width: 100%; height: auto; -o-object-fit: cover; object-fit: cover } a { color: inherit } .container { max-width: 1250px; margin: 0 auto; padding: 0 16px } .menu { position: relative } .menu-list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative } .menu-list>li>a { padding: 11px 14px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s } .menu-list>li>a:hover, .menu-list>li>a:focus { background-color: var(--accent); color: var(--white) } .menu-list>li:not(:last-child) { margin-right: 3px } .menu-list>li>ul { display: none; position: absolute; top: calc(100% + 6px); left: 0; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; background: var(--white); border: 1px solid var(--gray) } .menu-list>li>ul::before { content: ''; position: absolute; top: -7px; left: 0; width: 100%; height: 6px; background-color: transparent } .menu-list>li>ul li a { padding: 8px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid var(--gray); -webkit-transition: all 0.3s; transition: all 0.3s; color: black; } .menu-list>li>ul li a img { margin-right: 20px; min-width: 40px; height: 40px; width: auto; } .menu-list>li>ul li a:hover, .menu-list>li>ul li a:focus { border-bottom-color: var(--accent) } .menu-list>li:hover>a, .menu-list>li:focus>a { background-color: var(--accent); color: var(--white) } .menu-list>li:hover>ul, .menu-list>li:focus>ul { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr) } @media (max-width: 1280px) { .menu-list>li>a { padding-right: 10px; padding-left: 10px; padding-top: 1px; padding-bottom: 1px; } } @media (max-width: 1080px) { .menu-list>li>a { } .menu-list>li:hover>ul, .menu-list>li:focus>ul { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr) } } @media (max-width: 992px) { .menu { display: none; position: absolute; top: 100%; left: 0px; width: 100%; background-color: var(--white); z-index: 100; padding: 16px 8px; border: 1px solid var(--gray) } .menu-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .menu-list>li>a { } .menu-list>li>ul { display: none !important } .menu-list>li:not(:last-child) { margin-bottom: 8px; margin-right: 0 } } /* End */ /* Start:/local/templates/pulkovo_sku_copy/components/bitrix/menu/bottom/style.css?1648722942740*/ .footer-menu { width: 100%; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: flex-start; -ms-flex-pack: justify; justify-content: flex-start; padding: 0; flex-wrap: wrap; } .footer-menu__item { color: #000; text-decoration: none; padding: 0px 12px 2px 12px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .footer-menu__item:hover { text-decoration: none; color: #fff; -webkit-border-radius: 10px; border-radius: 10px; background: #000; } @media (max-width: 576px) { .footer-menu { display: none; } } /* End */ /* Start:/local/templates/pulkovo_sku_copy/components/bitrix/form.result.new/call_back/style.css?166495483527*/ .dsNone { display: none; } /* End */ /* Start:/local/templates/pulkovo_sku_copy/template_styles.css?178451732416861*/ /*@media screen and (min-width: 769px){ .popup { left: 25% !important; width: calc(50%) !important; } }*/ .popup._show { animation-name: none; } .cards__price-title{ font-size:12px; } .h2_model{ margin-bottom: 32px; } .seo_text h3 { padding-bottom: 16px; } .seo_text h2 { padding-bottom: 16px; } .seo_text p { font-size: 16px; line-height: 1.6; padding-bottom: 16px; color: #000000; } .seo_text li { font-size: 16px; line-height: 1.6; color: #000000; list-style: disc; } .seo_text ul { padding-bottom: 16px; padding-left: 16px; } .credit-page .tabs .tabs__title{ font-weight: 600; } .credit-page .tabs h3 { padding-bottom: 16px; } .credit-page .tabs h2 { padding-bottom: 16px; } .credit-page .tabs p { font-size: 16px; line-height: 1.6; padding-bottom: 16px; color: #000000; } .credit-page .tabs li { font-size: 16px; line-height: 1.6; color: #000000; list-style: disc; } .credit-page .tabs ul { padding-bottom: 16px; padding-left: 16px; } .credit-page .credit-plus{ margin-top: 20px; } .credit-page .credit-plusblock{ display: flex; align-items: flex-start; margin-bottom: 10px; } .credit-page .credit-plusblock img{ width: 24px; margin-right: 10px; transform: translateY(-0.1em); } .text-style{ padding-top: 30px; padding-bottom: 30px; font-size: 16px; line-height: 1.6; color: #000000; } .text-style * { font-family: "Montserrat", sans-serif !important; } .text-style h3 { padding-bottom: 16px; margin: 0 !important; } .text-style * + h2 { padding-top: 4px; } .text-style h2 { padding-bottom: 16px; margin: 0 !important; } .text-style * + h2 { padding-top: 14px; } .text-style p { font-size: 16px !important; line-height: 1.6 !important; padding-bottom: 16px !important; color: #000000; margin: 0 !important; } .text-style li { font-size: 16px !important; line-height: 1.6 !important; color: #000000; list-style: disc; margin: 0 !important; } .text-style ul { padding-bottom: 16px !important; padding-left: 16px !important; margin: 0 !important; } .title-block h1{ padding: 30px 0 10px 0; } .title-block p.text__micro { padding-bottom: 30px; line-height: 1.6; } .services-item{ padding-bottom: 0; margin-bottom: 30px; } .services-item__text{ padding-right: 10px; } .services-item__pic { -webkit-flex-basis: 50px; -ms-flex-preferred-size: 50px; flex-basis: 50px; padding: 0 10px; flex-shrink: 0; flex-grow: 0; } .services-item .services-item__btn{ display: block; margin-top: 10px; } .services-item .services-item__btn a{ width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 10px; cursor: pointer; background: #FF3D5F; font-size: 15px; white-space: nowrap; color: #ffffff; font-weight: 800; -webkit-box-shadow: 0px 10px 25px rgb(193 50 75 / 25%); box-shadow: 0px 10px 25px rgb(193 50 75 / 25%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .services-item:hover .services-item__btn a{ background: #D91739; -webkit-box-shadow: 0px 10px 25px rgb(94 9 24 / 50%); box-shadow: 0px 10px 25px rgb(94 9 24 / 50%); } .tradein .tradein-block--bottom{ display: flex; justify-content: space-between; text-align: center; flex-wrap: wrap; } .tradein .tradein-block--bottom .tradein-about{ display: flex; flex-direction: column; align-items: center; width: 31%; } .tradein-block--bottom .tradein-about-top{ margin-bottom: 10px; } .tradein-block--bottom .tradein-about__top-text{ font-weight: 600; font-size: 18px; display: block; } .tradein-block--bottom .tradein-about__top-img{ display: block; max-width: 100%; margin: 10px auto; } .tradein-block--bottom .tradein-about__text{ flex-grow: 1; margin-top: 10px; text-align: center; } .tradein-block--bottom .tradein-about__sheader{ margin-top: 5px; } .tradein-block--bottom .tradein-about .main__btm{ margin: 10px auto 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 10px; cursor: pointer; background: #FF3D5F; font-size: 15px; white-space: nowrap; color: #ffffff; font-weight: 800; -webkit-box-shadow: 0px 10px 25px rgb(193 50 75 / 25%); box-shadow: 0px 10px 25px rgb(193 50 75 / 25%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .tradein-block--bottom .tradein-about .main__btma{ background: #D91739; -webkit-box-shadow: 0px 10px 25px rgb(94 9 24 / 50%); box-shadow: 0px 10px 25px rgb(94 9 24 / 50%); } .tradein-block--top .tradein-action__head{ margin-bottom: 15px; } .tradein-block--top .tradein-action__text{ margin-bottom: 16px; font-size: 16px; line-height: 1.6; color: #000000; } .tradein-block--top .tradein-action__link{ font-size: 18px; display: inline-block; } @media screen and (max-width: 1240px){ .services-item{ max-width: 31.5%; } } @media screen and (max-width: 1000px){ .tradein .tradein-block--bottom{ justify-content: center; } .tradein .tradein-block--bottom .tradein-about{ width: 50%; padding: 0 20px; margin-bottom: 40px; } } @media screen and (max-width: 920px){ .services-item{ max-width: 49%; } } @media screen and (max-width: 600px){ .services-item{ max-width: 100%; } .tradein .tradein-block--bottom .tradein-about{ width: 100%; padding: 0; } } .header__gift{ max-width: 134px; } .header__gift a{ display: inline-flex; align-items: center; justify-content: center; color: #FF3D5F; font-size: 16px; font-weight: 600; } .header__gift img{ width: 40px; } .header__gift--desktop{ display: block; } .header__gift--tablet{ display: none; } .header__gift--mobile{ display: none; } .smart-roulette__gift{ display: none !important; } @media screen and (max-width: 1100px) { .header__col{ display: inline-flex; flex-direction: column; align-items: center; } .header__gift--desktop{ display: none; } .header__gift--tablet{ display: flex; } .header__gift{ margin-top: 15px; max-width: 100%; } .header__gift a{ font-size: 15px; } .header__gift img{ width: 32px; margin-left: 10px; } } @media screen and (max-width: 768px){ .header__gift a{ font-size: 14px; } .header__gift img{ width: 28px; } .header__gift--mobile{ display: flex; margin-top: 25px; justify-content: center; } } @media screen and (max-width: 650px){ .header__col{ display: none; } } .header__body .container{ max-width: 1420px; } .menu-list li[data-hot] a{ font-weight: 600; position: relative; outline: 3px solid #fd7f05; padding-left: 35px; #border: 1px solid #fd7f05; box-sizing: border-box; } .menu-list li[data-hot] img{ width: 16px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); } @media (max-width: 1280px) { .menu-list li[data-hot] a{ outline: none; } } .sort.catalog-filter .catalog-filter__form .blockForm__input{ width: 100% !important; } .header__phones{ display: none; } @media (max-width: 540px) { .header__phone--d{ display: none; } .header__phones{ display: flex; flex-direction: column; align-items: center; } .header__phones .header__phone + .header__phone{ margin-top: 7px; } .header__phones .header__phone span{ display: block; margin-top: -2px; } .header__top { padding: 5px 0; } } .offers__archive-btn{ margin-bottom: 25px; } .colorAuto{ display: flex; align-items: center; justify-content: center; } .colorAuto__text{ margin-right: 20px; } @media (max-width: 540px) { .colorAuto{ display: flex; flex-direction: column; } .colorAuto__text{ margin-right: 0; margin-bottom: 10px; } } .s-gift .section-title.h2{ display: block; font-weight: 700; } .options__flex-block{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 24px; } .options__flex-block .options__title{ margin-bottom: 0; } .options__flex-block button{ margin-left: 24px; } @media screen and (max-width: 500px){ .options__flex-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .options__flex-block button{ margin-left: 0; margin-top: 24px; } } .new_a_element__top{ display: flex; align-items: center; flex-wrap: wrap; } .new_a_element__label{ display: flex; align-items: center; margin-left: 15px; padding: 6px 12px; background-color: #FF3D5F; border-radius: 4px; font-weight: bold; font-size: 11px; color: #ffffff; margin-bottom: 24px; } .new_a_element__label img{ width: 13px; filter: drop-shadow(0px 1px 1px black) drop-shadow(0px -1px 1px black); flex-shrink: 0; margin-right: 5px; } @media screen and (max-width: 500px){ .new_a_element__top{ flex-direction: column; align-items: flex-start; } .new_a_element__label{ margin-left: 0; margin-bottom: 24px; } .new_a_element__top .section-title{ margin-bottom: 12px; } } .promo-slider .swiper-slide img{ width: 100%; } .new_a_element_used .cards__item { display: flex; flex-direction: column; justify-content: space-between; } .new_a_element_used .item__info { text-align: center; display: flex; justify-content: space-between; margin-top: 10px; } .new_a_element_used .catalog-item__year { font-size: 12px; color: #c9c9c9; font-weight: 700; } .new_a_element_used .catalog-item__year span { color: #787878; font-size: 14px; } .new_a_element_used .cards__btns { padding: 10px; border-radius: 0px 12px 12px 12px; display: flex; text-align: center; justify-content: center; } .new_a_element_used .item_buttons { text-align: center; display: flex; border-top: 2px solid #efefef; } .new_a_element_used .item_credit__btm { font-size: 12px; text-transform: uppercase; font-weight: 700; text-decoration: none; border-right: 1px solid #efefef; padding: 10px; color: #0075b9; cursor: pointer; transition: color 0.3s; } .new_a_element_used .item_credit__btm:hover { text-decoration: none; color: #000; } .new_a_element_used .item_detail__btm { font-size: 12px; text-transform: uppercase; font-weight: 700; text-decoration: none; border-left: 1px solid #efefef; padding: 10px; color: #000; } .new_a_element_used .item_detail__btm:hover { text-decoration: none; color: #000; } .credit_header { background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .7)), url(/local/templates/pulkovo_sku_copy/img/credit_bg.jpg) center no-repeat; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; padding: 24px 34px; align-items: center; font-size: 14px; font-family: Roboto, Arial, sans-serif; margin: 50px 0; } .credit_header_txt .title { font-size: 29px; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 1.5; } .credit_header_txt .subtitle { margin: .25rem 0; font-size: 20px; color: #FF3D5F; display: flex; justify-content: space-between; text-transform: uppercase; line-height: 1.5; } .credit_header_txt .content { color: #fff; } .credit label { position: relative; display: block } .credit_header_form .input { margin-bottom: 1rem; } .credit_header_form input{ border: 1px solid #A7A7A7; border-radius: .25rem; width: 100%; height: 36px; transition: all .3s; -webkit-appearance: none; -ms-progress-appearance: none; -moz-appearance: none; outline: none; background: #ffffff; font-size: 13px; } .credit_header_form input.form-error{ background: #ffffff; } .credit_header_form input::placeholder{ color: #252525; font-size: 13px; } .credit .form-input-error { border-color: #ef1718; } input:not(.popup-input-error):hover { border-color: #217bcf; } .credit .form-error-visible { padding-bottom: .375rem; display: inline-block; position: absolute; top: 1px; left: 6px; font-size: 10px; color: #ef1718; } .credit_header_form .btn-main { background: #FF3D5F; border-radius: .25rem; height: 48px; color: #fff; font-size: 1rem; font-weight: 500; border-color: transparent; display: block; transition: all .3s; margin: 0; width: 100%; cursor: pointer; } .credit_header_form .btn-main:hover { background: #D91739; -webkit-box-shadow: 0px 10px 25px rgba(94, 9, 24, 0.5); box-shadow: 0px 10px 25px rgba(94, 9, 24, 0.5); } .credit_header_sogl { font-size: 12px; color: #fff; align-self: end; max-width: 85%; line-height: 1.5; } .credit_header_sogl a { color: #FF3D5F; } @media (max-width: 999px) { .credit_header { grid-template-columns: 1fr; padding: 1.5rem 2rem; grid-gap: 1.5rem; background-size: cover; } .credit_header_txt .title { font-size: 26px; } .credit_header_txt .subtitle { font-size: 16px; } .credit_header_sogl { max-width: 100%; } } .smart-captcha-wrap{ position: relative; } .smart-captcha-wrap--error::after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #FF3D5F; border-radius: 12px; pointer-events: none; } .popupForm__list .popupForm__list__custom-inp-wrap { width: calc(50% - 4px); max-width: calc(50% - 4px); margin-bottom: 8px; } @media screen and (max-width: 600px) { .popupForm__list .popupForm__list__custom-inp-wrap { width: 100%; max-width: 100%; } } .popupForm__list__custom-inp-wrap .smart-captcha{ min-width: unset; width: 100%; max-width: 100%; } @media screen and (max-width: 350px) { .smart-captcha { transform: scale(0.93); transform-origin: left; } } .contacts-page-form-yacap-wrap{ margin-top: -20px; margin-bottom: 36px; } .text__micro-2{ padding-bottom: 30px; line-height: 1.6; } .cookie-bar { position: fixed; bottom: 0; left: 0; width: 100%; background: #222; color: #fff; z-index: 9999999999; padding: 20px; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); } .cookie-container { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; flex-wrap: wrap; } .cookie-text { flex: 1; margin: 0; font-size: 15px; text-align: left; line-height: 1.4; } .cookie-button { background: #4caf50; color: white; border: none; padding: 11px 40px; font-size: 16px; border-radius: 6px; cursor: pointer; margin-left: 20px; } @media (max-width: 768px) { .cookie-container { flex-direction: column; text-align: center; } .cookie-text { text-align: center; margin-bottom: 10px; } .cookie-button { width: 100%; margin-left: 0; } .SmartCaptcha-Shield.SmartCaptcha-Shield_position_bottom{ bottom: 40px !important; } } #service_red_line { overflow: hidden; background: #d93a36; color: white; font-size: 16px; line-height: 40px; white-space: nowrap; display: block; text-decoration: none; } #service_red_line .ticker-content{ display: flex; } #service_red_line .ticker-content .marquee6k__wrapper > div{ padding: 0 50px; } .menu-list>li>ul li a{min-height:100%;font-size:12px;} .menu-nav{display:block;} .seo_text ol { padding-bottom: 16px; padding-left: 20px; } .seo_text ol li { list-style: auto; } .seo_text table td, .seo_text table th{ padding: 9px 6px; border-bottom: 1px solid #000000; } /* End */ /* /local/templates/pulkovo_sku_copy/fonts/stylesheet.css?17485852015986 */ /* /local/templates/pulkovo_sku_copy/static/css/styles.min.css?1793267769193261 */ /* /local/templates/pulkovo_sku_copy/static/css/select2.css?164428806617358 */ /* /local/templates/pulkovo_sku_copy/static/css/uncompressed.css?16510071628805 */ /* /local/templates/pulkovo_sku_copy/css/jquery.fancybox.min.css?164871535813841 */ /* /local/templates/pulkovo_sku_copy/css/chosen.min.css?16487153579848 */ /* /local/templates/pulkovo_sku_copy/components/bitrix/menu/main/style.css?17369233323399 */ /* /local/templates/pulkovo_sku_copy/components/bitrix/menu/bottom/style.css?1648722942740 */ /* /local/templates/pulkovo_sku_copy/components/bitrix/form.result.new/call_back/style.css?166495483527 */ /* /local/templates/pulkovo_sku_copy/template_styles.css?178451732416861 */