/* Start:/local/templates/construction/fonts/Montserrat/stylesheet.css?17488488108267*/ @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraLight.eot'); src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraLight.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraLight.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-MediumItalic.eot'); src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url('/local/templates/construction/fonts/Montserrat/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-MediumItalic.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-MediumItalic.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-Italic.eot'); src: local('Montserrat Italic'), local('Montserrat-Italic'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Italic.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Italic.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-Regular.eot'); src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Regular.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Regular.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-ThinItalic.eot'); src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ThinItalic.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ThinItalic.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-Bold.eot'); src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Bold.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-Light.eot'); src: local('Montserrat Light'), local('Montserrat-Light'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Light.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Light.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-Black.eot'); src: local('Montserrat Black'), local('Montserrat-Black'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Black.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Black.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-Medium.eot'); src: local('Montserrat Medium'), local('Montserrat-Medium'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Medium.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Medium.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraLightItalic.eot'); src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraLightItalic.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraLightItalic.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-BlackItalic.eot'); src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'), url('/local/templates/construction/fonts/Montserrat/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-BlackItalic.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-BlackItalic.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraBoldItalic.eot'); src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-SemiBoldItalic.eot'); src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url('/local/templates/construction/fonts/Montserrat/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-SemiBoldItalic.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-SemiBoldItalic.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraBold.eot'); src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraBold.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraBold.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-BoldItalic.eot'); src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url('/local/templates/construction/fonts/Montserrat/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-BoldItalic.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-BoldItalic.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-LightItalic.eot'); src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url('/local/templates/construction/fonts/Montserrat/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-LightItalic.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-LightItalic.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-SemiBold.eot'); src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('/local/templates/construction/fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-SemiBold.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/construction/fonts/Montserrat/Montserrat-Thin.eot'); src: local('Montserrat Thin'), local('Montserrat-Thin'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Thin.woff2') format('woff2'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Thin.woff') format('woff'), url('/local/templates/construction/fonts/Montserrat/Montserrat-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } /* End */ /* Start:/local/templates/construction/css/reset.css?17488487734718*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ body { -webkit-overflow-scrolling: touch; /* -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; */ } *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } [hidden] { display: none; } a, li, a:active, a:hover { outline: 0 !important; } img { border: 0; } button::-moz-focus-inner { padding: 0; border: 0; } input[type="submit"], button, .btn { 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; -ms-flex-negative: 0; flex-shrink: 0; position: relative; -webkit-appearance: none; cursor: pointer; outline: none; margin: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; text-decoration: none; } select, input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea { display: block; width: 100%; outline: none; -webkit-appearance: none; } select::-ms-clear, input[type="text"]::-ms-clear, input[type="password"]::-ms-clear, input[type="color"]::-ms-clear, input[type="date"]::-ms-clear, input[type="datetime"]::-ms-clear, input[type="datetime-local"]::-ms-clear, input[type="email"]::-ms-clear, input[type="month"]::-ms-clear, input[type="number"]::-ms-clear, input[type="range"]::-ms-clear, input[type="search"]::-ms-clear, input[type="tel"]::-ms-clear, input[type="time"]::-ms-clear, input[type="url"]::-ms-clear, input[type="week"]::-ms-clear, textarea::-ms-clear { display: none; } input, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } textarea { overflow: auto; resize: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } a { -webkit-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } ul, ol { list-style-type: none; margin: 0; padding: 0; } .my-dots { position: absolute; bottom: -35px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .my-dots li { position: relative; display: inline-block; width: 15px; height: 15px; margin: 0 5px; padding: 0; cursor: pointer; } .my-dots li button { font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .my-dots li button:hover, .my-dots li button:focus { outline: none; } .my-dots li button:hover:before, .my-dots li button:focus:before { opacity: 1; } .my-dots li button:before { content: ""; font-size: 6px; line-height: 15px; position: absolute; top: 0; left: 0; width: 15px; height: 15px; border: 2px Solid #188cf9; border-radius: 50%; opacity: .35; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #188cf9; } .my-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/local/templates/construction/css/header.css?174884877215484*/ .header { left: 0; position: fixed; top: 0; width: 100%; z-index: 10; background: #FFF; } .header__top { position: relative; top: 0; transition: .16s } .header__garland { pointer-events: none; position: absolute; top: 0; width: 100% } .header__top--open { top: 25px } .header--opacity { background: linear-gradient(180deg,rgba(0,0,0,.5),hsla(0,0%,100%,0) 65%) } .header__contacts { display: none } .header__logo { align-items: center; display: flex; height: 82px; padding: 0 16px; position: fixed; width: 220px; z-index: 6 } .header__logo img { width: 100% } .header__inner { align-items: center; display: flex; gap: 14px; padding: 24px 0 } .header__search input { background: none; border: none !important; display: block; height: 35px; color: #BB1A23; } .header--opacity .header__search input{ color: #FFF; } .header__search { align-items: center; border-bottom: 1px solid transparent; display: flex; position: relative; top: 0; transition: .16s; width: 30px; } .header__search button{ border: none; padding: none; background: none; } .header__search--open { border-bottom: 1px solid #416388; width: 140px } .header__search-item { align-items: center; color: #101327; display: flex; font-size: 12px; gap: 4px; text-decoration: none } .header__search-item .nuxt-icon svg { height: 8px!important; width: 8px!important } .header__search-data { background: #fff; border: 1px solid #416388; display: flex; flex-direction: column; gap: 12px; max-height: 140px; min-width: 200px; overflow-x: hidden; overflow-y: scroll; padding: 8px; position: absolute; right: 0; top: 35px; width: 100%; z-index: 5 } .header__contacts-wrap{ color: #BB1A23; font-size: 18px; } .header--opacity .header__contacts-wrap{ color: #FFF; font-size: 18px; } .header__search-data::-webkit-scrollbar,.header__search-data::-webkit-scrollbar-thumb { display: none } .header__search-nodata { text-align: center } .header__search .nuxt-icon svg { color: #416388; height: 32px; max-height: 32px; max-width: 32px; width: 32px } .header__controls { position: relative; z-index: 6 } .header--opacity .header__search .nuxt-icon svg { color: #416388 } .header--opacity .burger:not(.burger--open) .burger__line { background: #FFF } .header--opacity .header__contacts-phone .nuxt-icon svg{ color: #FFF; } .header--opacity .header__logo { filter: none } .header--opacity.header--opacity-index .header__contacts-phone .nuxt-icon svg,.header--opacity.header--opacity-index .header__search .nuxt-icon svg,.header--opacity.header--opacity-index .header__search input { color: #fff } .header--opacity.header--opacity-index .burger__line { background: #fff } .header--opacity.header--opacity-index .header__logo { filter: brightness(0) invert(1) } .header--menu-open .nav { transform: translateY(0) } .header--menu-open.header--opacity-index .header__logo { filter: none } .header--menu-open.header--opacity-index .burger__line { background: #416388 } .header--menu-open.header--opacity-index .header__contacts-phone .nuxt-icon svg,.header--menu-open.header--opacity-index .header__search .nuxt-icon svg { color: #BB1A23 } .header__contacts-phone { align-items: center; display: flex; gap: 16px } .header__contacts-phone .nuxt-icon svg { color: #BB1A23; height: 32px; width: 32px } @media (max-width: 1199px) { .header__search { display:none!important } .header__contacts-address,.header__lines { display: none } .header__contacts { display: block } .header__contacts-phone { font-size: 0; gap: 0 } } @media (min-width: 768px) and (max-width:1199px) { .header__lines { display:none } .header__contacts { display: flex } .header__contacts-wrap { align-items: center; display: flex; gap: 16px; position: relative; top: -2px } .header__logo { margin-left: 24px } .header--opacity.header--opacity-index.header--menu-open .header__contacts-address { color: #101327 } } @media (min-width: 768px) { .header__contacts-address { display:block } } @media (min-width: 768px) and (max-width:1199px) { .header--opacity.header--opacity-index .header__contacts-address { color:#fff } } @media screen and (min-width: 1200px) { .header__top--open { top:0 } .header { background: rgba(209, 209, 209, .75); border-right: 1px solid #bed0e8; height: 100vh; width: 20vw } .header__contacts-phone .nuxt-icon { display: none } .header__top { left: 20vw; position: fixed; width: calc(100% - 20vw); background: #FFF; } body.admin .header__top{ top: 40px; } .header__controls { display: flex; justify-content: space-between; width: 100% } .header__inner { align-items: flex-end; flex-direction: row } .header__logo { left: 0; padding: 0 2vw; position: fixed; top: 0; width: 17vw } body.admin .header__logo{ top: 40px; } .header__contacts { display: block } .header__contacts-phone { align-items: center; border: 1px solid #BB1A23; color: #BB1A23; cursor: pointer; display: flex; font-size: 16px; height: 36px; justify-content: center; padding: 0 32px; text-decoration: none } .header__contacts-phone a{color: #BB1A23;} .header--opacity .header__contacts-phone a{color: #fff;} .header--opacity .header__top { background: linear-gradient(180deg,rgba(0,0,0,.5),hsla(0,0%,100%,0) 65%) } .header--opacity input { background: none } .header--opacity .header__search .nuxt-icon svg { color: #416388 } .header--opacity .header__contacts-phone { border: 1px solid #FFF; color: #FFF } .header--opacity.header--opacity-index .header__search { border-bottom: 1px solid #fff } .header--opacity.header--opacity-index .header__contacts-phone { border: 1px solid #fff; color: #fff } .header--opacity.header--opacity-index .header__contacts-address,.header--opacity.header--opacity-index .header__search .nuxt-icon svg { color: #fff } .header--opacity.header--opacity-index .header__logo { filter: none } .header__search--open { border-bottom: initial; width: 140px } .header__search { border-bottom: 1px solid #BB1A23; width: 230px } .header__search svg path{ fill: #BB1A23; } .header--opacity .header__search{ border-bottom: 1px solid #FFF; } .header--opacity .header__search svg path{ fill: #FFF; } .header__contacts-wrap { align-items: center; display: flex; gap: 24px } .header__lines { bottom: 64px; left: 0; transform: rotate(180deg) } } .heading__controls { display: flex; margin-top: 16px; width: 100% } .heading__controls .button { min-width: 160px; width: 50% } .heading__dop { margin-top: -8px; text-align: right } .heading--h2,.heading__dop { color: #416388; font-size: 24px } .heading--h2 { font-family: Atlas; margin-top: 32px; text-transform: uppercase } .heading--h3,.heading--h4 { margin-bottom: 24px } .heading--h4 { color: #416388 } .heading--h2-light { color: #bed0e8 } .heading--h1-primary { color: #416388; font-family: Atlas; font-size: 24px; line-height: 32px } .heading--h1-primary--opacity { opacity: .2 } @media (max-width: 320px) { .heading--h1-primary { font-size:20px } .heading--h2 { font-size: 14px } } @media screen and (min-width: 1200px) { .heading--h1-primary { font-size:64px; margin-top: 40px } .heading__dop { font-size: 2.4vw } .heading--h2 { margin-top: 40px } .heading__controls { display: flex; margin-top: 16px; width: auto } .heading__controls .button { width: 160px } } .nav { background: #fff; height: 100%; justify-content: space-between; left: 0; padding: 64px 0 32px; position: fixed; top: 0; transform: translateY(-200%); transition: .32s; width: 100%; z-index: 5 } .nav,.nav__line { display: flex; flex-direction: column; } .nav__item { color: #4B4B4B; display: block; font-size: 16px; line-height: 24px; padding: 16px 0; position: relative; text-decoration: none; } .nav__line { border-left: 1px solid #BB1A23; margin-left: 16px; margin-top: 40px; padding: 0 16px; } .nav__info { padding: 0 16px; } .nav__info-phone { align-items: center; border: 1px solid #BB1A23; color: #BB1A23; display: flex; font-size: 14px; height: 48px; justify-content: center; text-decoration: none; width: 100%; } @media screen and (min-width: 1200px) { .nav { background:none; height: calc(100vh - 84px); padding: 0; position: fixed; top: 84px; transform: none; transition: none; width: 20vw } .nav__line { border: none; margin-left: 0; margin-top: 0; padding: 2vw 0 2vw 2vw } .nav__item { font-size: 1vw; padding: .6vw 0; transition: all .3s } .nav__item:hover{ color:#BB1A23; } .nav__item:hover:before { opacity: 1; visibility: visible } .nav__info { display: none } } .catalog-detail-equipment .equipment__item{display: flex;flex-direction: column;} .catalog-detail-equipment .equipment__btn {margin-top: auto;} /* End */ /* Start:/local/templates/construction/css/slick.css?17488487731776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/construction/css/style.css?175032233852460*/ h1, h2, h3, h4, h5, h6, ul { margin: 0; padding: 0 } html { height: 100%; line-height: 1.15; -webkit-text-size-adjust: 100% } body { font-family: Montserrat,sans-serif; font-weight: 400; color: #000; font-size: 16px; height: 100%; /*display: flex; flex-direction: column; justify-content: space-between;*/ width: 100%; background-color: #fff; margin: 0; } body.over { overflow: hidden } .container { width: 100%; max-width: 1344px; padding: 0 15px; margin: 0 auto } .container_pos { position: static } ul { list-style-type: none } p { margin: 10px 0 15px } p:first-child { margin-top: 0 } a { outline: 0; color: inherit; text-decoration: none; background-color: transparent; color: #d90d19; } a:focus, a:hover { outline: 0; text-decoration: none; color: #BB1A23; } input:focus, select:focus, textarea:focus, button:focus { outline: none !important; } [data-fancybox] { cursor: pointer } * { box-sizing: border-box } .hidden { display: none!important } @media screen and (min-width: 1200px) { .wrapper { padding-left:20vw; } } @keyframes mouse { 0% { bottom: 20% } to { bottom: 50%; opacity: 0 } } .wrapper { width: 100%; flex: 1 0 auto; max-width: 100%; z-index: 2; padding-top: 90px; } .container { width: 100%; max-width: 1344px; padding: 0 15px; margin: 0 auto } img { display: block; max-width: 100%; height: auto; border-style: none } .btn{ color: #FFF; text-align: center; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; background: #d90d19; border: 1px Solid #d90d19; height: 53px; padding:0 30px; } .btn:hover{ background: #BB1A23; color: #FFF; } .btn.btn-white{ background: #FFF; color:#000; } .btn.btn-white:hover{ background: rgba(153, 153, 153, 0.16); } .btn.btn-black{ background: #000; color:#FFF; } .btn.btn-black:hover{ color:#d90d19; } .btn.btn-opacity{ color:#000; background: none; } .btn.btn-opacity:hover{ background: #d90d19; color:#FFF; } .btn.btn-red{ background-color: #cf103c; color: #fff; border: 1px Solid #cf103c; } .btn.btn-red:hover{ background-color: #b30e34 !important; } .color-red{ color: #BB1A23!important; } h1, .h1{ color: #000; font-size: 45px; font-style: normal; font-weight: 900; line-height: normal; text-transform: uppercase; padding-bottom: 25px; } h1 .h1_subtitle, .h1 .h1_subtitle{ font-size: 18px; color:#625a5a; } h2, .h2{ color: #000; font-size: 35px; font-style: normal; font-weight: 900; line-height: normal; text-transform: uppercase; padding-bottom: 45px; display: block; } h2 .h2_subtitle, .h2 .h2_subtitle{ font-size: 18px; color:#625a5a; } h3, .h3{ color: #000; font-size: 32.592px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; padding-bottom: 35px; display: block; } h4, .h4{ color: #000; font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; padding-bottom: 30px; display: block; } h5, .h5{ font-size: 25px; font-style: normal; line-height: normal; padding-bottom: 20px; display: block; } h6, .h6{ font-size: 18px; font-style: normal; line-height: normal; padding-bottom: 20px; display: block; } p, .p{ color: #000; font-size: 20px; line-height: 30px; font-style: normal; font-weight: 400; padding-bottom: 15px; margin: 0; } .block ul:not([class]) { font-size: 20px; line-height: 30px; margin:15px 0 30px 0; } .block ul:not([class]) li{ margin-bottom: 10px; } .block ul:not([class]) li::before { content: "• "; color: #0a6cc7; } input { height: 53px; background: #FFF; border: 1px solid #000; padding: 0 20px; color: rgba(0, 0, 0, 0.60); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } input:focus{ border: 1px solid #0084FF; } input.error{ border: 1px solid red !important; background: #fbd2d2 !important; } input.input-line{ border:none; border-bottom: 1px Solid #3A92E4; } select{ border: none; color: #BB1A23; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 10px; border-bottom: 1px Solid #BB1A23; background: url(/img/arrow_select.svg) no-repeat right center; max-width: 420px; } select:focus{ border: none; outline: none; } label{ display: block; } .bold{ font-weight: bold; } .h-line{ display: flex; gap: 15px; white-space: nowrap; } .h-line span{ border-bottom: 1px Solid #FFF; width: 100%; position: relative; top:-5px; } .pb-0{ padding-bottom: 0 !important; } .pt-0{ padding-top: 0 !important; } .pb-5{ padding-bottom: 5px; } .pb-10{ padding-bottom: 10px; } .pb-15{ padding-bottom: 15px !important; } .pb-30{ padding-bottom: 30px !important; } .pt-30{ padding-top: 30px !important;; } .pb-45{ padding-bottom: 45px; } .mt-15{ margin-top: 15px; } .mt-30{ margin-top: 30px; } .mb-30{ margin-bottom: 30px; } .full{ width: 100%; } .white{ color: #FFF; } .white-text p{ color: #FFF; } .white-text ul{ color: #FFF; } .text-center{ text-align: center !important; } .red{ color: #FF0000; } .uppercase{ text-transform: uppercase; } .line-through{ text-decoration: line-through; } .bold{ font-weight: bold; } .text-uppercase{ text-transform: uppercase; } .hide{ display: none; } .step{ position: relative; padding: 60px 0; } .step:before{ content: attr(data-step); position: absolute; color: rgb(237 237 237); font-size: 150px; font-style: normal; font-weight: 900; line-height: normal; left: 0; z-index: -1; top: 50%; transform: translate(0, -50%); } .slick-slider .slick-arrow{ font-size: 0; border: none; background: url(/img/slick-arrow.svg); background-size: contain; width: 40px; height: 40px; position: absolute; bottom:0; left:50%; } .slick-slider .slick-arrow.slick-prev{ margin-left:-50px; } .slick-slider .slick-arrow.slick-next{ margin-left:10px; transform: rotate(180deg); } .menu-btn { display: none; padding: 10px; margin-right: 8px; margin-left: -10px; position: relative; z-index: 2 } .menu-btn__wrap { width: 20px; height: 14px; position: relative } .menu-btn__wrap span { width: 100%; height: 2px; background-color: #FFF; top: 50%; margin-top: -1px; position: absolute; transition: opacity .2s,transform .2s,width .2s } .menu-btn__wrap span:nth-child(1) { transform: translateY(-8px); width: 70% } .menu-btn__wrap span:nth-child(3) { transform: translateY(8px) } .menu-btn.active span:nth-child(1) { transform: translateY(0) rotate(45deg); width: 100% } .menu-btn.active span:nth-child(3) { transform: translateY(0) rotate(-45deg) } .menu-btn.active span:nth-child(2) { transform: translateY(0) translateX(-80px); opacity: 0 } .menu-btn.active.back span:nth-child(1) { transform: translateY(-4px) rotate(-40deg); width: 60% } .menu-btn.active.back span:nth-child(3) { transform: translateY(4px) rotate(40deg); width: 60% } @media (max-width:767px) { .menu-btn { display: block } } @media screen and (min-width: 1200px) { .banners_header .banner__item { padding-left: 20vw; } } .burger { cursor: pointer; display: flex; flex-direction: column; gap: 8px; margin-left: auto; position: relative; width: 32px; z-index: 6 } .burger--catalog { display: none } .burger__line { background: #BB1A23; height: 1px; left: 0; position: relative; top: 0; transition: .24s; width: 100% } .burger--open .burger__line:first-child { top: 8px; transform: rotate(-45deg) } .burger--open .burger__line:nth-child(2) { left: -8px; opacity: 0 } .burger--open .burger__line:nth-child(3) { top: -10px; transform: rotate(45deg) } @media screen and (min-width: 1200px) { .burger { display:none } .burger--active { display: flex; margin-left: 0; margin-right: 16px } } .banners_header{ height: 65vh; position: relative; } .banners_header__wrap{ position: relative; } .banners_header .banner__item{ height: 100%; background-position: center center !important; background-repeat: no-repeat !important; display: flex !important; align-items: center; background-size: cover !important; } .banners_header .banner__item .h1, .banners_header .banner__item .h2, .banners_header .banner__item .h5{ color: #FFF; } .banners_header .banner__item .h1{ font-size: 80px; } .banners_header .banner__item .h2{ font-size: 60px; font-weight: 500; } .banners_header .slick-list, .banners_header .slick-track, .banners_header .slick-slide, .banners_header .slick-slide > div{ height: 100%; padding: 0 !important; } .banners_header.banners_header-small .banner__item{ background-size: cover!important; } .banners_header .btn-block{ margin-bottom: 70px; max-width: 410px; position: absolute; bottom:0; } .banners_header .form-main .form__wrap{ background: rgba(255, 255, 255, 0.60); min-height: 114px; padding: 10px 25px; margin-bottom:40px; z-index: 1; display: flex; justify-content: space-between; align-items: center; } .banners_header .form_mobile-image{ display: none; } .banners_header .form-main .form__title{ color: #FFF; font-size: 25px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 10px; } .banners_header__wrap .slider-arrows{ bottom: 60px; position: absolute; right: 5vw; width: 384px; display: flex; justify-content: space-between; } .banners_header__wrap .slider-arrows:after{ content: ""; height: 1px; left: 50%; position: absolute; transform: translateX(-50%); width: calc(100% - 50px); background: #fff; top: 11px; } .banners_header__wrap .slider-arrows .slider-arrow{ height: 24px; width: 24px; cursor: pointer; background: url('/img/arrow-light.svg') no-repeat; font-size: 0; } .banners_header__wrap .slider-arrows .slider-arrow.arrow-next{ transform: rotate(180deg); } @media (min-width: 1200px) { /*.scroll { border:1px solid #fff; border-radius: 16px; bottom: 30%; color: #fff; display: block; height: 40px; position: absolute; right: 5vw; width: 24px; z-index: 8 } .scroll:after { animation: mouse 1.6s ease-in-out infinite; background: #fff; border-radius: 2px; content: ""; height: 3px; left: 50%; position: absolute; transform: translateX(-50%); width: 2px } .scroll:before { content: "листайте вниз"; display: block; font-size: 14px; left: -40px; position: absolute; top: -70px; transform: rotate(-90deg); white-space: nowrap; }*/ } .form-main .timer__title{ color: #FFF; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 10px; } .form-main.form-lower{ max-width: 700px; } .form-main .form__timer{ margin-right: 160px; } .form-main .timer__counter{ display: flex; column-gap:10px; } .form-main .timer__counter .counter__item{ text-align: center; } .form-main .timer__counter .counter__item .counter__number{ width: 38px; border-radius: 6px; color: #FFF; font-size: 45px; font-style: normal; font-weight: 400; line-height: normal; background: linear-gradient(0deg, #282323 0%, #282323 100%), linear-gradient(0deg, #282323 0%, #282323 100%), #282323; } .form-main .timer__counter .counter__item .counter__text{ margin-top: 5px; color: #FFF; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .form-main .timer__counter .counter__number__wrap{ display: flex; column-gap:5px; } .form-main .form__form{ width: 100%; } .form-main .form__form input{ height: 53px; background: #F1F1F1; border: none; padding: 0 20px; color: rgba(0, 0, 0, 0.60); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .form-main .form__form .form__row{ display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1vw; } .form-main .form__form .form__row .form__field{ width: 100%; max-width: 560px; } .form-main .form__form .form__row .form__field input, .form-main .form__form .form__row .form__field button{ width: 100%; } .form-main .form__form .form__row .form__field button{ max-width: 270px; margin-top:40px; } /* .content{ margin-top:30px; }*/ .slider-models{ margin:35px 0 80px; } .slider-models .slider-models__title{ color: #000; font-size: 25px; font-style: normal; font-weight: 400; line-height: normal; } .slider-models .slider-models__wrap{ display: flex; } .slider-models .slider-models__item{ text-align: center; max-width: 220px; } .slider-models .slider-models__item .item__image{ height: 160px; display: flex; align-items: center; } .slider-models .slider-models__item a{ color: #000; } .slider-models .slider-models__item:hover a{ color: #0a6cc7; } .block{ padding:40px 0; } .block.block-brown{ background: #F5F5F5; } .block.block-black{ background: #000; } .block.block-black-lite{ background: #222; } /* .catalog-list-main{ padding:40px 0 80px; }*/ .catalog__grid--folders { display: grid; grid-template-columns: 1fr 1fr 1fr; justify-content: space-between; gap: 0 1vw; } .mini-card { min-width: 320px; text-decoration: none; width: 100%; margin-bottom: 40px; background: rgba(153, 153, 153, 0.16); } .cars-slider__wrap{ position: relative; } .cars-slider .mini-card{ min-width: 100%; margin-bottom: 0; } .cars-slider .slick-list { margin: 0px -10px} .cars-slider .slick-slide { margin: 0 10px } .cars-slider__wrap .slider-arrows, .slider-news__wrap .slider-arrows, .slider-actions__wrap .slider-arrows{ display: flex; justify-content: space-between; position: relative; margin-top: 60px; } .cars-slider__wrap .slider-arrows:after, .slider-news__wrap .slider-arrows:after, .slider-actions__wrap .slider-arrows:after{ content: ""; height: 1px; left: 50%; position: absolute; transform: translateX(-50%); width: calc(100% - 50px); background: #BB1A23; top: 11px; } .cars-slider__wrap .slider-arrows .slider-arrow, .slider-news__wrap .slider-arrows .slider-arrow, .slider-actions__wrap .slider-arrows .slider-arrow{ height: 24px; width: 24px; cursor: pointer; background: url('/img/arrow-red.svg') no-repeat; font-size: 0; } .cars-slider__wrap .slider-arrows .slider-arrow.arrow-next, .slider-news__wrap .slider-arrows .slider-arrow.arrow-next, .slider-actions__wrap .slider-arrows .slider-arrow.arrow-next{ transform: rotate(180deg); } .popup-form .popup-cotent__img img{ display: block; max-width: 300px; margin: 0 auto; } .mini-card--folder:hover .mini-card__body,.mini-card--folder:hover .mini-card__header--folder,.mini-card--folder:hover .mini-card__image-wrapper { background-color: #e7e7e7; } .mini-card--folder:hover .mini-card__image-wrapper img { transform: translateX(4px); } .mini-card__header--folder { max-height: 57px; } .mini-card__image-wrapper img { transition: all .3s; } .mini-card--form { min-width: 100%; width: 100%; } .mini-card__body { border: 1px solid #e7e7e7; border-top: none; padding: 16px 30px; transition: all .3s; } .mini-card__footer { display: flex; margin-top: 8px; width: 100%; } .mini-card__footer .btn { width: 50%; } .mini-card__name { align-items: center; -moz-column-gap: 4px; column-gap: 4px; display: flex; flex-wrap: wrap; row-gap: 2px; text-decoration: none; } .mini-card__name-top { align-items: center; display: flex; gap: 8px; width: 100%; } .mini-card__folder { color: #000; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .mini-card__name-year { color: #101327; font-size: 12px; margin-left: auto; } .mini-card__name-mark { color: #000; font-size: 35px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } .mini-card__name-mark.name-mark-taxi{ font-size: 30px; } .mini-card__name-sub { color: #BB1A23; font-size: 16px; } .mini-card__name-sub:nth-of-type(3) { color: #bed0e8; } .mini-card__price-wrapper { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-top: 16px; } .mini-card__price { color: #000; font-size: 25px; font-style: normal; font-weight: 700; line-height: normal; } .mini-card__price.price-order{ min-height: 68px; text-align: center; width: 100%; } .mini-card__price:not(.mini-card__price--old) { color: #BB1A23; font-size: 25px; font-style: normal; font-weight: 700; line-height: normal; } .mini-card__price--old,.mini-card__price-old { font-size: 16px; text-decoration: line-through; } .mini-card__price-old { color: #fff; } .mini-card__price-credit { color: #000; font-size: 25px; font-style: normal; font-weight: 700; line-height: normal; } .mini-card__image-wrapper { border: 1px solid #e7e7e7; border-bottom: none; border-top: none; display: block; transition: all .3s; width: 100%; } .mini-card__image-wrapper img { -o-object-fit: cover; object-fit: cover; width: 100%; } .mini-card--folder .mini-card__image-wrapper img { aspect-ratio: 3/2; bottom: -15px; display: block; margin: 0 auto; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom; object-position: bottom; position: relative; width: 80%; } .mini-card__header--folder { border: 1px solid #e7e7e7; border-bottom: 0; padding: 20px 30px 8px 30px; } .mini-card__header--folder { transition: all .3s; } @media (max-width: 360px) { .mini-card { min-width: 100%; } .mini-card__slide { min-width: 260px; } .mini-card__slider-mobile { height: 172px; } } @media (max-width: 767px) { .mini-card--folder .mini-card__image-wrapper img { margin-bottom: -20px; margin-top: -16px; bottom: 0; } .mini-card__slider-mobile { height: 216px; } } @media (min-width: 768px) and (max-width:1199px) { .catalog__grid { flex-direction: row; flex-wrap: wrap; } } @media screen and (min-width: 1200px) { .mini-card__price-description { color: #e23232; font-size: .72vw; margin-top: 8px; } } .banners_lower{ min-height: 484px; color: #FFF; background: #000; } .banners_lower.credit{ background: url(/img/banner_form_credit.jpg) no-repeat #000; background-position: right center; background-size: contain; } .banners_lower.tradein{ background: url(/img/banner_form_tradein.jpg) no-repeat #000; background-position: right center; background-size: cover; } .banners_lower .container{ position: relative; } .banners_lower .banners_lower__wrap{ min-height: 484px; position: relative; z-index: 1; padding: 45px 0; } .banners_lower .banners_lower__image{ background: url(/img/banner_form_credit.jpg) no-repeat; background-position: left center; min-height: 484px; width: 80%; position: absolute; right: -15%; top: 0; background-size: cover; } .banners_lower .banners_lower__title{ font-size: 63.879px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; padding-bottom: 10px; } .banners_lower .banners_lower__descr{ font-size: 22px; font-style: normal; font-weight: 500; line-height: normal; color: #FFF; } .banners_lower .banners_lower__title-small{ font-size: 32.592px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; } .banners_lower .banners_lower__text-block .text-block__item{ margin-top: 40px; } .banners_lower .banners_lower__text-block .text-block__item span{ display: block; font-size: 25px; font-style: normal; font-weight: 700; line-height: normal; padding-bottom: 15px; } .banners_lower .banners_lower__text-block .text-block__item ul{ font-size: 22px; font-style: normal; font-weight: 500; line-height: normal; margin-left: 0; padding-left: 0; } .banners_lower__btn-block{ position: absolute; bottom:60px; } .banners_lower .form-main{ margin-top:50px; } .slider-actions .slider-actions__wrap{ display: flex; flex-wrap: wrap; gap: 2vw 1vw; } .slider-actions .slick-list{ margin: 0 -10px; } .slider-actions .slick-slide{ height: auto; } .slider-actions .slider-actions__item{ width: 310px; } .slider-actions .slider-actions__item .image{ height: 175px; overflow: hidden; } .slider-actions .slider-actions__item .image img{ object-fit: cover; height: 175px; } .slider-actions .slider-actions__item .text{ background: #000; padding: 25px 25px 0; } .slider-actions .slider-actions__item .text .title{ color: #FFF; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; } .slider-actions .slider-actions__item .text .text-block{ height: 25px; overflow: hidden; } .slider-actions .slider-actions__item .text .btn-block{ display: flex; margin: 0 -25px; } .slider-actions .slider-actions__item .text .btn-block >a, .slider-actions .slider-actions__item .text .btn-block >span{ width: 50%; } .slider-actions .slider-actions__item .text .note{ color: #d90d19; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; } .slider-actions .slider-actions__item .btn{ margin-top: 20px; font-size: 16px; } .slider-actions .slider-actions__item__wrap{ width: 100%; overflow: hidden; padding: 0 10px; } .slider-news .slick-list{ margin: 0 -10px; } .slider-news .slick-slide{ height: auto; } .slider-news .slider-news__item{ width: 310px; } .slider-news .slider-news__item .image{ height: 175px; overflow: hidden; } .slider-news .slider-news__item .image img{ object-fit: cover; height: 175px; width: 100%; } .slider-news .slider-news__item .text{ padding: 25px 25px; background: #F5F5F5; } .slider-news .slider-news__item .text .title{ color: #000; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; } .slider-news .slider-news__item .text .text-block{ height: 65px; overflow: hidden; } .slider-news .slider-news__item .btn{ margin-top: 20px; } .slider-news .slider-news__item__wrap{ width: 100%; overflow: hidden; padding: 0 10px; } .slider-news .slider-news__item .footer__text{ background: #000; padding: 10px 25px; display: flex; justify-content: space-between; color: #fff; } .slider-news .slider-news__item .footer__text .date{ font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .slider-news .slider-news__item .footer__text a{ text-transform: uppercase; } .slider-news .slider-news__wrap{ display: flex; flex-wrap: wrap; gap:2vw 1vw; } .js-slider-actions .slick-slider, .js-slider-news .slick-slider{ margin-bottom: 30px; } .contacts-block{ display: flex; min-height: 600px; } .contacts-block .contacts-block__item{ width: 50%; } .contacts-block .contacts-block__item.item-maps{ filter: grayscale(100%); } .contacts-block .contacts-block__item.item-contacts{ background: #000; color: #FFF; padding: 45px; } .contacts-block .contacts-block__item.item-contacts p{ font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; margin: 0 0 10px; display: flex; align-items: center; } .contacts-block .contacts-block__item.item-contacts p a{ color: #FFF; } .contacts-block .contacts-block__item.item-contacts p img{ display: inline-block; margin-right: 5px; } .contacts-block .contacts-block__item.item-contacts .item-contacts__wrap{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .contacts-block .contacts-block__item.item-contacts .item-contacts__wrap .item-form{ padding-top: 40px; border-top: 1px Solid #FFF; } .catalog-detail{ position: relative; } .catalog-detail h1 span{ display: block; font-size: 14px; color: #bb1a23; } .catalog-detail .catalog-detail__wrap{ display: flex; gap: 4vw; position: relative; } .catalog-detail .catalog-detail__wrap .catalog-detail__info{ width: calc(40% - 4vw); } .catalog-detail .catalog-detail__wrap .catalog-detail__image{ width: 60%; position: relative; margin-top: -150px; padding-right: 40px; } .catalog-detail .catalog-detail__wrap .catalog-detail__image img { max-width: 90%; } .catalog-detail .catalog-detail__warranty{ border: 0.754px solid #000; padding: 5px 15px; display: inline-block; } .catalog-detail .info__colors{ margin-top: 40px; align-items: center; position: absolute; bottom: -20px; left: 0; padding-right: 140px; } .catalog-detail .info__colors .colors__text{ margin-right: 25px; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; white-space: nowrap; margin-bottom: 15px; } .catalog-detail .info__colors .colors__list__items{ display: flex; flex-wrap: wrap; gap: 8px; } .catalog-detail .info__colors .colors__list__items li{ width: 30px; height: 30px; border-radius: 50%; margin-right: 5px; cursor: pointer; box-shadow: -3px 5px 10px rgba(0,0,0,.2); } .catalog-detail .info__complectaion{ margin-top: 25px; } .catalog-detail .info__complectaion .complectaion__text{ margin-bottom: 15px; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .catalog-detail .benefit__info{ font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 40px; display: flex; padding-bottom: 10px; border-bottom: 1px Solid #000; max-width: 420px; } .catalog-detail .benefit__info .benefit__info-price{ text-transform: uppercase; margin-right: 40px; } .catalog-detail .benefit__info .benefit__info-price span{ color: #F00; } .catalog-detail .benefit__info .benefit__price{ font-weight: bold; white-space: nowrap; } .catalog-detail .bonuses__content { display: flex; flex-direction: column; gap: 16px; overflow: hidden; transition: .16s; margin-top: 40px; max-width: 420px; } .catalog-detail .bonuses__content .switch { align-items: flex-start; display: flex; font-size: 12px; width: 100%; cursor: pointer; } .catalog-detail .bonuses__content .switch .switch__name { display: flex; flex-direction: column; gap: 2px; margin-left: 12px; text-transform: uppercase; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; color: #bdbdbd; } .catalog-detail .bonuses__content .switch.switch--active .switch__name{ color: #000; } .catalog-detail .bonuses__content .switch__name .switch__label{ color: rgba(0, 0, 0, 0.50); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-transform: lowercase; } .catalog-detail .bonuses__content .switch .switch__text { margin-left: auto; min-width: 100px; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: lowercase; color: #bdbdbd; white-space: nowrap; } .catalog-detail .bonuses__content .switch.switch--active .switch__text { color: #000; } .catalog-detail .bonuses__content .switch__checkbox { height: 0; left: -999px; position: absolute; width: 0; } .catalog-detail .bonuses__content .switch__line { height: 16px; min-width: 40px; position: relative; width: 40px; top:5px; } .catalog-detail .bonuses__content .switch__item { height: 11px; position: absolute; right: 29px; top: 0; transition: .16s; width: 11px; } .catalog-detail .bonuses__content .switch--active .switch__item { right: 0; } .catalog-detail .bonuses__content .switch__item:after, .catalog-detail .bonuses__content .switch__item:before { background: #BB1A23; content: ""; position: absolute; } .catalog-detail .bonuses__content .switch__item:before { height: 100%; left: 5px; opacity: 0; width: 1px; } .catalog-detail .bonuses__content .switch--active .switch__item:before { background: #BB1A23; opacity: 1; } .catalog-detail .bonuses__content .switch__item:after { height: 1px; top: 5px; width: 100%; } .catalog-detail .bonuses__content .switch--active .switch__item:after { background: #BB1A23; } .catalog-detail .catalog-detail__action{ display: flex; gap: 4vw; margin-top: 0; align-items: flex-end; } .catalog-detail .catalog-detail__action .action__btn{ width: calc(40% - 4vw); } .catalog-detail .catalog-detail__action .action__btn .btn__bottom{ display: flex; justify-content: space-between; } .catalog-detail .catalog-detail__action .action__btn .btn__bottom .btn{ width: 49%; border: 1px Solid #000; color: #000; } .catalog-detail .catalog-detail__action .action__price { width: 60%; } .catalog-detail .catalog-detail__action .action__price .price{ color:#BB1A23; } .catalog-detail .catalog-detail__action .action__price .price__list{ display: flex; gap:25px; } .catalog-detail .catalog-detail__action .action__price .price__total{ font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: line-through; text-transform: uppercase; } .catalog-detail .catalog-detail__action .action__price .price__total{ font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } .catalog-detail .catalog-detail__action .action__price .price__text{ color: rgba(0, 0, 0, 0.50); font-size: 18px; font-style: normal; font-weight: 300; line-height: normal; text-transform: lowercase; } .catalog-detail .catalog-detail__advansed{ position: absolute; display: flex; flex-direction: column; right: 0; height: 100%; justify-content: space-between; } .catalog-detail .catalog-detail__advansed .advansed__item{ text-align: center; color: #000; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .catalog-detail .catalog-detail__advansed .advansed__item svg{ display: block; margin: 0 auto 5px; } .catalog-detail .catalog-detail__advansed .advansed__item svg path{ fill: #000; } .catalog-detail-equipment{ display: flex; gap: 1vw; flex-wrap: wrap; margin:0 0 30px; } .catalog-detail-equipment .equipment__item{ background: #FFF; padding: 20px; max-width: 420px; width: 100%; } .catalog-detail-equipment .equipment__item .equipment__title{ font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; display: flex; justify-content: space-between; } .catalog-detail-equipment .equipment__item .equipment__title .equipment__price{ white-space: nowrap; } .catalog-detail-equipment .equipment__item .params__item{ display: flex; justify-content: space-between; font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ text-transform: uppercase; } .catalog-detail-equipment .equipment__btn-bottom{ justify-content: space-between; display: flex; } .catalog-detail-equipment .equipment__btn-bottom .btn{ width: 49%; } .catalog-detail__gallery{ position: relative; } .catalog-detail__gallery .gallery__item{ max-height: 550px; overflow: hidden; } .catalog-detail__gallery .gallery__item img{ object-fit: cover; object-position: 0 -200px; width: 100%; } .catalog-detail__gallery .catalog-detail__gallery__switch{ position: absolute; top:40px; left: 40px; display: flex; gap: 1vw; margin-bottom: 30px; z-index: 1; color: #FFF; font-size: 18px; } .catalog-detail__gallery .catalog-detail__gallery__switch .swith__item{ padding: 0 0 5px; border-bottom: 8px Solid rgba(255, 255, 255, 0.80); width: 152px; cursor: pointer; } .catalog-detail__gallery .catalog-detail__gallery__switch .swith__item.active{ border-bottom: 8px Solid #BB1A23; } .catalog-detail__exterior{ display: flex; gap: 1vw; } .catalog-detail__exterior .exterior__item{ width: 49%; } .catalog-detail__exterior.exterior-reserve{ flex-direction: row-reverse; } .catalog-detail__params .sheet__row{ display: flex; flex-wrap: wrap; gap: 3vw 2vw; justify-content: space-between; } .catalog-detail__params .sheet__row .sheet__row{ max-width: 410px; width: 100%; display: flex; padding-bottom: 10px; border-bottom: 1px Solid #BB1A23; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; } .catalog-detail__params .sheet__row .sheet__row .sheet__col:first-child{ color: #000; } /* .catalog-detail__exterior .exterior__item.item-photo{ width: 55%; } .catalog-detail__exterior .exterior__item.item-text{ width: calc(45% - 1vw); }*/ .exterior__gallery{ display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(6, 2vw); grid-gap: 15px; } .exterior__gallery img{ width: 100%; height: 100%; object-fit: cover; } .exterior__gallery .exterior__gallery_0{ grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 8; } .exterior__gallery .exterior__gallery_1{ grid-column-start: 5; grid-column-end: 8; grid-row-start: 1; grid-row-end: 4; } .exterior__gallery .exterior__gallery_2{ grid-column-start: 5; grid-column-end: 8; grid-row-start: 4; grid-row-end: 8; } .calculator .calculator__model{ font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .calculator .calculator__wrap{ display: flex; gap: 3vw 4vw; flex-wrap: wrap; padding-top:30px; } .calculator .calculator__wrap .calculator__item{ max-width: 420px; width: 100%; } .calculator .calculator__wrap .calculator__item label{ font-size: 18px; } .calculator .calculator__info .info__item{ display: flex; justify-content: space-between; align-items: center; } .calculator .calculator__form{ margin-top: 60px; } .calculator .calculator__form .calculator__form__wrap{ width: 100%; } .calculator .calculator__form .calculator__form__wrap .form__row{ display: flex; gap: 1vw; } .calculator .calculator__form .calculator__form__wrap .form__row .form__field{ width: 100%; } .catalog-detail-print section:not(.catalog-detail-section), .catalog-detail-print #bx-panel, .catalog-detail-print .banners_header, .catalog-detail-print .slider-models, .catalog-detail-print header, .catalog-detail-print footer{ display: none!important; } .catalog-detail-print .catalog-detail-section{ zoom: .6; } .equipment__popup{ max-width: 700px!important; width: 100%!important; } .equipment__popup .row-opened__list-item { padding-left: 22px; background: url('/img/equipment/v.png') no-repeat right center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 15px; } .equipment__popup .row-opened__list{ margin-bottom: 30px; } .equipment__popup .row-opened__list-item span{ max-width: 300px; flex-shrink: 0; } .equipment__popup .row-opened__list-title { text-transform: uppercase; padding-left: 22px; background: url('/img/equipment/belt.png') no-repeat left center; background-position: left 8px; } .equipment__popup .row-opened__list-item:after { content: ''; display: block; width: 100%; border-bottom: 1.5px dotted #d7d7d7; height: 3px; margin: 13px 25px 0 5px; } .equipment__popup .row-opened__list-title_protect { background-image: url('/img/equipment/key.png'); } .equipment__popup .row-opened__list-title_seat { background-image: url('/img/equipment/seat.png'); } .equipment__popup .row-opened__list-title_comf { background-image: url('/img/equipment/wheel.png'); } .fancy_senks_message{ text-align: center !important; max-width: 460px !important; } .fancy_senks_message h4, .fancy_senks_message p{ color: #BB1A23; } .callback-line-form{ text-align: center; max-width: 1000px; margin: 0 auto; } .callback-line-form .callback-line-form__wrap .form__row{ display: flex; gap: 1vw; } .callback-line-form .callback-line-form__wrap .form__row .form__field { width: 100%; } .contacts-block__item.item-contacts .callback-line-form{ text-align: left; } .credit .credit-top__form{ margin-bottom: 60px; } .credit .credit-top__form .credit-top__form__wrap{ width: 100%; } .credit .credit-top__form .credit-top__form__wrap .form__row{ display: flex; gap: 1vw; } .credit .credit-top__form .credit-top__form__wrap .form__row .form__field{ width: 100%; } .credit .credit-top__form .credit-top__form__wrap .form__row .form__field label{ color: #000; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; } .credit .select__auto{ display: flex; gap:6vw; } .credit .select__auto .select__auto__select{ width: calc(40% - 4vw); } .credit .select__auto .select__auto__image{ width: 60%; max-height: 460px; } .credit .select__auto .select__auto__image img{ max-height: 460px; object-fit: cover; width: 100%; } .credit .select__auto .select__auto__select .select__item__wrap{ margin-top:30px; } .credit .select__auto .select__auto__select .select__item{ margin-bottom: 30px; } .credit .calculator .calculator__form{ margin-top: 0; } .credit .calculator .calculator__form .calculator__form__wrap{ margin-top: 60px; } .advantages-credit{ display: flex; gap:1vw; justify-content: space-between; } .advantages-credit .advantages-credit__item{ max-width: 310px; margin:60px 0; } .advantages-credit .advantages-credit__item .image{ margin-bottom: 30px; } .advantages-credit .advantages-credit__item .title{ color: #000; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 15px; } .advantages-credit .advantages-credit__item .text{ color: #000; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .breadcrumb .bx-breadcrumb{ margin: 0; text-transform: uppercase; } .breadcrumb .bx-breadcrumb i{ background: url('/img/breadcrumb_arrow.svg') no-repeat; width: 12px; height: 12px; } .breadcrumb .bx-breadcrumb i:before{ content: ''; } .bx-breadcrumb .bx-breadcrumb-item{ display: flex; align-items: center; } .breadcrumb .bx-breadcrumb .bx-breadcrumb-item span{ color: #494949; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .breadcrumb .bx-breadcrumb .bx-breadcrumb-item:last-child span{ color: #BB1A23; } .credit-banks{ display: flex; gap:1vw; justify-content: space-between; } .credit-banks .credit-banks__item{ max-width: 320px; margin:60px 0; } .popup-form .form__row{ margin-bottom: 15px; } .company .company__description ul{ display: flex; gap:1vw 4vw; flex-wrap: wrap; justify-content: flex-end; } .company .company__description ul li{ width: calc(50% - 2vw); } .about-company{ display: flex; gap:1vw; justify-content: space-between; } .about-company .about-company__item{ max-width: 320px; margin:60px 0; } .rsm_footnote { margin-bottom: 20px; } .rsm_footnote p { color: #888; margin-bottom: 10px; font-size: 12px; } .footer-bottom { 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; } .footer-bottom p{ font-size: 12px; } .footer-bottom__text { font-weight: 300; font-size: 1.2rem; color: #595959; width: 100%; } .footer-bottom__text_rights { width: 23%; } .popular-marks { position: relative; } .popular__mark { transition: all .3s } .popular__mark:hover { opacity: .6 } .popular__mark-count { color: #919399 } .popular-marks .popular-marks-list { align-items: flex-start; display: flex; flex-wrap: wrap; gap: 16px; list-style: none; padding-right: 0 } .popular__mark .nuxt-icon svg { color: #BB1A23; height: 24px } .popular__mark-used { align-items: flex-start; align-items: center; border: 1px solid #e7e7e7; color: #101327; display: flex; font-size: 12px; gap: 8px; min-width: 140px; padding: 15px; text-decoration: none; width: 140px } .popular__mark-block { display: flex; flex-direction: column } .popular__mark-block,.popular__mark-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .popular__mark-name { text-transform: uppercase } .popular__mark .nuxt-icon img { height: auto; width: 45px } .popular__mark--kia .nuxt-icon svg { height: 40px; width: 40px } .popular__mark--renault .nuxt-icon svg { height: 24px; width: 24px } .popular__mark--chery .nuxt-icon svg,.popular__mark--nissan .nuxt-icon svg,.popular__mark--uaz .nuxt-icon svg { height: 40px; width: 40px } .popular__mark--toyota .nuxt-icon svg { height: 32px; width: 32px } .popular__mark--exeed .nuxt-icon svg,.popular__mark--haval .nuxt-icon svg,.popular__mark--moskvich .nuxt-icon svg,.popular__mark--omoda .nuxt-icon svg { height: 56px; width: 56px } @media (max-width: 767px) { .popular__mark { align-items:center; display: flex; height: 40px; justify-content: center; width: 40px } .popular__mark:last-child { margin-right: auto } .popular-marks-list { justify-content: space-between } .popular-marks--used.popular-marks { margin-top: 16px; padding: 24px 0 } .popular__mark-item-used { width: calc(50% - 8px) } .popular__mark-item-used:not(:last-child) { flex-grow: 1 } .popular__mark-used { height: 48px; justify-content: flex-start; width: 100% } .popular-marks--used .popular__mark-block { gap: 2px } } @media (max-width: 320px) { .popular__mark-used { min-width:125px } .popular__mark .nuxt-icon svg { height: 38px; width: 25px } } @media (min-width: 768px) { .popular-marks .popular-marks-list { max-width: 100%; padding-bottom: 16px; width: 100% } .popular__mark-used { margin-bottom: 16px } } @media screen and (min-width: 1200px) { .popular-marks { margin-top:0; padding: 16px } .popular-marks .popular-marks-list { align-items: center; flex-wrap: wrap; overflow-x: visible; row-gap: 0; } .popular__mark-item-used{ width: 24%; } .popular-marks--used .popular-marks-list { } .popular__mark-used { cursor: pointer; transition: .16s } .popular__mark-used:hover { border: 1px solid #BB1A23 } .popular-marks .popular-marks-list { max-width: 100%; padding-bottom: 0; width: 100% } .popular__mark-used { width: auto } .popular-marks-list--popular { margin-bottom: -16px } } @media screen and (min-width: 1440px) { .popular-marks .popular-marks-list { } } @media screen and (min-width: 1920px) { .popular-marks .popular-marks-list { } .popular-marks .popular-marks-list--popular { margin-bottom: 16px; } } .sets { display: flex; flex-direction: column; gap: 16px; margin-top: 32px; width: 100% } .sets__item { background: #f9f9f9; height: 180px; overflow: hidden; padding: 12px 16px; position: relative; text-decoration: none; transition: all .3s; width: 100% } .sets__item:hover { background: #e7e7e7 } .sets__item:hover .sets__image { right: -8px } .sets__image { transition: all .3s } .sets__title { color: #000; font-size: 16px } .sets__image { max-width: 80%; position: absolute; right: 0; top: 30%; z-index: 2 } @media (max-width: 767px) { .sets__item:nth-child(3) .sets__image { bottom:0; right: 0; width: 200px } .sets__image { max-width: 240px; right: 16px } } @media screen and (min-width: 768px) { .sets { flex-direction:column; flex-wrap: wrap; height: 400px; padding: 0 16px } .sets__item { cursor: pointer; height: calc(50% - 8px); width: calc(33% - 8px) } .sets__item:nth-child(3) { height: 100% } .sets__item:nth-child(3) .sets__image { width: 240px } } @media (min-width: 1200px) { .sets { margin:0 auto; width: 70vw!important } } .search-param__type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap; } .search-param__auto { width: 118px; height: 118px; border: 1px solid #e1e1e1; background-color: #f8f8f8; padding-bottom: 13px; 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; margin-bottom: 30px } .search-param__auto-name { display: block; color: #747474; font-family: 'Proxima Nova',sans-serif; position: absolute; bottom: 13px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .search-param__auto:hover { -webkit-box-shadow: 0 6px 14px rgba(0,0,0,.15); box-shadow: 0 6px 14px rgba(0,0,0,.15); background-color: #fff } .search-param__auto:hover img { -webkit-filter: sepia(1) saturate(52.5) brightness(.8); filter: sepia(1) saturate(52.5) brightness(.8) } .search-param__auto:hover .search-param__auto-name { color: #000 } .footer { margin-top: 24px; padding: 24px 0 32px } .footer__insurance-logo { height: 8px; margin: 0 4px } .footer__info { border-top: 1px solid #D1D1D1; display: flex; flex-direction: column; gap: 12px; margin-top: 24px; padding: 24px 0 } .footer__info-item { color: #101327; font-size: 14px; text-decoration: none } .footer__info-item--phone { cursor: pointer } .footer__disclaimer { border-bottom: 1px solid #D1D1D1; border-top: 1px solid #D1D1D1; color: rgba(65,99,136,.5); font-size: 12px!important; padding: 24px 0 } .footer__disclaimer p{ font-size: 12px; padding-bottom: 0; } .footer__disclaimer-bank { display: block; margin: 0 auto 16px; width: 64px } .footer__disclaimer-bank-text { color: #919399; padding: 0 24px } .footer__disclaimer--border-top { border-top: 2px solid #e7e7e7; padding-top: 16px } .footer__disclaimer p { margin-bottom: 8px } .footer__disclaimer a { color: #BB1A23; margin-bottom: 8px; text-decoration: underline } .footer__legal { color: #416388; display: flex; font-size: 11px; gap: 16px; list-style: none; margin-top: 24px } .footer__legal-item a { color: #416388 } .footer__payment { margin-top: 16px } .footer__payment-line { display: flex; gap: 8px; justify-content: center; margin-top: 16px } .footer__payment-title { color: #919399; font-size: 12px; text-align: center } .footer__payment-item { max-height: 40px; max-width: 64px } .footer__copy { display: none } @media (max-width: 767px) { .footer__legal { flex-direction:column } } @media (min-width: 768px) { .footer__info { flex-direction:row; justify-content: space-between; width: 100% } .footer__legal { flex-wrap: wrap } } @media screen and (min-width: 1200px) { .footer__info { border:none; margin: 0; padding: 0 0 0 24px } .footer { padding-left: 20vw } .footer__label { border-right: 1px solid #D1D1D1; flex-shrink: 0; padding: 0 24px 24px 0; width: 180px } .footer__label img { height: 16px; width: 100% } .footer__line { align-items: flex-start; display: flex } .footer__copy { border-top: 1px solid #D1D1D1; display: block; flex-shrink: 0; font-size: 12px; height: 100%; padding: 24px 24px 0 0; width: 180px } .footer__disclaimer { border-bottom: 0; border-left: 1px solid #D1D1D1; margin-left: -1px; padding: 24px 0 24px 24px } .footer__legal { border-left: 1px solid #D1D1D1; flex-wrap: nowrap; margin: 0 0 0 -1px; padding: 0 0 24px 24px } } @media (min-width: 1920px) { .footer__copy,.footer__label { width:200px } } .modal { height: 100%; left: 0; position: fixed; top: 0; transform: translateY(-200%); transition: .32s; width: 100%; z-index: 9 } .modal__head-close { position: relative; right: 16px } .modal__head-close.nuxt-icon svg { height: 34px; width: 34px } .modal--open { transform: translateY(0) } .modal__overflow { background: hsla(0,0%,100%,.8); height: 100%; left: 0; opacity: 0!important; position: fixed; top: 0; transition: all 3.6s; width: 100%; z-index: 1 } .modal--open .modal__overflow { opacity: 1!important; transition: all 3.6s } .modal__window { background: #fff; border-top: 1px solid #CCC; height: calc(100% - 80px); padding: 0 16px; position: absolute; top: 80px; width: 100%; z-index: 2 } .modal__head { align-items: center; display: flex; gap: 24px; height: 80px; justify-content: space-between } .modal__title { min-width: calc(100% - 40px) } .modal__body { height: calc(100% - 80px); overflow-x: hidden; overflow-y: scroll; padding-bottom: 24px } .modal__body .form__form .form__row{ display: flex; gap:0.5vw; } .modal__body .form__form .form__row .form__field:first-child{ width: 55%; } .modal__body .form__form .form__row .form__field:last-child{ width: 44%; } .modal__body form{ border: 1px Solid #000; padding: 40px; } .modal__body::-webkit-scrollbar,.modal__body::-webkit-scrollbar-thumb { display: none } .modal__description{ margin-bottom: 20px; } @media screen and (max-width: 640px) { .modal__body .form__form .form__row{ flex-wrap: wrap; } .modal__body .form__form .form__row .form__field{ width: 100% !important; margin-bottom: 15px; } .modal__body .form__form .form__row .form__field .btn{ width: 100%; } } @media screen and (min-width: 1200px) { .modal__body { padding-bottom: 0 } .modal { transform: translateX(-200%) } .modal--open { transform: translateX(0) } .modal__window { border-right: 1px solid #CCC; height: calc(100% - 84px); left: 20vw; padding:40px; top: 88px; width: 750px; } .modal__head-close,.modal__overflow { cursor: pointer } } .autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto; width: 300px !important; } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; line-height: 25px } .autocomplete-selected { background: #f0f0f0 } .autocomplete-suggestions strong { font-weight: normal; color: #39f } .autocomplete-suggestions img { width: 35px; float: left; margin-right: 10px } .header--menu-open .header__contacts-phone .nuxt-icon svg { color: #BB1A23; } /* End */ /* Start:/local/templates/construction/css/styleMobile.css?175166778710630*/ @media (max-width:1920px) { .banners_lower .banners_lower__image{ right: 0; } } @media (max-width:1260px) { .form-main .form__timer{ margin:0; } .banners_header .form-main .form__wrap{ gap:1vw; } .header__wrap{ padding-right: 60px; } .header__menu-btn{ position: absolute; right: 15px; } .catalog-detail .info__colors{ left: 50%; transform: translate(-50%, 0); padding-right: 0; } .catalog-detail .info__colors .colors__text{ display: none; } } @media (max-width:960px) { .banners_header .form-main .form__wrap{ flex-wrap: wrap; margin: 0 -15px; background: #D9D9D9; padding: 25px 25px; } .form-main .timer__title{ color: #000; } .form-main .timer__counter .counter__item .counter__text{ color: #000; } } @media (max-width:768px) { h1{ font-size: 25px; padding-bottom: 20px; } h2, .h2{ font-size: 25px; padding-bottom: 20px; } h3, .h3{ font-size: 20px; padding-bottom: 15px; } h4, .h4{ font-size: 18px; padding-bottom: 15px; } h5, .h5{ font-size: 16px; padding-bottom: 15px; } p, .p{ font-size: 16px; line-height: 22px; } .block ul:not(.my-dots){ font-size: 16px; line-height: 22px; } select{ font-size: 16px; } input.input-line{ height: 30px; } .pb-m-0{ padding-bottom: 0 !important } .btn{ font-size: 16px; } .block{ padding: 30px 0; } .form-main .timer__counter{ margin-bottom: 15px; } .banners_header .banner__item .h1{ font-size: 40px; } .banners_header .banner__item .h2{ font-size: 24px; } .form-main .form__form .form__row{ gap:4vw; flex-wrap: wrap; } .form-main.form-lower{ max-width: 100%; } .form-main .form__form .form__row .form__field{ width: 100%; } .banners_header:not(.banners_header-small){ height: 500px; } .banners_header.banners_header-small{ height: 50vh; } .banners_header .btn-block{ margin: 0; max-width: 100%; position: relative; } .banners_header .form_mobile-image{ margin: 0 -15px; display: block; } .banners_header .form-main .form__title{ position: absolute; color: #FFF; margin-top: -50px; z-index: 1; font-size: 18px; } .catalog__grid--folders { grid-template-columns: 1fr; } .banners_lower .banners_lower__title{ font-size: 25px; } .banners_lower .banners_lower__title-small{ font-size: 14px; } .banners_lower .banners_lower__text-block .text-block__item span{ font-size: 14px; } .banners_lower .banners_lower__text-block .text-block__item ul{ font-size: 12px; } .banners_lower{ min-height: 100%; } .banners_lower .banners_lower__image{ min-height: 100%; width: 100%; background-position: center bottom; background-size: contain; } .banners_lower .banners_lower__wrap{ min-height: 300px; } .banners_lower.credit{ background-size: cover; } .slider-models{ margin:35px 0 40px; } .slider-models .slider-models__title{ font-size: 18px; } .mini-card__name-mark, .mini-card__name-mark.name-mark-taxi{ font-size: 20px; } .mini-card__folder{ font-size: 12px; } .mini-card__price:not(.mini-card__price--old){ font-size: 16px; } .mini-card__price--old, .mini-card__price-old{ font-size: 14px; } .mini-card__price-credit{ font-size: 16px; } .slider-news .slick-slider, .slider-actions .slick-slider, .catalog-detail__gallery .slick-slider, .slider-models .slick-slider{ padding-bottom: 0; margin-bottom: 0; } .cars-slider__wrap .slider-arrows, .slider-news__wrap .slider-arrows, .slider-actions__wrap .slider-arrows{ margin-top: 30px; } .contacts-block{ flex-wrap: wrap; margin: 0 -15px; } .contacts-block .contacts-block__item{ width: 100%; min-height: 300px; } .contacts-block .contacts-block__item.item-contacts p{ font-size: 18px; } .callback-line-form{ text-align: left; } .catalog-detail .catalog-detail__wrap{ flex-wrap: wrap; flex-direction: column-reverse; gap:8vw; } .catalog-detail .catalog-detail__wrap .catalog-detail__image{ width: 100%; margin-top: 0px; } .catalog-detail__exterior{ flex-wrap: wrap; flex-direction: column; gap: 4vw; } .catalog-detail__exterior .exterior__item{ width: 100%; } .catalog-detail .catalog-detail__wrap .catalog-detail__info{ width: 100%; } .catalog-detail .catalog-detail__advansed{ height: auto; justify-content: flex-start; height: auto; top: 0; gap: 8vw; zoom: .7; } .catalog-detail .catalog-detail__warranty{ font-size: 14px; } .catalog-detail .info__colors{ width: 100%; bottom: 0; position: relative; padding-left: 40px; } .catalog-detail .info__colors .colors__list__items{ justify-content: center; } .catalog-detail .info__colors .colors__text{ font-size: 16px; } .catalog-detail .info__complectaion .complectaion__text{ font-size: 16px; } .catalog-detail .benefit__info{ font-size: 16px; } .catalog-detail .bonuses__content{ margin: 30px 0; } .catalog-detail .bonuses__content .switch__line{ width: 20px; min-width: 20px; } .catalog-detail .bonuses__content .switch__item{ right: 5px; } .catalog-detail .bonuses__content .switch__name{ font-size: 16px; } .catalog-detail .info__colors .colors__list__items li{ height: 22px; width: 22px; } .catalog-detail .catalog-detail__action{ flex-wrap: wrap; flex-direction: column-reverse; gap:8vw; } .catalog-detail .catalog-detail__action .action__btn{ width: 100%; } .catalog-detail .catalog-detail__action .action__price{ width: 100%; } .catalog-detail .catalog-detail__action .action__price .price__list{ flex-wrap: wrap; gap: 2vw; } .catalog-detail-equipment{ gap: 2vw; } .catalog-detail-equipment .equipment__item .equipment__title{ font-size: 18px; } .catalog-detail-equipment .equipment__item .params__item{ font-size: 16px; } .calculator .calculator__wrap .calculator__item label{ font-size: 16px; } .calculator .calculator__wrap .calculator__item{ max-width: 100%; margin-bottom: 30px; } .calculator .calculator__form .calculator__form__wrap .form__row{ flex-wrap: wrap; gap: 2vw; } .callback-line-form .callback-line-form__wrap .form__row{ flex-wrap: wrap; gap: 2vw; } .catalog-detail__gallery .gallery__item img{ object-position: center center; } .catalog-detail__gallery .slick-slider .slick-arrow{ z-index: 1; bottom: 30px; display:none!important } .catalog-detail__params .sheet__row .sheet__row{ font-size: 18px; } .advantages-credit{ flex-wrap: wrap; gap: 2vw; } .advantages-credit .advantages-credit__item{ margin: 0 0 30px; } .advantages-credit .advantages-credit__item .title{ font-size: 18px; } .advantages-credit .advantages-credit__item .text{ font-size: 16px; } .credit .select__auto{ flex-wrap: wrap; gap: 2vw; } .credit .select__auto .select__auto__select{ width: 100%; } .credit .select__auto .select__auto__image{ width: 100%; } .credit .calculator .calculator__form .calculator__form__wrap{ margin-top: 30px; } .credit-banks{ flex-wrap: wrap; gap: 2vw; margin-bottom: 30px; } .credit-banks .credit-banks__item{ margin: 0; } .credit-banks .credit-banks__item img{ max-width: 200px; object-fit: contain; height: 70px; } .step{ padding: 30px; } .step:before{ font-size: 100px; } .credit .credit-top__form{ margin: 30px 0; } .credit .credit-top__form .credit-top__form__wrap .form__row{ flex-wrap: wrap; gap: 2vw; } .credit .credit-top__form .credit-top__form__wrap .form__row .form__field label{ font-size: 16px; } .about-company{ flex-wrap: wrap; margin: 30px 0 0; gap: 2vw; } .about-company .about-company__item{ margin: 0; } .company-video{ height: 300px; } .search-param__auto { width: calc(100% / 3 - 20px); } } @media (max-width:520px) { .company .company__description ul{ flex-wrap: wrap; gap: 3vw; } .company .company__description ul li{ width: 100%; } .catalog-detail .info__colors .colors__text{ display: none; } .banners_header.banners_header-small{ height: 230px; } .catalog-detail__name{ margin-bottom: 30px; } .advantages-credit{ margin: 0 -15px; } .advantages-credit .advantages-credit__item .title, .advantages-credit .advantages-credit__item .text{ padding: 0 15px; } .advantages-credit .advantages-credit__item{ max-width: 100%; } .advantages-credit .advantages-credit__item img{ width: 100%; } .contacts-block .contacts-block__item.item-contacts{ padding: 45px 15px; } .form-main .form__form .form__row .form__field button{ max-width: 100%; } } @media (max-width:460px) { .footer-head{ flex-wrap: wrap; } .footer-head__logo{ width: 100%; } .footer-head__logo img{ margin: 0 auto; } .footer-head__right{ text-align: center; } .form-main .timer__counter .counter__number__wrap{ zoom: .9; } .slider-actions .slider-actions__wrap .slider-actions__item{ width: 100%; } .slider-actions .slider-actions__wrap{ gap: 4vw; } .popular__mark .nuxt-icon img{ width: 40px; } .popular__mark-used{ padding: 15px 5px; } .search-param__auto { width: calc(100% / 3 - 10px); margin-bottom: 20px; } .search-param__auto-name{ font-size: 12px; } .credit-banks .credit-banks__item{ width: 100%; } .credit-banks .credit-banks__item img{ max-width: 270px; margin: 0 auto; } } /* End */ /* Start:/local/templates/construction/css/ion.rangeSlider.css?174884877213749*/ /** Ion.RangeSlider, 2.3.1 © Denis Ineshin, 2010 - 2019, IonDen.com Build date: 2019-12-19 16:51:02 */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1; } .irs-handle.type_last { z-index: 2; } .irs-min, .irs-max { position: absolute; display: block; cursor: default; } .irs-min { left: 0; } .irs-max { right: 0; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0 !important; width: 100% !important; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: -22px; left: 0; width: 1px; height: 17px; background: #000; } .irs-grid-pol.small { height: 4px; display: none; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: 0.4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs--flat { height: 40px; } .irs--flat.irs-with-grid { height: 60px; } .irs--flat .irs-line { top: 25px; height: 1px; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-bar { top: 25px; height: 1px; background-color: #BB1A23; } .irs--flat .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9; } .irs--flat .irs-handle { top: 22px; width: 16px; height: 18px; background-color: transparent; } .irs--flat .irs-handle > i:first-child { position: absolute; display: block; top: -3px; left: 50%; width: 14px; height: 14px!important; border-radius: 50%; height: 100%; margin-left: -1px; background-color: #BB1A23; } .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: #a50c14; } .irs--flat .irs-min, .irs--flat .irs-max { padding: 0; visibility: visible !important; text-shadow: none; border-radius: 4px; position: absolute; top: 60px; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: white; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #ed5565; border-radius: 4px; } .irs--flat .irs-single{ right: -10px !important; left: auto !important; top: -30px; color: #BB1A23; background: none; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; } .irs--flat .irs-single:before{ display: none!important; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; } .irs--flat .irs-grid-pol { background-color: #BB1A23; } .irs--flat .irs-grid-text { display: none; } .irs--big { height: 55px; } .irs--big.irs-with-grid { height: 70px; } .irs--big .irs-line { top: 33px; height: 12px; background-color: white; background: linear-gradient(to bottom, #ddd -50%, white 150%); border: 1px solid #ccc; border-radius: 12px; } .irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); } .irs--big .irs-bar--single { border-radius: 12px 0 0 12px; } .irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, 0.5); } .irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #cbcfd5; background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white; border-radius: 30px; } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, 0.45); background-color: #939ba7; background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%); } .irs--big .irs-min, .irs--big .irs-max { top: 0; padding: 1px 5px; color: white; text-shadow: none; background-color: #9f9f9f; border-radius: 3px; } .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { color: white; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); border-radius: 3px; } .irs--big .irs-grid-pol { background-color: #428bca; } .irs--big .irs-grid-text { color: #428bca; } .irs--modern { height: 55px; } .irs--modern.irs-with-grid { height: 55px; } .irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px; } .irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); } .irs--modern .irs-bar--single { border-radius: 5px 0 0 5px; } .irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, 0.5); } .irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: white; transform: rotate(45deg); } .irs--modern .irs-handle > i:nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: linear-gradient(to bottom, white 0%, #e9e6e6 100%); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1; } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%); } .irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) { border-color: #7685a2; } .irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) { border-color: #48536a; } .irs--modern .irs-min, .irs--modern .irs-max { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: white; background-color: #d1d6e0; border-radius: 5px; } .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: white; border-radius: 5px; } .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426; } .irs--modern .irs-grid { height: 25px; } .irs--modern .irs-grid-pol { background-color: #dedede; } .irs--modern .irs-grid-text { color: silver; font-size: 13px; } .irs--sharp { height: 50px; font-size: 12px; line-height: 1; } .irs--sharp.irs-with-grid { height: 57px; } .irs--sharp .irs-line { top: 30px; height: 2px; background-color: black; border-radius: 2px; } .irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa; } .irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px; } .irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, 0.5); } .irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2; } .irs--sharp .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: black; } .irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child { border-top-color: black; } .irs--sharp .irs-min, .irs--sharp .irs-max { color: white; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: 0.4; background-color: #a804b2; border-radius: 2px; } .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: white; border-radius: 2px; } .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-grid { height: 25px; } .irs--sharp .irs-grid-pol { background-color: #dedede; } .irs--sharp .irs-grid-text { color: silver; font-size: 13px; } .irs--round { height: 50px; } .irs--round.irs-with-grid { height: 65px; } .irs--round .irs-line { top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px; } .irs--round .irs-bar { top: 36px; height: 4px; background-color: #006cfa; } .irs--round .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, 0.5); } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid #006cfa; background-color: white; border-radius: 24px; box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #f0f6ff; } .irs--round .irs-min, .irs--round .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: white; border-radius: 4px; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa; } .irs--round .irs-grid { height: 25px; } .irs--round .irs-grid-pol { background-color: #dedede; } .irs--round .irs-grid-text { color: silver; font-size: 13px; } .irs--square { height: 50px; } .irs--square.irs-with-grid { height: 60px; } .irs--square .irs-line { top: 31px; height: 4px; background-color: #dedede; } .irs--square .irs-bar { top: 31px; height: 4px; background-color: black; } .irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede; } .irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid black; background-color: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff; } .irs--square .irs-min, .irs--square .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); } .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: black; color: white; } .irs--square .irs-grid { height: 25px; } .irs--square .irs-grid-pol { background-color: #dedede; } .irs--square .irs-grid-text { color: silver; font-size: 11px; } /* End */ /* Start:/local/templates/construction/js/fancybox_2/jquery.fancybox.min.css?174884884515512*/ @charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999999;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.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:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:0;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{border-radius:16px;display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:0 0;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:0}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:0 0;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:-15px;right:-15px;width:35px;height:35px;padding:0;margin:0;border:0;border-radius:0;background:0 0;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"\00D7";position:absolute;top:0;right:0;width:35px;height:35px;font:34px/34px Arial,Helvetica Neue,Helvetica,sans-serif;color:#fff;font-weight:300;text-align:center;border-radius:50%;background:#fe961d;border-width:0;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:0}.fancybox-close-small:hover:after{color:#fff;background:#12800b}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:0 0}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:0 0;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.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{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.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)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.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{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:0 0;color:#5d5b5b;font-size:14px;outline:0;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}.styleforsmallpopup .textinput40{min-width:300px}.styleforsmallpopup .textinput40.textinput_captcha{float:left;min-width:108px;width:108px;margin-right:10px}.styleforsmallpopup form{max-width:380px}.popup{min-width:330px}.popup_head{font-size:24px;color:#fff;text-align:center;padding:9px 59px;background-repeat:repeat-x;background-position:0 -412px}.popup_dashed{border:1px solid #dbdbdb;border-top:none;overflow:hidden}.popup_body{padding:25px 30px}.popup_foot{text-align:center;padding:14px 0;background-color:#f3f3f3}body .popup_foot a{font-size:12px;font-weight:700;color:#777;text-transform:uppercase;text-decoration:none;border-bottom:1px dashed #777}body .popup_foot a:hover{text-decoration:none;border-bottom:1px dashed #f3f3f3}.registration .fancybox-slide>*{padding:0}.desktop .fancybox-navigation .fancybox-button--arrow_right{right:50px}.desktop .fancybox-navigation .fancybox-button--arrow_left{left:50px}.modal_text{padding:0 40px;-webkit-overflow-scrolling:touch}.complect-modal-text .fancybox-slide{transform:none!important}.modal_text h1{font:bold 30px/30px Roboto Condensed;color:#000;text-transform:uppercase;text-align:center;margin:0 0 30px;padding:40px 0 20px;border-bottom:1px Solid #000}.modal_text.credit ol,.modal_text.credit ul{font-size:18px;color:#000;margin:0;padding:0 0 30px 15px;font-family:arial}.modal_text .credit_text{padding:0 40px}.modal_text .credit_text img{display:block;margin:30px auto;width:250px}.modal_text .credit_text a{color:#fe961d;text-decoration:none}.modal_text.credit ol li,.modal_text.credit ul li{margin:0 0 20px}.modal_text.credit p{font-size:18px;font-family:arial;color:#000;margin:0 0 20px}@media screen and (max-width:960px){.fancybox-close-small{top:5px;right:5px}.modal_text{padding:0 15px}.modal_text h1{padding:20px 0;font-size: 18px;line-height: 18px;}}@media only screen and (max-device-width:320px){.styleforsmallpopup .textinput40{min-width:auto}.popup{min-width:100%}} /* End */ /* Start:/bitrix/components/bitrix/breadcrumb/templates/.default/style.css?1748175029377*/ .bx-breadcrumb { } .bx-breadcrumb i { } .bx-breadcrumb .bx-breadcrumb-item { float: left; margin-bottom: 10px; white-space: nowrap; line-height: 13px; vertical-align: middle; margin-right: 10px; } .bx-breadcrumb .bx-breadcrumb-item span { white-space: normal; } .bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;} .bx-breadcrumb .bx-breadcrumb-item a:hover {} /* End */ /* /local/templates/construction/fonts/Montserrat/stylesheet.css?17488488108267 */ /* /local/templates/construction/css/reset.css?17488487734718 */ /* /local/templates/construction/css/header.css?174884877215484 */ /* /local/templates/construction/css/slick.css?17488487731776 */ /* /local/templates/construction/css/style.css?175032233852460 */ /* /local/templates/construction/css/styleMobile.css?175166778710630 */ /* /local/templates/construction/css/ion.rangeSlider.css?174884877213749 */ /* /local/templates/construction/js/fancybox_2/jquery.fancybox.min.css?174884884515512 */ /* /bitrix/components/bitrix/breadcrumb/templates/.default/style.css?1748175029377 */