/* http://meyerweb.com/eric/tools/css/reset/ v2.0-modified | 20110126 License: none (public domain) */ @media all and (-webkit-min-device-pixel-ratio:0) { 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%; font: inherit; vertical-align: baseline; } /* make sure to set some focus styles for accessibility */ :focus { outline: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none; } input[type=search] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } textarea { overflow: auto; vertical-align: top; resize: vertical; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; max-width: 100%; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } html, button, input, select, textarea { color: #222; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /** *Fonts Start */ /* open-sans-300 - latin */ /* open-sans-300 - latin */ /* open-sans-300 - latin_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/open-sans-v18-latin_cyrillic-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v18-latin_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v18-latin_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v18-latin_cyrillic-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; font-display: swap; src: url('../fonts/open-sans-v18-latin_cyrillic-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v18-latin_cyrillic-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v18-latin_cyrillic-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v18-latin_cyrillic-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/open-sans-v18-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v18-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v18-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v18-latin_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/open-sans-v18-latin_cyrillic-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v18-latin_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v18-latin_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v18-latin_cyrillic-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url('../fonts/open-sans-v18-latin_cyrillic-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v18-latin_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v18-latin_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v18-latin_cyrillic-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; font-display: swap; src: url('../fonts/open-sans-v18-latin_cyrillic-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v18-latin_cyrillic-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v18-latin_cyrillic-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v18-latin_cyrillic-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/open-sans-v18-latin_cyrillic-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v18-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v18-latin_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v18-latin_cyrillic-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url('../fonts/open-sans-v18-latin_cyrillic-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v18-latin_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v18-latin_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v18-latin_cyrillic-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/open-sans-v18-latin_cyrillic-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v18-latin_cyrillic-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v18-latin_cyrillic-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v18-latin_cyrillic-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin_cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; font-display: swap; src: url('../fonts/open-sans-v18-latin_cyrillic-800italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v18-latin_cyrillic-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v18-latin_cyrillic-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v18-latin_cyrillic-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* montserrat-300 - latin_cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/montserrat-v15-latin_cyrillic-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v15-latin_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v15-latin_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v15-latin_cyrillic-300.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-300italic - latin_cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; font-display: swap; src: url('../fonts/montserrat-v15-latin_cyrillic-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v15-latin_cyrillic-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v15-latin_cyrillic-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v15-latin_cyrillic-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-regular - latin_cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/montserrat-v15-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v15-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v15-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v15-latin_cyrillic-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-italic - latin_cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url('../fonts/montserrat-v15-latin_cyrillic-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v15-latin_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v15-latin_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v15-latin_cyrillic-italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500 - latin_cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/montserrat-v15-latin_cyrillic-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v15-latin_cyrillic-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v15-latin_cyrillic-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v15-latin_cyrillic-500.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500italic - latin_cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url('../fonts/montserrat-v15-latin_cyrillic-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v15-latin_cyrillic-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v15-latin_cyrillic-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v15-latin_cyrillic-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600 - latin_cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/montserrat-v15-latin_cyrillic-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v15-latin_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v15-latin_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v15-latin_cyrillic-600.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600italic - latin_cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url('../fonts/montserrat-v15-latin_cyrillic-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v15-latin_cyrillic-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v15-latin_cyrillic-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v15-latin_cyrillic-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700 - latin_cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/montserrat-v15-latin_cyrillic-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v15-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v15-latin_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v15-latin_cyrillic-700.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700italic - latin_cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url('../fonts/montserrat-v15-latin_cyrillic-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v15-latin_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v15-latin_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v15-latin_cyrillic-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-800 - latin_cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/montserrat-v15-latin_cyrillic-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v15-latin_cyrillic-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v15-latin_cyrillic-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v15-latin_cyrillic-800.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-800italic - latin_cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 800; font-display: swap; src: url('../fonts/montserrat-v15-latin_cyrillic-800italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v15-latin_cyrillic-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v15-latin_cyrillic-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v15-latin_cyrillic-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-900 - latin_cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url('../fonts/montserrat-v15-latin_cyrillic-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v15-latin_cyrillic-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v15-latin_cyrillic-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v15-latin_cyrillic-900.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-900italic - latin_cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 900; font-display: swap; src: url('../fonts/montserrat-v15-latin_cyrillic-900italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v15-latin_cyrillic-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v15-latin_cyrillic-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-900italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v15-latin_cyrillic-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v15-latin_cyrillic-900italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'FontAwesome5Free'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/fa-brands.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fa-brands.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fa-brands.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fa-brands.woff') format('woff'), /* Modern Browsers */ url('../fonts/fa-brands.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fa-brands.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'FontAwesome5Free'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/fa-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fa-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fa-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fa-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/fa-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fa-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'FontAwesome5Free'; font-style: normal; font-weight: 900; font-display: swap; src: url('../fonts/fa-solid.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/fa-solid.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/fa-solid.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/fa-solid.woff') format('woff'), /* Modern Browsers */ url('../fonts/fa-solid.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/fa-solid.svg#Montserrat') format('svg'); /* Legacy iOS */ } /** *Fonts End */ /*= ОБЩИЕ СТИЛИ --------------------------------------------------------*/ body { background: linear-gradient(149.24deg, rgba(0, 86, 24, 0.95), rgba(0, 97, 15, 0.4)), url(/images/backgraunds/fonindexcr.jpg) center/cover fixed; font-family: 'Open Sans', sans-serif; color: #777; overflow-x: hidden; } a { color: #f58220; font-weight: 400; } span { font-weight: 300; color: #f58220; } .mlogin { margin: 170px auto 0; } .mregister { margin: 80px auto 0; } .error { margin: 40px auto 0; border: 1px solid #777; padding: 3px; color: #fff; text-align: center; width: 650px; background: #f58220; } .regtext { font-size: 13px; margin-top: 26px; color: #777; } /*= КОНТЕЙНЕРЫ --------------------------------------------------------*/ .container { padding: 25px 16px 25px 10px; font-weight: 400; overflow: hidden; width: 350px; height: auto; background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.13); box-shadow: 0 1px 3px rgba(0,0,0,.13); } #welcome { width: 500px; padding: 30px; background: #fff; margin: 160px auto 0; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.13); box-shadow: 0 1px 3px rgba(0,0,0,.13); } .container h1 { color: #777; text-align: center; font-weight: 300; border: 1px dashed #777; margin-top: 13px; } .container label { color: #777; font-size: 14px; } #login { width: 320px; margin: auto; padding-bottom: 15px; } .container form .input,.container input[type=text],.container input[type=password],.container input[type=e] { background: #fbfbfb; font-size: 24px; line-height: 1; width: 100%; padding: 3px; margin: 0 6px 5px 0; outline: none; border: 1px solid #d9d9d9; } .container form .input:focus { border: 1px solid #f58220; -webkit-box-shadow: 0 0 3px 0 rgba(245,130,32,0.75); -moz-box-shadow: 0 0 3px 0 rgba(245,130,32,0.75); box-shadow: 0 0 3px 0 rgba(245,130,32,0.75); } /*= КНОПКИ --------------------------------------------------------*/ .button{ border: solid 1px #2bb575; background: #f78d1d; background: -webkit-gradient(linear, left top, leftbottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); color: #2bb575; padding: 7px 12px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; float: right; cursor: pointer; } .button:hover{ background: #f47c20; background: -webkit-gradient(linear, left top, leftbottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } /*= ПОДВАЛ --------------------------------------------------------*/ footer { color: #777; font-size: 12px; text-align: center; margin-top: 20px; } .body{ background-color: #F6F6F6; } .pozvonim-mobile{ max-width:100vw !important; } /* Голова */ .headermenu_wapper{ position: fixed; z-index: 98; width: 100vw; margin: 0 auto; } .headermenu_backgraund1{ position: fixed; max-width: 100vw; z-index: 97; width: 100%; min-height: 99px; background: rgb(255, 255, 255); } .headermenu{ width: 100vw; z-index: 99; min-height: 99px; margin: 0 auto; display: flex; flex-wrap: wrap; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); } .headermenu_backgraund{ position: fixed; z-index: 96; top: 0px; width: 100vw; min-height: 99px; margin: 0 auto; background: #0C6824; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); } .header__logo{ position: relative; top: -30px; width: 200px; height: 100px; display: flex; flex-wrap: wrap; order: 0; flex-grow: 0; margin-left: 40px; } .header__logo-link{ width: 177.77px; height: 48px; margin-top: 24px; display: flex; flex-wrap: wrap; text-decoration: none; } .logo_name{ position: relative; width: 135px; height: 32px; /* Набор / Заголовок 3 */ font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 32px; color: #E51523; /* Inside Auto Layout */ flex: none; order: 0; flex-grow: 0; margin-top: 8px; margin-left: 8px; } .header__nav{ width: auto; height: 99px; display: flex; flex-wrap: wrap; margin-left: 130px; } .contactinfo{ width: 168px; height: 40px; left: 1083px; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; text-align: right; color: #ffffff; margin-top: 30px; margin-right: 16px; background: #E51523; border-radius: 8px; } .fix_header{ height: 24px; padding-top: 8px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 18px; line-height: 24px; text-align: center; color: #FFFFFF; } .header__list{ display: flex; flex-wrap: wrap; width: auto; margin: 0 auto; } .header__item{ position: static; width: auto; font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-size: 16px; line-height: 24px; border-radius: 0px 0px 0px 0px; flex: none; order: 1; flex-grow: 0; margin-right: 24px; padding-top: 27px; padding-bottom: 26px; padding-left: 10px; padding-right: 10px; } .header__item:last-child{ margin-right: 0px; } .header__link{ text-decoration: none; font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-size: 16px; line-height: 24px; color: #0c6824 !important; } .header__link:hover{ color: #333333; } .name_login{ text-align: center; margin-right: 16px; } .name_login1{ text-align: center; margin-right: 16px; opacity: 0; } .login{ margin-top: 28px; } .exit{ margin-top: 8px; color: #d6d6d666; } a{ color: #d6d6d666; } a:hover {color: #F6F6F6} .header__profile{ position: static; width: 48px; height: 48px; display: flex; align-items: center; text-align: center; background: transparent; border: 1px solid #FFFFFF; border-color: #FFFFFF; border-radius: 50%; margin-top: 24px; margin-right: 40px; } .header__profile1{ position: static; width: 48px; height: 48px; display: flex; align-items: center; text-align: center; /* Кнопка / Текст */ background: transparent; border: 1px solid #FFFFFF; border-color: #FFFFFF; border-radius: 50%; /* Inside Auto Layout */ margin-top: 24px; margin-right: 16px; opacity: 0; } .header__profile:hover{ background-color: #E51523; } .profile-scroll{ min-width: auto; min-height: 48px; margin: 0 auto; } .profile__img{ margin-top: 12px; } .contact__img{ padding-top: 8px; padding-bottom: 8px; padding-right: 8px; padding-left: 14px; } /* Голова конец */ /* Лицо начало */ .intro_w{ width: 100vw; margin: 0 auto; } .intro_wrapper{ position: relative; z-index: 95; width: 100vw; height: 776px; display: flex; flex-wrap: wrap; background: url(/images/backgraunds/.jpg); background-size: cover; margin: 0 auto; } .warpper{ width: 100%; height: 776px; z-index: 1; top: 0; } .wapperfix{ width: auto; margin-left: 20px; } .warpper2{ width: 1080px; height: auto; } .warpper3{ position: relative; z-index: 3; width: 580px; height: auto; } .image_fon{ position: absolute; z-index: 1; width: 100vw; height: 776px; } .intro_title{ position: static; max-width: 100%; padding-top: 10px; /* Набор / Заголовок 1 */ font-family: 'Open Sans'; font-style: normal; font-weight: bold; font-size: 30px; line-height: 40px; /* or 117% */ /* Поле / Фон */ color: #FFFFFF; /* Inside Auto Layout */ flex: none; order: 0; flex-grow: 0; } .intro_paragrapth{ width: 544px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; color: #FFFFFF; margin-top: 10px; } .input_intro{ width: 544px; height: 56px; margin-top: 8px; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; background: #FFFFFF; border: 1px solid #999999; border-radius: 8px; box-sizing: border-box; padding-left: 16px; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); } .input_intro::placeholder{ color: #a3a3a3be; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; } .form-control-group{ width: 580px; display: flex; flex-wrap: wrap; } .help_intro{ position: relative; z-index: 10; width: 20px; height: 24px; margin-top: 23px; margin-left: 16px; background: url(/images/headermenu/help_ico.png) no-repeat center; cursor: pointer; } .help_box{ display: none; flex-direction: column; align-items: flex-start; padding: 16px; position: relative; z-index: 10; width: 276px; height: 112px; top: -255px; left: 585px; background: #FFFFFF; border-radius: 8px; box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); } .help_box2{ display: none; flex-direction: column; align-items: flex-start; padding: 16px; position: relative; z-index: 10; width: 276px; height: 112px; margin-top: -180px; margin-left: 760px; background: #FFFFFF; border-radius: 8px; box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); } .help_box3{ display: none; flex-direction: column; align-items: flex-start; padding: 16px; position: relative; z-index: 10; width: 276px; height: 112px; margin-top: -200px; margin-left: 760px; background: #FFFFFF; border-radius: 8px; box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); } .help_boxtext{ position: static; width: 256px; height: 80px; left: 16px; top: 16px; right: 16px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #666666; flex: none; order: 0; flex-grow: 0; margin: 10px 10px; } .button_intro{ display: flex; align-items: center; justify-content: center; text-align: center; width: 170px; height: 72px; border-radius: 8px; border: 0px; margin-top: 24px; padding-left: 20px; width: 145px; height: 56px; color: #FFFFFF; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); font-family: 'Open Sans'; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; } .button_intro:hover{ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); } .intro__img{ position: absolute; margin-top: 105px; margin-left: -530px; cursor: pointer; display: none; } .image_logo{ width: 379px; height: 538px; background: url(/images/backgraunds/logo.png), no-repeat; background-position: center; background-size: cover; margin-left: 277px; margin-top: 136px; } .image_end{ position: absolute; z-index: 2; width: 100vw; height: 80px; top: 696px; background: url(/images/backgraunds/end_pic.png), no-repeat; background-size: cover; background-position: center; } /* Лицо конец */ /* Тело начало */ /* .intro_wrapper1{ position: absolute; width: 100vw; height: 776px; top: 0; display: flex; flex-wrap: wrap; z-index: 0; background: url(/images/backgraunds/dizel.jpg) no-repeat center; background-size: cover; margin: 0 auto; } */ .image_fon1{ position: absolute; z-index: 2; width: 100vw; height: 80px; top:696px; margin: 0 auto; } .main_w{ width: 100vw; margin: 0 auto; padding-top: 120px; background: url(/images/backgraunds/fonindex.png); background-size: cover; background-position-y: -120px; } .main_wp{ width: 100vw; margin: 0 auto; padding-top: 120px; background-size: cover; background-position-y: -120px; } .main_body{ width: 100vw; height: auto; margin: 0 auto; } .main_cool{ width: 100vw; height: auto; margin: 0 auto; } .main_block{ position: relative; z-index: 3; width: 1224px; min-height: 480px; height: auto; display: flex; flex-wrap: wrap; margin: 0 auto; padding-top: 20px; padding-top: 20px; } .cool_fix{ width: 1600px; margin: 0 auto; } .our_coolblock{ width: 259px; height: 80px; /* Набор / Заголовок 2 */ font-family: 'Open Sans'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; color: #222222; margin-left: 200px; } .coolback1{ position: relative; z-index: 3; width: 384px; height: 406px; margin-right: 24px; margin-top: 48px; background: #FFFFFF; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); border: 1px solid #42A06E; box-sizing: border-box; transform: skewY(-3deg); } .coolback2{ position: relative; z-index: 3; width: 384px; height: 406px; margin-right: 24px; margin-top: 48px; background: #FFFFFF; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); border: 1px solid #42A06E; box-sizing: border-box; transform: skewY(-3deg); } .coolback3{ position: relative; z-index: 3; width: 384px; height: 406px; margin-right: 24px; margin-top: 48px; background: #FFFFFF; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); border: 1px solid #42A06E; box-sizing: border-box; transform: skewY(-3deg); } .coolback4{ position: relative; z-index: 3; width: 384px; height: 406px; margin-right: 24px; margin-top: 48px; background: #FFFFFF; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); box-shadow: inset 0px 0px 20px rgba(0, 142, 40, 0.2); transform: skewY(-3deg); } .coolback5{ position: relative; z-index: 3; width: 384px; height: 406px; margin-right: 24px; margin-top: 48px; background: #FFFFFF; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); box-shadow: inset 0px 0px 20px rgba(0, 142, 40, 0.2); transform: skewY(-3deg); } .coolback6{ position: relative; z-index: 3; width: 384px; height: 406px; margin-right: 24px; margin-top: 48px; background: #FFFFFF; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); box-shadow: inset 0px 0px 20px rgba(0, 142, 40, 0.2); transform: skewY(-1deg); } .cool_block1{ margin-top: -20px; } .cool_block2{ margin-top: -40px; } .cool_block3{ margin-top: -60px; } /* .cool_block1:hover{ filter: drop-shadow(0px 1px 20px #e5152375); -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; cursor: pointer; } .cool_block2:hover{ filter: drop-shadow(0px 1px 20px #e5152375); -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; cursor: pointer; } .cool_block3:hover{ filter: drop-shadow(0px 1px 20px #e5152375); -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; cursor: pointer; } */ /* .cool_block1:hover .coolback1{ box-shadow: inset 0px 0px 0px 0px red; } .cool_block2:hover .coolback2{ box-shadow: inset 0px 0px 0px 0px red; } .cool_block3:hover .coolback3{ box-shadow: inset 0px 0px 0px 0px red; } */ .cool_img1{ position: relative; z-index: 4; width: 368px; height: 288px; padding-top: 19px; padding-left: 8px; background: url(/images/cool/1.png) no-repeat center; margin-top: -400px; } /* .cool_block1:hover .cool_img1{ background: url(/images/cool/1_1.png) no-repeat center; } */ .cool_img2{ position: relative; z-index: 4; width: 368px; height: 288px; padding-top: 19px; padding-left: 8px; background: url(/images/cool/2.png) no-repeat center; margin-top: -400px; } /* .cool_block2:hover .cool_img2{ background: url(/images/cool/2_2.png) no-repeat center; } */ .cool_img3{ position: relative; z-index: 4; width: 368px; height: 288px; padding-top: 19px; padding-left: 8px; background: url(/images/cool/3.png) no-repeat center; margin-top: -400px; } /* .cool_block3:hover .cool_img3{ background: url(/images/cool/3_3.png) no-repeat center; } */ .cool_text{ position: absolute; z-index: 5; width: 368px; height: 48px; padding-left: 8px; font-family: 'Open Sans'; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; text-align: center; cursor: pointer; color: #000000; margin-top: -20px; } .image_end1{ position: relative; z-index: 0; width: 100vw; height: 80px; background: url(/images/backgraunds/end_pic1.png) no-repeat; background-size: cover; background-position: center; } .servises{ position: relative; z-index: 2; width: 100vw; min-height: 400px; height: auto; background: #EEEEEE; display: flex; flex-wrap: wrap; margin: 0 auto; } .servises_block{ width: 1600px; height: auto; display: flex; flex-wrap: wrap; margin: 0 auto; } .servises_text{ width: 560px; height: 184px; margin-left: 200px; padding-top: 80px; } .our_servises{ width: 219px; height: 40px; /* Набор / Заголовок 2 */ font-family: 'Open Sans'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; /* identical to box height, or 125% */ /* Набор / Заголовок */ color: #222222; } .our_servises_p{ width: 560px; height: 120px; margin-top: 24px; /* Набор / Параграф */ font-family: 'Open Sans'; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; /* or 150% */ font-feature-settings: 'ss01' on; /* Набор / Заголовок */ color: #222222; } .servises_icom{ width: 644px; height: 184px; display: flex; flex-wrap: wrap; } .servises_ico1{ position: relative; width: 296px; height: 80px; margin-top: 80px; margin-left: 16px; background: url(/images/servises/Rectangle_3.png); } .servises_ico2{ position: relative; width: 296px; height: 80px; margin-top: 80px; margin-left: 32px; background: url(/images/servises/Rectangle_4.png); } .servises_ico3{ position: relative; width: 296px; height: 80px; margin-top: 24px; margin-left: 16px; background: url(/images/servises/Rectangle_5.png); } .servises_ico4{ position: relative; width: 296px; height: 80px; margin-top: 24px; margin-left: 32px; background: url(/images/servises/Rectangle_6.png); } .image_end3{ position: relative; z-index: 2; width: 100vw; height: 80px; background: url(/images/backgraunds/end_pic1.png) no-repeat; background-size: cover; background-position: center; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); } .image_end33{ position: relative; z-index: 1; width: 1600px; height: 80px; margin-top: -80px; background-image: url(/images/backgraunds/end_pic.png); } /* Мини блоки начало */ .mini_swipe{ width: 1600px; height: auto; margin: 0 auto; margin-bottom: 280px; } .mini_blockswipe{ width: 1152px; height: auto; padding-left: 200px; } .mini_headswipe1{ width: 446px; height: 80px; font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 32px; line-height: 40px; color: #222222; margin-top: 80px; margin-left: 128px; } .miniswipe1{ width: 1112px; height: 248px; background: #FFFFFF; border: 1px solid #42A06E; box-sizing: border-box; box-shadow: 0px 0px 20px rgba(102, 102, 102, 0.1); border-radius: 40px; margin-top: 24px; margin-left: 88px; } .mini_pswipe1{ width: 597px; height: 168px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #222222; margin-top: 40px; margin-left: 40px; } .mini_icoswipe1{ position: absolute; z-index: 2; width: 687px; height: 539px; background: url(/images/cool/001.png) no-repeat top; margin-top: -420px; margin-left: 730px; } .mini_headswipe2{ width: 261px; height: 40px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; color: #222222; margin-top: 120px; margin-left: 469px; } .miniswipe2{ width: 1112px; height: 272px; background: #FFFFFF; border: 1px solid #42A06E; box-sizing: border-box; box-shadow: 0px 0px 20px rgba(102, 102, 102, 0.1); border-radius: 40px; margin-top: 24px; } .mini_pswipe2{ width: 603px; height: 192px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #222222; margin-left: 469px; margin-top: 40px; } .mini_icoswipe2{ position: absolute; z-index: 2; width: 687px; height: 539px; background: url(/images/cool/002.png) no-repeat top; margin-top: -380px; margin-left: -200px; } .mini_headswipe3{ width: 477px; height: 40px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; color: #222222; margin-top: 100px; margin-left: 128px; } .mini_icoswipe3{ position: absolute; z-index: 2; width: 687px; height: 539px; background: url(/images/cool/003.png) no-repeat top; margin-top: -420px; margin-left: 730px; } .mini_headswipe4{ width: 466px; height: 80px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; color: #222222; margin-top: 120px; margin-left: 469px; } .mini_icoswipe4{ position: absolute; z-index: 2; width: 687px; height: 539px; background: url(/images/cool/004.png) no-repeat top; margin-top: -370px; margin-left: -200px; } .miniswipe4{ width: 1112px; height: 176px; background: #FFFFFF; border: 1px solid #42A06E; box-sizing: border-box; box-shadow: 0px 0px 20px rgba(102, 102, 102, 0.1); border-radius: 40px; margin-top: 24px; } /* Мини блоки конец */ /* Мини новости начало */ .mini_news{ width: 100vw; height: 800px; margin: 0 auto; } .mininews_fix{ width: 1600px; margin: 0 auto; } .mini_block{ width: 1152px; height: 640px; padding-top: 40px; padding-left: 200px; } .mini_head{ width: 331px; height: 40px; font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 32px; line-height: 40px; color: #222222; } .mini_p{ width: 560px; height: 72px; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #222222; margin-top: 24px; } .mini_coub{ width: 1204px; height: 368px; display: flex; flex-wrap: wrap; margin-top: 40px; } .mini_new{ width: 384px; height: 368px; background: #FFFFFF; margin-right: 24px; } .mini_new:last-child{ margin-right: 0px; } .mini_new:hover{ cursor: pointer; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); } .mini_white{ position: absolute; z-index: 1; width: 384px; height: 168px; margin-top: 96px; } .mini_ico1{ position: absolute; z-index: 1; width: 384px; height: 264px; background: url(/images/news/rectangle_1.jpg) no-repeat top; } .mini_ico2{ position: absolute; z-index: 1; width: 384px; height: 264px; background: url(/images/news/rectangle_2.jpg) no-repeat top; } .mini_ico3{ position: absolute; z-index: 1; width: 384px; height: 264px; background: url(/images/news/rectangle_3.jpg) no-repeat top; } .mini_header{ position: relative; width: 344px; height: 74px; left: 24px; right: 28px; top: 208px; font-family: Montserrat; font-style: normal; font-weight: 700; font-size: 24px; line-height: 32px; /* or 133% */ display: flex; align-items: flex-end; color: #222222; z-index: 3; } .go_news{ position: relative; width: 148px; height: 24px; top: 248px; left: 24px; font-family: Open Sans; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #222222; z-index: 3; } .arrow{ position: relative; z-index: 3; width: 105px; height: 16px; left: 240px; top: 228px; background-image: url(/images/headermenu/arrow.png); } .button_news{ position: absolute; width: 210px; height: 56px; left: calc(50% - 210px/2 + 0.5px); display: flex; flex-direction: row; align-items: center; padding: 16px 28px; border: 0px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); /* Кнопка / Тень */ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); border-radius: 8px; margin-top: 40px; } .button_news:hover{ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.8); } .button_news_mass{ position: static; left: 28px; right: 28px; top: 16px; bottom: 16px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; flex: none; order: 2; flex-grow: 0; margin: 0px 0px; } .image_end2{ width: 100vw; height: 80px; background: url(/images/backgraunds/end_pic.png) no-repeat; background-position: center; background-size: cover; margin-top: 80px; transform: rotate(180deg); } /* Мини новости конец */ /* Инфо начало */ .end_infow{ width: 100vw; margin: 0 auto; } .enlinfo_box{ position: relative; width: 100vw; height: 568px; background-size: cover; z-index: 0; margin: 0 auto; margin-top: -92px; } .info_fon2{ position: absolute; z-index: -1; width: 100vw; height: 568px; background: url(/images/backgraunds/remont.jpg) center; background-size: cover; } .info_fon{ position: absolute; z-index: -1; width: 100vw; height: 568px; } .info_man{ position: absolute; width: 484px; height: 683px; right: 360px; bottom: -28px; z-index: 1; filter: drop-shadow(0px 1px 20px rgba(102, 102, 102, 0.1)); background: url(/images/backgraunds/FreeiPhoneXr.png) center no-repeat; } .endinfo_fix{ width: 1600px; margin: 0 auto; padding-top: 200px; } .endinfo_text{ position: relative; width: 560px; height: 328px; margin-top: 50px; margin-left: 200px; } .info_header{ width: 429px; height: 40px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 30px; line-height: 40px; color: #FFFFFF; } .info_main{ width: 560px; height: 120px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; /* or 150% */ font-feature-settings: 'ss01' on; margin-top: 24px; color: #FFFFFF; } .number_info{ text-decoration: none; } .info_number{ width: 560px; height: 40px; left: 200px; top: 368px; z-index: 3; /* Набор / Заголовок 2 */ font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; margin-top: 24px; color: #FFFFFF; } .button_info{ position: absolute; display: flex; flex-direction: row; align-items: center; z-index: 99; width: 239px; height: 56px; border: 0px; margin-top: 24px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); border-radius: 8px; } .button_info:hover{ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.8); } .button_info_mass{ position: static; left: 59px; right: 28px; top: 16px; bottom: 16px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; flex: none; order: 2; flex-grow: 0; margin: 8px 0px; } .info_img{ margin-left: 20px; margin-right: 8px; } /* Инфо конец */ /* Копирайт начало */ .enllist_boxw{ width: 100vw; margin: 0 auto; } .enllist_box{ position: fixed; z-index: 3; width: 100vw; height: 40px; background: #1E1E1E; margin: 150px auto; } .endlist_creators{ width: 1200px; height: 204px; display: flex; flex-wrap: wrap; margin: 0 auto; padding-top: 8px; } .copyright{ height: 24px; float: left; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #FFFFFF; flex: none; order: 0; flex-grow: 0; } .autograph{ position: relative; width: 312px; height: 24px; float: right; margin-left: 751px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #666666; flex: none; order: 0; flex-grow: 0; } /* Копирайт конец */ /* Тело конец */ /* Каталог начало */ /* голова поиска начало */ .search_main{ position: relative; z-index: 6; width: 100vw; margin: 0 auto; } .search_box{ position: relative; z-index: 1; width: 100vw; height: 400px; background: url(/images/backgraunds/dizel.jpg) no-repeat center; background-size: cover; margin: 0 auto; clip-path: polygon(0 0, 100% 0%, 100% 84%, 0% 100%); } .search_fon{ position: absolute; z-index: 0; width: 100vw; height: 400px; } .search_number{ display: none; width: 489px; height: 16px; flex-wrap: wrap; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; padding-top: 40px; margin-bottom: -40px; margin-bottom: 40px; color: #E51523; } .search_text{ position: relative; width: 652px; height: auto; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; color: #FFFFFF; } .search_headermain{ position: relative; z-index: 3; width: 1200px; height: 152px; margin: 0 auto; padding-top: 136px; } .search_header{ width: 766px; height: 112px; display: flex; flex-wrap: wrap; } .poisk{ position: relative; width: 544px; height: 56px; margin-top: 16px; background: #FFFFFF; padding-left: 16px; border: 1px solid #EBEBEB; box-sizing: border-box; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; margin-right: 16px; border-radius: 8px; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); } .poisk::placeholder{ color: #a3a3a3be; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; } .poisk_button{ display: flex; flex-direction: row; align-items: center; padding: 16px 28px; width: 162px; height: 56px; margin-top: 16px; border: 0px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; border-radius: 8px; color: #FFFFFF; } .poisk_button:hover{ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.8); } .help_search{ width: 20px; height: 24px; margin-top: 32px; margin-left: 16px; background: url(/images/headermenu/help_ico.png) no-repeat center; cursor: pointer; } .search_img{ margin-right: 8px; margin-top: -2px; cursor: pointer; } .search_checkbox{ position:relative; width: 101px; height: 24px; background: #FFFFFF; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; text-align: center; color: #FFFFFF; } /* Кастомный чекбокс Начало */ .checkbox { font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; margin-right: 16px; margin-top: 8px; color: #FFFFFF; } .checkbox1{ padding-left: 24px; margin-top: -26px; } .checkbox input[type=checkbox] { width: 16px; height: 16px; margin-right: 8px; opacity:0; } .checkbox label:after { content:''; display:block; height:16px; width:16px; background: url(/images/headermenu/uncheck.png); margin-top: -20px; } .checkbox input[type=checkbox]:checked + label:after { width:16px; height:16px; background: url(/images/headermenu/check.png); } /* Кастомный чекбокс конец */ /* голова поиска конец */ /* товары тело начало */ .goodsw{ width: 100vw; height: auto; margin: 0 auto; } .goodswm{ width: 100vw; height: auto; margin: 0 auto; } .goods_main{ width: 100vw; min-height: 1184px; margin: 0 auto; background-color: #F6F6F6; background: url(/images/backgraunds/fonindex.png); background-position: center; background-size: cover; margin-top: -60px; padding-top: 80px; padding-bottom: 80px; } .fon_logo{ position: relative; z-index: 2; width: 523px; height: 743px; background: url(/images/backgraundsnu/logo_coll.png) no-repeat; margin-top: -622px; margin-left: 60%; } .goods_block{ position: relative; z-index: 3; width: 1232px; height: auto; margin: 0 auto; margin-bottom: 80px; } .goods_block1{ width: 1232px; height: auto; margin: 0 auto; display: none; } #goods_block1{ display: none; } .goods_up{ width: 1203px; height: 56px; display: flex; flex-wrap: wrap; background: #42A06E; margin-top: -120px; } .art_up{ width: 271px; height: 56px; border-right-color: #EBEBEB; /* Цвет линии справа */ border-right-style: solid; /* Стиль линии */ border-right-width: 1px; /* Толщина линии */ } .artup_p{ width: 71px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; color: #F6F6F6; margin-top: 16px; margin-left: 24px; } .name_up{ width: 547px; height: 56px; border-right-color: #EBEBEB; /* Цвет линии справа */ border-right-style: solid; /* Стиль линии */ border-right-width: 1px; /* Толщина линии */ } .nameup_p{ width: 129px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; color: #F6F6F6; margin-top: 16px; margin-left: 24px; } .number_up{ width: 246px; height: 56px; border-right-color: #EBEBEB; /* Цвет линии справа */ border-right-style: solid; /* Стиль линии */ border-right-width: 1px; /* Толщина линии */ } .numberup_p{ width: 134px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; color: #F6F6F6; margin-top: 16px; margin-left: 24px; } .count_up{ width: 136px; height: 56px; } .countup_p{ width: 57px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; color: #F6F6F6; margin-top: 16px; margin-left: 24px; } .goods_main1{ width: 100vw; height: auto; margin: 0 auto; background-color: #F6F6F6; background: url(/images/backgraunds/fonindex.png); background-position: center; background-size: contain; padding-top: 180px; padding-bottom: 80px; } .head_text{ width: 336px; height: 56px; display: flex; flex-wrap: wrap; margin: 0 auto; } .BOSCH_text{ width: 134px; height: 56px; cursor: pointer; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 48px; line-height: 56px; color: #E51523; flex: none; order: 0; flex-grow: 0; margin-right: 40px; } .DENSO_text{ width: 162px; height: 56px; cursor: pointer; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 48px; line-height: 56px; color: #CCCCCC; flex: none; order: 1; flex-grow: 0; } .head_search{ margin: 0 auto; margin-top: 40px; } .search_header1{ width: 766px; height: 112px; display: flex; flex-wrap: wrap; margin: 0 auto; } .poisk1{ position: relative; width: 544px; height: 72px; margin-top: 16px; background: #FFFFFF; padding-left: 16px; border: 1px solid #EBEBEB; box-sizing: border-box; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; margin-right: 16px; border-radius: 8px; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); } .poisk_button1{ display: flex; flex-direction: row; align-items: center; padding: 16px 28px; width: 170px; height: 72px; margin-top: 16px; border: 0px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; border-radius: 8px; color: #FFFFFF; } .poisk_button1:hover{ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.8); } .head_list{ margin-top: 80px; } .head_listtext{ width: 760px; height: 80px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; color: #000000; } .displayQuestion{ display: flex; flex-wrap: wrap; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #E51523; } .goods-out1{ display: flex; flex-wrap: wrap; } .newdiv{ display: flex; flex-wrap: wrap; max-width: 1280px; } .newdiv2{ display: flex; flex-wrap: wrap; max-width: 1280px; } .newdiv3{ display: flex; flex-wrap: wrap; max-width: 1280px; padding-bottom: 80px; } .goods-out2{ display: flex; flex-wrap: wrap; } .goods-out3{ display: flex; flex-wrap: wrap; } .forsf{ margin-top: 0px; margin-bottom: 40px; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; display: flex; align-items: center; color: #222222; } .forsn{ margin-top: 40px; margin-bottom: 40px; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; display: flex; align-items: center; color: #222222; } .forsr{ margin-top: 40px; margin-bottom: 40px; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; display: flex; align-items: center; color: #222222; } .mainname{ width: 1200px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; display: flex; align-items: center; color: #222222; flex: none; order: 0; flex-grow: 0; margin: 24px 0px; margin-top: 80px; } .box{ width: 276px; height: 452px; background: #FFFFFF; /* Поле / Тень */ margin-right: 32px; margin-bottom: 24px; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); } .img-mainfors{ width: 276px; height: 276px; outline: 20px solid transparent; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05); cursor: pointer; } .name-add-info{ position: static; width: 244px; height: 28px; cursor: pointer; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; display: flex; align-items: center; color: #000000; flex: none; order: 0; flex-grow: 0; margin-top: 8px; margin-left: 8px; border: none; outline: none; background: none; } #ids{ position: static; width: 254px; height: 79px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 10px; line-height: 14px; display: flex; color: #666666; flex: none; order: 1; flex-grow: 0; vertical-align:top !important; margin-left: 16px; } .infofors{ position: static; width: 244px; height: 16px; left: 0px; top: 32px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; display: flex; align-items: center; color: #666666; flex: none; order: 1; flex-grow: 0; margin-left: 16px; margin-top: 8px; } .cost{ width: 131px; height: 32px; font-style: normal; font-weight: bold; font-size: 24px; line-height: 32px; display: flex; align-items: center; color: #E51523; margin-left: 16px; margin-top: 8px; } .cartbox{ width: 124px; height: 56px; display: flex; flex-wrap: wrap; margin-left: 164px; margin-top: -28px; } .selloff{ display: flex; flex-direction: row; align-items: center; padding: 8px 12px; border: 0px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 12px; line-height: 16px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #E51523; margin-left: 133px; margin-top: -30px; } .selloffinfo{ display: flex; flex-direction: row; align-items: center; padding: 8px 30px; width: 110px; height: 56px; border: 0px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 12px; line-height: 16px; text-align: center; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #E51523; margin-top: 24px; } .timebox{ margin-bottom: 8px; text-align: center; } .add-to-cartf{ display: flex; flex-direction: row; align-items: center; padding: 0px 12px; width: 113px; height: 32px; border: 0px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 10px; line-height: 16px; text-decoration:none; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; border-radius: 2px; background: linear-gradient(180deg, rgb(78, 203, 137) 0%, rgb(60, 179, 113) 100%); color: #FFFFFF; margin-left: 147px; margin-top: -30px; } .add-to-cartn{ display: flex; flex-direction: row; align-items: center; padding: 8px 12px; width: 113px; height: 32px; border: 0px; text-decoration:none; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 12px; line-height: 16px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; border-radius: 8px; color: #FFFFFF; margin-left: 147px; margin-top: -30px; } .add-to-cartr{ display: flex; flex-direction: row; align-items: center; padding: 8px 12px; width: 113px; height: 32px; border: 0px; text-decoration:none; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 12px; line-height: 16px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; border-radius: 8px; color: #FFFFFF; margin-left: 147px; margin-top: -30px; } .add-to-cartf:hover{ box-shadow: 0px 4px 16px rgba(66, 160, 110, 0.4); text-decoration:none; } a { text-decoration: none; } .backcat2{ display:none; } .add-to-cartn:hover{ box-shadow: 0px 4px 16px rgba(66, 160, 110, 0.4); text-decoration:none; } .add-to-cartr:hover{ box-shadow: 0px 4px 16px rgba(66, 160, 110, 0.4); text-decoration:none; } .cart_ico{ cursor: pointer; margin-right: 8px; } .cart_iconz{ cursor: pointer; margin-top: 16px; } .cart_icons1{ cursor: pointer; margin-right: 8px; } .cart_icons2{ cursor: pointer; margin-right: 8px; } #cartid{ display: none; } .mainbuttfors{ position: relative; display: block; width: 315px; height: 56px; cursor: pointer; padding-left: 88px; margin-left: 443px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); border-radius: 8px; font-family: Open Sans; font-style: normal; font-weight: 700; text-align: center; font-size: 20px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; } .mainbuttfors:hover{ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); } .mainbutttnvd{ position: relative; width: 315px; height: 56px; cursor: pointer; padding-left: 88px; margin-left: 443px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); border-radius: 8px; font-family: Open Sans; font-style: normal; font-weight: 700; text-align: center; font-size: 20px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; } .mainbutttnvd:hover{ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); } .mainbuttrash{ position: relative; width: 315px; height: 56px; cursor: pointer; padding-left: 88px; margin-left: 443px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); border-radius: 8px; font-family: Open Sans; font-style: normal; font-weight: 700; text-align: center; font-size: 20px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; } .mainbuttrash:hover{ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); } /* товары тело конец */ /* Каталог конец */ /* Новости начало */ /* Новости голова начало */ .news_main{ width: 100vw; height: auto; z-index: 0; margin: 0 auto; background-color: #F6F6F6; } .news_box{ position: relative; z-index:0; width: 100vw; height: 480px; margin: 0 auto; background: url(../images/backgraunds/stanok.jpg) no-repeat center; background-size: cover; } .news_fon{ position: relative; width: 100vw; height: 480px; margin: 0 auto; } .name_page{ position: relative; z-index: 2; width: 142px; height: 40px; /* Набор / Заголовок 2 */ font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; /* identical to box height, or 125% */ display: flex; align-items: center; /* Кнопка / Текст */ color: #FFFFFF; padding-bottom: 40px; } .news_news{ position: relative; width: 1204px; height: 1548px; margin: 0 auto; margin-top: -208px; } .news-out{ position: relative; z-index: 3; width: 1204px; display: flex; flex-wrap: wrap; } .back_news{ position: absolute; z-index: -1; width: 100vw; height: 1688px; background: #F6F6F6; background-image: url(/images/backgraunds/fonindex.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-position: top; margin-top: -80px; } .mini_coubw { position: relative; width: 1304px; display: flex; flex-wrap: wrap; } .wbig_new{ position: absolute; cursor: pointer; width: 384px; max-height: 760px; min-height: 760px; margin-left: 816px; margin-top: 786px; background: #FFFFFF; } .wbig_new:last-child{ margin-right: 0px; } .wbig_new:hover{ cursor: pointer; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); } .mini_white_b{ position: relative; z-index: 3; width: 384px; height: 357.91px; top:204.52px; } .mini_header_b{ position: relative; width: 364px; height: 74px; top: 248px; left: 24px; font-family: Montserrat; font-style: normal; font-weight: 700; font-size: 24px; line-height: 32px; /* or 133% */ display: flex; align-items: flex-end; color: #222222; z-index: 3; } .go_news_b{ position: relative; width: 148px; height: 24px; top: 282px; left: 24px; font-family: Open Sans; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #222222; z-index: 3; } .arrow_b{ position: relative; z-index: 3; width: 105px; height: 16px; left: 240px; top: 262px; background-image: url(/images/headermenu/arrow.png); } .wmed_new{ position: relative; cursor: pointer; width: 792px; height: 368px; background-color: #FFFFFF; margin-right: 24px; } .wmed_new:last-child{ margin-right: 0px; } .wmed_new:hover{ cursor: pointer; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); } .mini_ico4{ position: absolute; z-index: 1; width: 792px; height: 264px; background: url(/images/news/rectangle_4.jpg) no-repeat top; } .mini_ico5{ position: absolute; z-index: 1; width: 384px; height: 264px; background: url(/images/news/rectangle_5.jpg) no-repeat top; } .mini_ico6{ position: absolute; z-index: 1; width: 384px; height: 264px; background: url(/images/news/rectangle_6.jpg) no-repeat top; } .mini_ico7{ position: absolute; z-index: 1; width: 384px; height: 264px; background: url(/images/news/rectangle_7.jpg) no-repeat top; } .mini_ico8{ position: absolute; z-index: 1; width: 384px; height: 264px; background: url(/images/news/rectangle_8.jpg) no-repeat top; } .mini_ico9{ position: absolute; z-index: 1; width: 384px; height: 264px; background: url(/images/news/rectangle_9.jpg) no-repeat top; } .mini_ico10{ position: absolute; z-index: 1; width: 384px; height: 562.43px; background: url(/images/news/stanok.jpg) no-repeat center; background-size: cover; } .mini_newsb{ position: relative; z-index: 3; width: 384px; height: 368px; background: #FFFFFF; margin-right: 24px; margin-bottom: 24px; } .mini_newsb:last-child{ margin-right: 0px; margin-bottom: 0px; } .mini_newsb:hover{ cursor: pointer; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); } .mini_newz{ position: relative; z-index: -1; width: 384px; height: 368px; } .mini_white_m{ position: relative; z-index: 3; width: 792px; height: 264px; } .mini_headerm{ position: relative; width: 664px; height: 74px; top: -48px; left: 24px; font-family: Montserrat; font-style: normal; font-weight: 700; font-size: 24px; line-height: 32px; /* or 133% */ display: flex; align-items: flex-end; color: #222222; z-index: 3; } .go_newsm{ position: relative; width: 148px; height: 24px; top: -24px; left: 24px; font-family: Open Sans; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #222222; z-index: 3; } .arrowm{ position: relative; z-index: 3; width: 105px; height: 16px; left: 240px; top: -42px; background-image: url(/images/headermenu/arrow.png); } .repair{ position: relative; padding-top: 260px; } /* Новости голова конец */ /* Новости страница начало */ .news_block{ position: relative; width: 1200px; height: 1352px; top: -260px; background: #FFFFFF; margin: 0 auto; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); } .name_for_news{ position: relative; width: 1152px; height: 80px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; color: #222222; padding-top: 40px; margin-left: 24px; } .name_data{ position: relative; width: 103px; height: 16px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #666666; margin-top: 8px; margin-left: 24px; } .news_img{ position: relative; width: 1200px; height: 320px; background: url(../images/news/bignews/stanok.jpg) center no-repeat; background-position: -350px -350px; background-size: 200%; margin-left: auto; margin-right: auto; margin-top: 40px; } .news_text{ position: relative; width: 1152px; height: 768px; font-family: Open Sans; font-size: 16px; line-height: 24px; /* or 150% */ font-feature-settings: 'ss01' on; /* Набор / Заголовок */ color: #222222; margin-left: 24px; margin-top: 40px; } .button_bnews{ position: absolute; z-index: 3; width: 210px; height: 56px; left: calc(50% - 210px/2 + 0.5px); display: flex; flex-direction: row; align-items: center; border: 0px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); border-radius: 8px; box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); margin-top: -188px; padding-left: 72px; } .button_bnews:hover{ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.8); } .button_bnews_mass{ position: static; left: 28px; right: 28px; top: 16px; bottom: 16px; /* Кнопка / Большая */ font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; /* identical to box height, or 120% */ display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; /* Кнопка / Текст */ color: #FFFFFF; /* Inside Auto Layout */ flex: none; order: 2; flex-grow: 0; margin: 8px 0px; } .repair2{ position: relative; } .back_news2{ position: absolute; width: 100vw; height: 1288px; background: #F6F6F6; } /* Новости страница конец */ /* Новости конец */ /* Регистрация начало */ #register{ position: fixed; background: #5F5F5F; width: 100%; height: 100%; top: 0; left: 0; } .register_box{ width: 480px; margin: 0 auto; margin-top: 2%; background-color: #F6F6F6; margin-bottom: 500px; } .register_boxin{ width: 400px; margin: 0 auto; padding-bottom: 20px; } .register_close{ width: 480px; height: 48px; padding-top: 24px; padding-bottom: -24px; background: #5F5F5F; } .close{ width: 24px; height: 24px; float: right; text-decoration: none; align-items: center; text-align: center; margin: 0 auto; color: white; } .register_name{ width: 480px; height: 72px; display: flex; flex-wrap: wrap; margin: 0 auto; margin-top: 40px; margin-left: 121px; } .register_login{ width: 61px; height: 32px; text-decoration: none; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 24px; line-height: 32px; display: flex; align-items: center; text-align: center; color: #E51523; margin-right: 29px; } .register_login:hover{ color: #E51523; } .register_register{ width: 162px; height: 32px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 24px; line-height: 32px; /* identical to box height, or 133% */ text-decoration: none; display: flex; align-items: center; text-align: center; color: #999999; } .register_register:hover{ color: #E51523; } .name_text1{ width: 52px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; display: flex; align-items: center; text-align: justify; color: #222222; margin: 0 auto; } .name_text2{ width: 50px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; display: flex; align-items: center; text-align: justify; color: #222222; margin: 0 auto; } .name_text3{ width: 62px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; display: flex; align-items: center; text-align: justify; color: #222222; margin: 0 auto; } .name_text4{ width: 126px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; display: flex; align-items: center; text-align: justify; color: #222222; margin: 0 auto; } .string_text{ width: 400px; height: 56px; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; background: #FFFFFF; border-radius: 8px; border: 1px solid #EEEEEE; box-sizing: border-box; margin-top: 8px; padding-left: 16px; } .string_text:last-child{ margin-bottom: 0px; } .string_text::placeholder{ color: #a3a3a3be; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; } .register_butt{ display: flex; flex-direction: row; align-items: center; padding: 16px 28px; width: 303px; height: 56px; border: 0px; border-radius: 8px; margin: 0 auto; margin-bottom: 40px; box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; order: 2; flex-grow: 0; } .register_ico{ margin-right: 8px; } .login_butt{ display: flex; flex-direction: row; align-items: center; padding: 16px 28px; width: 162px; height: 56px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); border: 0px; border-radius: 8px; margin: 0 auto; margin-bottom: 40px; box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; order: 2; flex-grow: 0; } .repair_pass{ width: 400; height: 24px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; display: flex; align-items: center; text-align: center; font-feature-settings: 'ss01' on; background-color: transparent; color: #666666; outline: none; border: 0; margin: 0 auto; margin-top: -16px; margin-bottom: 24px; } /* Регистрация конец */ /* Корзина начало */ .cart_main{ position: fixed; z-index: 101; background: #5F5F5F; width: 100%; height: 100%; top: 0; left: 0; overflow-y: scroll; display: none; } .cart_box{ width: 1200px; margin: 0 auto; margin-bottom: 1%; margin-top: 1%; background-color: #F6F6F6; background-image: url(/images/backgraunds/fonindex.png); background-position-y: -150px; background-position-x: right; padding-bottom: 40px; } .cart_boxin{ width: 1072px; margin: 0 auto; margin-bottom: 40px; } .cart_close{ width: 1200px; height: 48px; background: #5F5F5F; } .cartclose{ width: 24px; height: 24px; float: right; text-decoration: none; align-items: center; text-align: center; margin: 0 auto; color: white; } .cart_name{ font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 48px; line-height: 56px; color: #222222; margin-top: 64px; margin-bottom: 40px; } .minicart_box{ width: 1072px; height: 160px; display: flex; flex-wrap: wrap; background: #FFFFFF; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); } .cart_img{ width: 160px; height: 160px; } .minicart_name{ width: 304px; height: 64px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 24px; line-height: 32px; color: #222222; flex: none; order: 0; flex-grow: 0; margin-top: 24px; margin-left: 16px; margin-right: 104px; } .minicart_butt{ width: auto; display: flex; } .del-goodsf{ width: 80px; height: 160px; border: 0px; background: rgba(229, 21, 35, 0.05); } .minus-goodsf{ width: 28px; height: 26px; font-style: normal; font-weight: 300; font-size: 32px; line-height: 24px; display: flex; align-items: center; text-align: center; color: #E51523; margin-top: 68px; margin-left: 16px; background: transparent; border: 2px solid #E51523; border-radius: 10%; } .plus-goodsf{ width: 28px; height: 26px; font-style: normal; font-weight: 300; font-size: 32px; line-height: 24px; display: flex; align-items: center; text-align: center; margin-top: 68px; color: #E51523; margin-right: 16px; background: transparent; border: 2px solid #E51523; border-radius: 10%; } .del-goodsn{ width: 80px; height: 160px; border: 0px; background: rgba(229, 21, 35, 0.05); } .minus-goodsn{ width: 28px; height: 26px; font-style: normal; font-weight: 300; font-size: 32px; line-height: 24px; display: flex; align-items: center; text-align: center; color: #E51523; margin-top: 68px; margin-left: 16px; background: transparent; border: 2px solid #E51523; border-radius: 10%; } .plus-goodsn{ width: 28px; height: 26px; font-style: normal; font-weight: 300; font-size: 32px; line-height: 24px; display: flex; align-items: center; text-align: center; margin-top: 68px; color: #E51523; margin-right: 16px; background: transparent; border: 2px solid #E51523; border-radius: 10%; } .del-goodsr{ width: 80px; height: 160px; border: 0px; background: rgba(229, 21, 35, 0.05); } .minus-goodsr{ width: 28px; height: 26px; font-style: normal; font-weight: 300; font-size: 32px; line-height: 24px; display: flex; align-items: center; text-align: center; color: #E51523; margin-top: 68px; margin-left: 16px; background: transparent; border: 2px solid #E51523; border-radius: 10%; } .plus-goodsr{ width: 28px; height: 26px; font-style: normal; font-weight: 300; font-size: 32px; line-height: 24px; display: flex; align-items: center; text-align: center; margin-top: 68px; color: #E51523; margin-right: 16px; background: transparent; border: 2px solid #E51523; border-radius: 10%; } .minicart_count{ width: 10px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-top: 68px; font-feature-settings: 'ss01' on; color: #000000; } .totalprice{ width: 139px; height: 40px; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; display: flex; align-items: center; color: #222222; margin: 0 auto; margin-top: 60px; } .totalprice0{ width: 139px; height: 40px; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; display: flex; align-items: center; color: #222222; margin: 0 auto; margin-top: 60px; } .cart_ico1{ margin-left: -3px; margin-top: 1.5px; } .cart_ico2{ margin-left: 1px; margin-top: -5px; } .cart_ico3{ width: 28px; height: 24px; font-style: normal; font-weight: 700; font-size: 32px; line-height: 24px; /* identical to box height, or 75% */ display: flex; align-items: center; text-align: center; color: #E20000; margin: 0 auto; } .countprice{ width: 1072px; height: 32px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #666666; margin-top: 40px; } .maxprice{ width: 1072px; height: 56px; font-style: normal; font-weight: bold; font-size: 48px; line-height: 56px; color: #222222; } .send_order{ display: flex; flex-direction: row; align-items: center; padding: 16px 28px; width: 301px; height: 56px; border: 0px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); border-radius: 8px; box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; /* Кнопка / Текст */ color: #FFFFFF; margin-top: 48px; } .email-field{ width: 646px; height: 432px; display: flex; flex-wrap: wrap; } .big_box{ display: flex; flex-wrap: wrap; } .order_text{ width: 200px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #222222; } .order_name::placeholder{ width: 200px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #CCCCCC; } .order::placeholder{ width: 200px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #CCCCCC; } .order_box{ height: 72px; } .order_boxa{ margin-top: 36px; } .adress{ width: 616px; height: 64px; background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 8px; box-sizing: border-box; margin-top: 8px; padding-left: 8px; } .order_name{ width: 216px; height: 40px; background: #FFFFFF; border: 1px solid #EEEEEE; box-sizing: border-box; border-radius: 8px; margin-right: 24px; margin-top: 8px; padding-left: 8px; } .order{ width: 176px; height: 40px; background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 8px; box-sizing: border-box; margin-right: 24px; margin-top: 8px; padding-left: 8px; } .order:last-child{ margin-right: 0px; } .send_email{ display: flex; flex-direction: row; align-items: center; padding: 16px 28px; width: 198px; height: 56px; border: 0px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); border-radius: 8px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; flex: none; order: 2; flex-grow: 0; margin: 8px 0px; margin-top: 40px; } .order_massiveпgoods{ display: none; } #myinput{ display: none; } #myinput2{ display: none; } .order_massiveпcost{ display: none; } .order_fixnumber{ min-width: 24px; } .goods44{ width: 332px; height: auto; display: flex; } .order_massive34{ width: 332px; height: auto; display: flex; } .order_massive134{ width: 332px; height: auto; display: flex; } .order_cart{ width: 390px; background: #FFFFFF; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); } .order_minibox{ width: 302px; margin-left: 20px; margin-top: 32px; } .order_mininame{ width: 302px; height: 32px; font-family: Open Sans; font-style: normal; font-weight: 600; font-size: 24px; line-height: 32px; color: #222222; } .order_minisumm{ width: 302px; height: 32px; font-family: Open Sans; font-style: normal; font-weight: 600; font-size: 24px; line-height: 32px; color: #222222; margin-top: 40px; } .order_massive{ width: 332px; display: flex; } #goods{ margin-top: 8px; } #goods44{ margin-top: 8px; } .maincart2{ margin-top: 8px; } .maxpricenew{ font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 48px; line-height: 56px; color: #E51523; padding-bottom: 20px; } /* Корзина конец */ /* Фиксированная корзина начало */ .cart_iconbox{ cursor: pointer; position: fixed; z-index: 15; top: 45%; right: 2%; } .cart_icon{ z-index: 15; width: 68px; height: 56px; } .cart_icon2{ z-index: 15; width: 68px; height: 56px; } .cart_iconcall{ z-index: 15; width: 68px; height: 56px; } .mini-ico{ position: relative; width: 68px; height: 56px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); border-radius: 24px 24px 0px 0px; } .mini-icocall{ position: relative; width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; vertical-align: middle; background: linear-gradient(0deg, #FF0011 0%, #C80000 100%); box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); border-radius: 24px 24px 24px 24px; } .mini_cart_icocall{ width: 38px; height: 38px; filter: invert(100%); } .mini-ico2{ position: relative; width: 68px; height: 56px; background: linear-gradient(0deg, #FF0011 0%, #C80000 100%); box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); border-radius: 0px 0px 24px 24px; } .mini_cart_ico{ position: relative; width: 24px; height: 21px; margin-top: 20px; margin-left: 20px; } .mini_cart_ico2{ position: relative; width: 24px; height: 21px; margin-top: 12px; margin-left: 22px; } .mini_box{ display: flex; padding: 0px; position: absolute; width: 20px; height: 20px; right: -4px; top: -4px; background: #FFFFFF; border-radius: 12px; } .mini-cartsumm{ position: relative; z-index: 6; width: 20px; height: 20px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; display: flex; align-items: center; text-align: center; color: #E51523; padding-left: 6px; } /* Фиксированная корзина конец */ /* Юзер начало */ .user_main{ width: 100vw; background: #F6F6F6; background: url(../images/backgraunds/back_user.png) no-repeat; margin: 0 auto; } .user_box{ width: 1600px; height: 1300px; margin: 0 auto; } .user_block{ position: relative; width: 1200px; height: auto; margin: 0 auto; padding-top: 200px; } .user_logo{ position: relative; z-index: 4; width: 168.76px; height: 240px; background: url(../images/backgraunds/logo_color.png); background-size: cover; margin-left: 1031px; } .user_info{ width: auto; display: flex; flex-wrap: wrap; margin-top: -280px; } .user_block2{ width: 1200px; height: 653px; margin: 0 auto; background: #FFFFFF; box-shadow: 0px 0px 20px rgba(102, 102, 102, 0.1); border-radius: 8px; } .userinfohead{ display: flex; } .infoa_img{ width: 34px; height: 48px; display: block; margin-left: 12px; } .user_changeinfo{ margin-left: 40px; padding-top: 40px; } .user_changehead{ width: 357px; height: 40px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; color: #222222; } .user_ico{ width: 320px; height: 320px; left: 200px; top: 152px; background: #FFFFFF; margin-bottom: 80px; box-shadow: 0px 0px 20px rgba(102, 102, 102, 0.1); border-radius: 320px; border: solid 1px red; } .user_icon{ width: 110px; height: 100px; margin-left: 106px; margin-top: 106px; background: url(../images/backgraunds/ico_photo.png) no-repeat; background-position: center; background-size: cover; } .user_header{ width: auto; } .user_name{ width: 441px; height: 40px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; color: #222222; margin-left: 40px; margin-top: 76px; } .user_login{ width: 145px; height: 57px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; margin-left: 40px; color: #666666; } .user_dataname{ width: 145px; height: auto; /* Набор / Параграф */ font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; /* or 150% */ font-feature-settings: 'ss01' on; margin-left: 40px; margin-top: 40px; color: #666666; } .user_data{ width: 145px; height: 57px; /* Набор / Параграф */ font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 18px; line-height: 20px; letter-spacing: 1px; margin-left: 40px; color: #222222; } .email_info{ width: 400px; height: 160px; margin-top: 40px; } .em_info{ width: 45px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; color: #666666; } .em_em{ width: 238px; height: 32px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 24px; line-height: 32px; color: #222222; } .log_new::placeholder{ color: #CCCCCC; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; padding-top: 8px; } .name_new::placeholder{ color: #CCCCCC; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; padding-top: 8px; } .sur_new::placeholder{ color: #CCCCCC; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; padding-top: 8px; } .add_new::placeholder{ height: 125px; color: #CCCCCC; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; } .log_new::placeholder{ color: #CCCCCC; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; padding-top: 8px; } .log_new{ width: 400px; height: 40px; background: #FFFFFF; border: 1px solid #EBEBEB; box-sizing: border-box; box-shadow: 0px 0px 20px rgba(102, 102, 102, 0.1); border-radius: 8px; padding-left: 12px; margin-top: 8px; } .logbt_new{ width: 113px; height: 32px; display: flex; flex-direction: row; align-items: center; padding: 8px 16px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); border: 0px; border-radius: 8px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 12px; line-height: 16px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; margin-top: 8px; } .logbt_new:hover{ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); } .login_info{ width: 400px; height: 160px; margin-top: 40px; margin-right: 160px; } .pass_info{ width: 400px; height: 200px; margin-top: 40px; margin-right: 160px; } .all_info{ width: 400px; height: 160px; display: flex; flex-wrap: wrap; margin-top: 40px; } .name_new{ width: 160px; height: 40px; background: #FFFFFF; border: 1px solid #EBEBEB; box-sizing: border-box; box-shadow: 0px 0px 20px rgba(102, 102, 102, 0.1); border-radius: 8px; padding-left: 12px; margin-top: 8px; } .name_newc{ margin-right: 40px; } .add_newc{ margin-top: 24px; } .sur_new{ width: 200px; height: 40px; background: #FFFFFF; border: 1px solid #EBEBEB; box-sizing: border-box; box-shadow: 0px 0px 20px rgba(102, 102, 102, 0.1); border-radius: 8px; padding-left: 12px; margin-top: 8px; } .add_new{ width: 400px; height: 125px; overflow: hidden; resize: none; display: block; background: #FFFFFF; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; border: 1px solid #EBEBEB; box-sizing: border-box; padding-left: 12px; box-shadow: 0px 0px 20px rgba(102, 102, 102, 0.1); border-radius: 8px; margin-top: 8px; padding-top: 8px; } .add_neword{ width: 616px; height: 128px; overflow: hidden; resize: none; display: block; background: #FFFFFF; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; border: 1px solid #EBEBEB; box-sizing: border-box; padding-left: 12px; box-shadow: 0px 0px 20px rgba(102, 102, 102, 0.1); border-radius: 8px; margin-top: 8px; padding-top: 8px; } .add_neword::placeholder{ height: 125px; color: #CCCCCC; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; } .form_userchange{ width: 1000px; height: 400px; display: flex; flex-wrap: wrap; } /* Юзер конец */ /* Запчасти начало */ .fors-goodshead{ width: 1232px; height: 56px; margin: 0 auto; margin-top: 80px; display: flex; flex-wrap: wrap; } .numbergoods{ width: 400px; height: 56px; background: #42A06E; margin-right: 1px; } .raspgoods{ width: 400px; height: 56px; background: #42A06E; margin-right: 1px; } .clapgoods{ width: 400px; height: 56px; background: #42A06E; margin-right: 1px; } .div_numbergoods{ width: auto; height: 24px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; color: #F6F6F6; padding-top: 16px; padding-left: 24px; } .costimg{ display: flex; align-items: center; } .costimgg{ width: 24px; height: 22px; } .costid{ font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 24px; line-height: 24px; /* or 100% */ display: flex; align-items: center; text-align: center; color: #E51523; margin-left: 8px; } .mass_minigoods{ width: 1220px; height: auto; display: flex; flex-wrap: wrap; } .fors-goods{ width: 1202px; height: auto; } .forscart{ width: 1202px; height: 88px; display: flex; flex-wrap: wrap; background: #FFFFFF; border: 1px solid #42A06E; box-sizing: border-box; box-shadow: 0px 0px 15px rgba(102, 102, 102, 0.15); margin-top: 24px; } @media screen and (min-width: 761px){ .forscart:hover{ background: #42A06E; } .forscart:hover .add-to-partcart{ color: #FFFFFF; } .forscart:hover .article2{ color: #FFFFFF; } .forscart:hover .costimgg{ filter: brightness(0) invert(1); } .forscart:hover .costid{ filter: brightness(0) invert(1); } } .forscart1{ width: 400px; height: auto; display: flex; border-right-color: #EBEBEB; /* Цвет линии справа */ border-right-style: solid; /* Стиль линии */ border-right-width: 1px; /* Толщина линии */ align-items: center; } .numberid{ display: none; } .numberid2{ display: none; } .forsname{ width: 400px; height: auto; margin: 0 auto; } .forsVIN{ width: 105px; height: auto; margin: 0 auto; } .forsfirm{ width: 250px; height: auto; margin: 0 auto; } .mini-goods1{ margin: 0 auto; } .minicart{ width: 1203px; height: 56px; display: flex; flex-wrap: wrap; background: #F6F6F6; } .costart{ display: none; } .minicartfors{ width: 400px; height: 88px; display: flex; flex-wrap: wrap; border-right-color:#EBEBEB; /* Цвет линии справа */ border-right-style: solid; /* Стиль линии */ border-right-width: 1px; /* Толщина линии */ align-items: center; } .minicartclap{ width: 335px; height: auto; display: flex; flex-wrap: wrap; align-items: center; } .minicartart{ width: 271px; height: 56px; display: flex; flex-wrap: wrap; border-right-color: #EBEBEB; border-right-style: solid; border-right-width: 1px; } .mininame{ width: 105px; height: auto; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #222222; margin-top: 16px; margin-left: 24px; } .productName{ width: 523px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #222222; border-right-color: #EBEBEB; border-right-style: solid; border-right-width: 1px; margin-top: 16px; margin-left: 24px; } .nomberin{ width: 246px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-align: center; font-feature-settings: 'ss01' on; color: #222222; border-right-color: #EBEBEB; border-right-style: solid; border-right-width: 1px; margin-top: 16px; } .quantity{ width: 136px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-align: center; font-feature-settings: 'ss01' on; color: #222222; margin-top: 16px; } .add-to-minicart{ width: 24px; height: 24px; margin-left: 16px; margin-top: 16px; } .article{ width: 200px; height: auto; display: flex; flex-wrap: wrap; } .order_massivepart{ width: 1072px; height: auto; display: flex; flex-wrap: wrap; margin: 0 auto; margin-bottom: 8px; background: #FFFFFF; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); } .order_mininamepart{ width: 464px; height: auto; padding-top: 12px; padding-left: 24px; margin-right: 96px; } .del-goods1{ width: 80px; height: auto; border: 0px; background: rgba(229, 21, 35, 0.05); } .plus-goods1{ width: 28px; height: 26px; font-style: normal; font-weight: 300; font-size: 32px; line-height: 24px; display: flex; align-items: center; text-align: center; margin-top: 8px; margin-bottom: 8px; color: #E51523; margin-right: 16px; background: transparent; border: 2px solid #E51523; border-radius: 10%; } .minus-goods1{ width: 28px; height: 26px; font-style: normal; font-weight: 300; font-size: 32px; line-height: 24px; display: flex; align-items: center; text-align: center; color: #E51523; margin-top: 8px; margin-bottom: 8px; margin-left: 16px; background: transparent; border: 2px solid #E51523; border-radius: 10%; } .del-goods2{ width: 80px; height: auto; border: 0px; background: rgba(229, 21, 35, 0.05); } .plus-goods2{ width: 28px; height: 26px; font-style: normal; font-weight: 300; font-size: 32px; line-height: 24px; display: flex; align-items: center; text-align: center; margin-top: 8px; margin-bottom: 8px; color: #E51523; margin-right: 16px; background: transparent; border: 2px solid #E51523; border-radius: 10%; } .minus-goods2{ width: 28px; height: 26px; font-style: normal; font-weight: 300; font-size: 32px; line-height: 24px; display: flex; align-items: center; text-align: center; color: #E51523; margin-top: 8px; margin-bottom: 8px; margin-left: 16px; background: transparent; border: 2px solid #E51523; border-radius: 10%; } .minipart_count{ width: 10px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-top: 8px; margin-bottom: 8px; font-feature-settings: 'ss01' on; color: #000000; } .cartimgo{ width: 560px; height: 400px; } .namepartboxw{ width: 100vw; margin: 0 auto; } .namepartbox{ width: 100vw; height: auto; background: #F6F6F6; margin: 0 auto; padding-top: 200px; } .namepart{ width: 1200px; background: #F6F6F6; height: auto; margin: 0 auto; } .minipartname{ width: 616px; height: auto; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; color: #222222; } .container { width: 560px; height: 400px; font-weight: 400; overflow: hidden; padding: 0px 0px 0px 0px; background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.13); box-shadow: 0 1px 3px rgba(0,0,0,.13); } #zoom_01{ width: 560px; height: 400px; } .zoomWindow{ height: 528px; width: 528px; border: 1px solid #42A06E; box-sizing: border-box; } .ZoomContainer{ width: 105.6px; height: 105.6px; } .zoomWindowContainer{ height: 528px; } /* Запчасти конец */ #masseges_box{ position: fixed; z-index: 99; width: 100vw; height: 100vh; top: 0; left: 0; background-color: #1E1E1E; margin: 0 auto; display: none; } #masseges{ position: relative; width: 500px; height: 200px; display: flex; flex-wrap: wrap; top: 30%; background-color: #FFFFFF; margin: 0 auto; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; text-align: center; color: white; } .block-25 img{ display: block; max-width: 80%; margin: 20px auto; } .block-25-h2 { font-size: 18px; text-align: center; } .block-25 h3 { font-size: 14px; text-align: center; } #elastic { display: block; } .text-center { text-align: center; } .elastic li{ transition: all ease 500ms; display: none; } .elastic li.hide { display: none; } mark { bottom: pink; } .button-success a { color: #fff; text-decoration: none; } .show{ display: block; } .hide{ display : none; } #show{ display: block; } #hide{ display : none; } #none{ display : none; } #colorback{ } .add-to-partcart{ width: auto; height: auto; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 18px; line-height: 24px; display: flex; align-items: center; color: #222222; cursor: pointer; border: none; outline: none; background-color: transparent; margin-left: 24px; } .article2{ width: 176px; height: auto; margin-left: 24px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; display: flex; align-items: center; color: #222222; } .add-to-minicart2{ width: 24px; height: 24px; color: #222222; margin-left: 16px; margin-top: 16px; } .add-to-minicart4{ width: 24px; height: 24px; margin-left: 16px; margin-top: 16px; } .costart{ margin-left: 16px; margin-top: 16px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #E51523; } .costcart{ width: 139px; height: 40px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; display: flex; align-items: center; color: #222222; margin: 0 auto; } #errorsll{ width: 400px; height: 16px; margin-top: 8px; margin-bottom: 16px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; text-align: center; color: #E51523; } #errorspl{ width: 400px; height: 16px; margin-top: 8px; margin-bottom: 16px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; text-align: center; color: #E51523; } #errorslr{ width: 400px; height: 16px; margin-top: 8px; margin-bottom: 16px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; text-align: center; color: #E51523; } #errorser{ width: 400px; height: 16px; margin-top: 8px; margin-bottom: 16px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; text-align: center; color: #E51523; } #errorspr{ width: 400px; height: 16px; margin-top: 8px; margin-bottom: 16px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; text-align: center; color: #E51523; } #errorsppr{ width: 400px; height: 16px; margin-top: 8px; margin-bottom: 16px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; text-align: center; color: #E51523; } #errorsno{ width: 216px; height: 16px; margin-top: 8px; margin-bottom: 16px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; text-align: center; color: #E51523; } #errorseo{ width: 176px; height: 16px; margin-top: 8px; margin-bottom: 16px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; text-align: center; color: #E51523; } #errorspo{ width: 176px; height: 16px; margin-top: 8px; margin-bottom: 16px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; text-align: center; color: #E51523; } #errorsao{ width: 616px; height: 16px; margin-top: 8px; margin-bottom: 16px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; text-align: center; color: #E51523; } #errorslu{ width: 400px; height: 16px; margin-top: 8px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; color: #E51523; } #errorseu{ width: 400px; height: 16px; margin-top: 8px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; color: #E51523; } #errorspu{ width: 400px; height: 16px; margin-top: 8px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; color: #E51523; } #errorsiu{ width: 400px; height: 16px; margin-top: 8px; font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; color: #E51523; } .warpper{ display: flex; flex-wrap: wrap; } #container { position: relative; max-width: 800px; width: auto; z-index: 1; margin: 0 auto; height: 100%; -moz-perspective : 10px; -webkit-perspective : 10px; perspective: 10px; padding-top: 60px; display: flex; justify-content: center; } #scene3d{ position: static; width: 1600px; height: 410px; margin-left: unset; margin: 0 auto; margin-top: -40px; justify-content: center; } #scene3d ~ canvas{ width: 1920px; height: 1080px; } #inner { transition: transform 0.5s; -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; } /*============================================================ * EXTRAS *============================================================*/ .demo-img { /* Photo by David Marcu on Unsplash */ border: solid white 15px; background-image: url("https://images.unsplash.com/photo-1469474968028-56623f02e42e?auto=format&fit=crop&w=1953&q=80"); background-size: cover; background-repeat: no-repeat; } #container:hover .demo-overlay { opacity: 1; } #container:hover { cursor: pointer; } .demo-overlay { width: 25em; opacity: 0; background-color: rgba(0, 0, 0, 0.5); transition: opacity 0.4s; } .demo-overlay svg { display: block; margin: 0 auto; fill: white; } /* PAGE_CONTACT START */ .map_korolev{ width: 700px; height: 400px; } .map_contener{ width: 700px; height: 400px; } #zatemnenie { z-index: 101; background: rgba(17, 17, 17, 0.9); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; } #okno_main{ width: 60vw; height: auto; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; margin-top: 10%; margin-bottom: 30vh; } .okno { max-width: 1245px; max-height: 496px; height: 100%; display: flex; overflow: auto; text-align: center; margin: 0 auto; background: #fff; padding-top: 40px; padding-right:40px; overflow-x: hidden; } #zatemnenie:target { display: block; } .contact_text{ max-width: 314px; max-height: 392px; display: flex; flex-wrap: wrap; margin: 0 auto; margin-left: 40px; margin-right: 40px; } .okno_close{ max-width: 1204px; height: 24px; margin: 0 auto; margin-bottom: 24px; } .map_contener{ max-width: unset; max-height: 416px; margin: 0 auto; padding-bottom: 40px; } .map_korolev{ max-width: 752px; max-height: 416px; margin: 0 auto; } .close { align-items: center; text-align: center; text-decoration: none; color: #fff; float: right; } .close:hover {color: #FFA048;} .contact{ width: 328px; height: 32px; font-family: Open Sans; font-style: normal; font-weight: 600; font-size: 24px; line-height: 32px; color: #222222; margin: 0 auto; margin-bottom: 32px; } .contact_contol{ width: 328px; height: 24px; display: flex; margin-bottom: 16px; } .contact_contol2{ width: 328px; height: auto; display: flex; margin-bottom: 16px; } .contact_callimg{ width: 24px; height: 24px; margin-right: 8px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; /* identical to box height, or 150% */ display: flex; align-items: center; text-align: center; /* Набор / Заголовок */ color: #222222; background: url(/images/headermenu/call.png) no-repeat center; } .contact_mailimg{ width: 24px; height: 24px; margin-right: 8px; color: #222222; background: url(/images/headermenu/mail.png) no-repeat center; } .contact_timeimg{ width: 24px; height: 24px; margin-right: 8px; color: #222222; background: url(/images/headermenu/time.png) no-repeat center; } .contact_pos1img{ width: 24px; height: 24px; margin-right: 8px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; display: flex; align-items: center; text-align: center; color: #222222; background: url(/images/headermenu/position.png) no-repeat center; } .contact_pos2img{ width: 24px; height: 24px; margin-right: 8px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; /* identical to box height, or 150% */ display: flex; align-items: center; text-align: center; /* Набор / Заголовок */ color: #222222; background: url(/images/headermenu/position.png) no-repeat center; } .number a{ height: 24px; left: 32px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #E51523; } .mail{ height: 24px; left: 32px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #E51523; } .time{ width: 296px; height: 24px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #666666; } .pos1{ width: 296px; height: 48px; left: 32px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #666666; } .pos2{ width: 296px; height: 48px; left: 32px; right: 0px; top: 0px; /* Набор / Параграф */ font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; /* or 150% */ font-feature-settings: 'ss01' on; /* Набор / Параграф */ color: #666666; margin-bottom: 16px; } .contact_img{ padding-top: 6px; padding-bottom: 8px; padding-right: 8px; padding-left: 12px; } .message-contact_buttom{ display: flex; flex-direction: row; align-items: center; width: 341px; height: 56px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); border-radius: 4px; color: #FFFFFF; flex: none; order: 3; align-self: flex-start; flex-grow: 0; margin-top: 32px; } .message-contact_buttom_mass{ margin: 0 auto; } #zatemnenie2{ z-index: 101; background: rgba(17, 17, 17, 0.9); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; } #okno_main2{ width: 60vw; height: 60vh; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; margin-top: 16%; margin-bottom: 30vh; } .okno2{ max-width: 484px; max-height: 176px; min-height: 176px; height: 100%; display: flex; flex-wrap: wrap; margin: 0 auto; background: #fff; } .contact_textcall{ display: flex; flex-direction: column; align-items: flex-start; background: #FFFFFF; border-radius: 2px; } .zakaz_zvonka{ font-family: Open Sans; font-style: normal; font-weight: 500; font-size: 24px; line-height: 32px; color: #222222; margin-left: 40px; margin-top: 40px; } #zatemnenie2:target { display: block; } .okno_close2{ max-width: 484px; height: 24px; margin: 0 auto; margin-bottom: 24px; } .close2{ align-items: center; text-align: center; text-decoration: none; color: #fff; float: right; } .close2:hover {color: #FFA048;} .zakaz_nuber{ max-width: 404px; height: 40px; display: flex; flex-wrap: wrap; margin-top: 24px; margin-left: 40px; } .zakaz_info{ width: 248px; height: 40px; background: #FFFFFF; border: 1px solid #EBEBEB; box-sizing: border-box; box-shadow: 0px 0px 20px rgba(102, 102, 102, 0.1); border-radius: 8px; flex: none; order: 0; flex-grow: 0; margin: 8px 0px; padding-left: 8px; margin-right: 8px; margin-top: 8px; } .zakaz_info::placeholder{ font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; display: flex; align-items: center; color: #CCCCCC; } .zakaz_buttom{ min-width: 148px; max-width: 248px; height: 40px; display: flex; flex-direction: row; align-items: flex-start; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); border-radius: 8px; flex: none; order: 1; align-self: flex-start; flex-grow: 0; border: none; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; padding-left: 20px; margin-top: 8px; } .header__contact:active ~ #zatemnenie{ display: block; } /* PAGE_CONTACT END */ #scene3d{ cursor: default; } #container{ cursor: default; } /* PAGE_PARTINFO START */ .goodinfosw{ width: auto; height: auto; background-color: #F6F6F6; } .goodsinfo_main{ position: relative; z-index: 2; width: 1600px; min-height: 880px; margin: 0 auto; margin-top: -850px; padding-bottom: 80px; } .goodsinfo{ width: 1200px; height: auto; display: flex; flex-wrap: wrap; padding-top: 152px; margin-left: 200px; } .partinfo{ width: 400px; height: auto; display: flex; } .partinfow{ width: 600px; height: auto; flex-wrap: wrap; margin-left: 40px; } .partinfoic{ width: 400px; height: 400px; } .partname{ width: 657px; height: 40px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; color: #222222; margin-top: 8px; } .partfirm{ width: 535px; height: 24px; display: flex; flex-wrap: wrap; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #222222; margin-top: 40px; } .parteng{ width: 760px; height: auto; display: flex; flex-wrap: nowrap; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #222222; margin-top: 8px; } .partnumberoe{ width: 760px; height: auto; display: flex; flex-wrap: nowrap; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #222222; margin-top: 8px; } .partnumberoe{ width: 760px; height: auto; display: flex; flex-wrap: wrap; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #222222; margin-top: 8px; } .partcars{ width: 760px; height: auto; display: flex; flex-wrap: wrap; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #222222; margin-top: 8px; } .partanalogs{ width: 760px; height: 24px; display: flex; flex-wrap: wrap; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #222222; margin-top: 8px; } .named{ width: auto; height: auto; display: flex; flex-wrap: wrap; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; } .fon_logo2{ position: relative; z-index: 0; width: 1023px; height: 1043px; transform: rotate(70deg); top: -30px; left: -30px; } .fon_logo1{ position: relative; z-index: 1; width: 523px; height: 843px; background: url(/images/backgraunds/l.png) no-repeat; background-position: 0px 100px; margin-left: 63%; margin-top: -1055px; } .goodsinfo_block{ width: 122px; height: 16px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #E51523; } .costinfo{ width: 400px; height: 56px; font-style: normal; font-weight: bold; font-size: 48px; line-height: 56px; text-align: center; color: #222222; margin-top: 40px; } .add-to-cartinfof{ display: flex; flex-direction: row; align-items: center; padding: 8px 30px; width: 164px; height: 56px; border: 0px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; border-radius: 8px; color: #FFFFFF; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); border-radius: 8px; margin: 0 auto; margin-top: 24px; } .add-to-cartinfon{ display: flex; flex-direction: row; align-items: center; padding: 8px 30px; width: 164px; height: 56px; border: 0px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; border-radius: 8px; color: #FFFFFF; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); border-radius: 8px; margin-top: 24px; } .add-to-cartinfor{ display: flex; flex-direction: row; align-items: center; padding: 8px 30px; width: 164px; height: 56px; border: 0px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; border-radius: 8px; color: #FFFFFF; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); border-radius: 8px; margin-top: 24px; } .add-to-cartinfof:hover{ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); } .add-to-cartinfon:hover{ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); } .add-to-cartinfor:hover{ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); } .partinfobuttback{ display: flex; flex-wrap: wrap; } .backcat{ width: 125px; height: 56px; left: calc(50% - 125px/2 + 93px); top: 0px; border: 1px solid #E51523; box-sizing: border-box; border-radius: 8px; order: 1; flex-grow: 0; margin: 0 auto; margin-top: 24px; display: flex; vertical-align: middle; justify-content: center; align-items: center; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-decoration: none; font-feature-settings: 'ss01' on; color: #E51523; } .backcat:hover{ color: #E51523; text-decoration: underline; } .cartbox1{ width: 124px; height: 56px; display: none; margin-top: 42px; margin-left: 42px; } .cartcount{ display: flex; flex-wrap: nowrap; } .plusgoods{ width: 28px; height: 26px; font-style: normal; font-weight: 300; font-size: 32px; line-height: 24px; display: flex; align-items: center; text-align: center; color: #E51523; margin-right: 8px; background: transparent; border: 2px solid #E51523; border-radius: 10%; padding-left: 3px; padding-top: 2px; } .minusgoods{ width: 28px; height: 26px; font-style: normal; font-weight: 300; font-size: 24px; line-height: 24px; display: flex; align-items: center; text-align: center; color: #E51523; margin-left: 8px; background: transparent; border: 2px solid #E51523; border-radius: 10%; padding-left: 5px; } .minicartcount{ padding-top: 4px; } .buttcompat{ margin-bottom: 8px; } .buttcompat:last-child{ margin-bottom: 0px; } .buttparts{ width: auto; height: auto; color: green; cursor: pointer; border: none; outline: none; text-align: left; vertical-align: middle; background: transparent; padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-bottom: 2px; margin-right: 4px; } .buttanalogs{ width: auto; height: auto; color: green; cursor: pointer; border: none; outline: none; text-align: left; vertical-align: middle; background: transparent; padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-bottom: 2px; margin-right: 4px; } .partanalogsbutt{ width: 600px; height: auto; display: flex; flex-wrap: wrap; } /* PAGE_PARTINFO END */ /* PAGES_PANEL START */ .intro_titlep{ position: static; width: 1200px; height: 128px; padding-top: 216px; font-family: 'Open Sans'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 56px; text-align: center; color: #FFFFFF; flex: none; order: 0; flex-grow: 0; } .intro_paragrapthp{ position: static; width: 1200px; height: 88px; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; text-align: center; font-feature-settings: 'ss01' on; color: #FFFFFF; flex: none; order: 1; flex-grow: 0; } .help_introp{ position: relative; z-index: 10; width: 20px; height: 24px; background: url(/images/headermenu/help_ico.png) no-repeat center; cursor: pointer; margin-left: 940px; margin-top: -18px; } .help_boxp{ display: none; flex-direction: column; align-items: flex-start; padding: 16px; position: relative; z-index: 10; width: 396px; height: 72px; top: -125px; left: 965px; background: #FFFFFF; border-radius: 8px; box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); } .help_boxtextp{ position: static; width: 376px; height: 40px; left: 16px; top: 16px; right: 16px; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #666666; flex: none; order: 0; flex-grow: 0; margin: 10px 10px; } .intro_wrapperp{ position: relative; z-index: 6; width: 100vw; height: 626px; display: flex; flex-wrap: wrap; background: url(/images/backgraunds/dizel.jpg) no-repeat center; background-size: cover; margin: 0 auto; } .warpperp{ width: 1600px; height: 626px; z-index: 1; top: 0; margin: 0 auto; } .intro_wp{ width: 100vw; margin: 0 auto; } .centbut{ width: 1600px; height: 56px; margin:0 auto; } .button_app{ width: auto; height: 56px; display: flex; flex-direction: row; align-items: center; padding: 16px 28px; border: 0px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); /* Кнопка / Тень */ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); border-radius: 8px; margin: 0 auto; margin-top: 40px; } .button_app:hover{ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.8); } .button_apt{ position: static; top: 16px; bottom: 16px; margin: 0 auto; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; text-align: center; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; flex: none; order: 2; flex-grow: 0; } .mini_newsp{ width: 100vw; height: 540px; background-color: #F6F6F6; margin: 0 auto; } .mini_newsp1{ width: 100vw; height: 440px; margin: 0 auto; } .mini_newsp2{ width: 100vw; height: 640px; margin: 0 auto; background-color: #F6F6F6; } .mini_blockp { width: 1600px; height: 400px; padding-top:140px; margin: 0 auto; margin-top: -220px; } .mini_blockp1 { width: 1600px; height: 400px; padding-top:140px; margin: 0 auto; margin-top: -100px; } .mini_blockp2 { width: 1600px; height: 300px; padding-top:280px; margin: 0 auto; margin-top: -240px; } .mini_headp{ width: auto; height: auto; margin: 0 auto; font-family: 'Open Sans'; font-style: normal; text-align: center; font-weight: 700; font-size: 32px; line-height: 40px; color: #222222; padding-bottom: 24px; } .our_servises_pp{ width: 560px; height: 120px; margin-top: 24px; /* Набор / Параграф */ font-family: 'Open Sans'; font-style: normal; font-weight: normal; font-size: 32px; line-height: 48px; /* or 150% */ font-feature-settings: 'ss01' on; /* Набор / Заголовок */ color: #222222; } .mini_pp{ width: 1200px; height: auto; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 32px; line-height: 48px; text-align: center; font-feature-settings: 'ss01' on; color: #222222; margin-top: 44px; margin: 0 auto; } .servisesp { position: relative; z-index: 2; width: 100vw; height: auto; display: flex; flex-wrap: wrap; margin: 0 auto; background-color: #EEEEEE; } .intro_wrapper1p{ background-color: #EEEEEE; } .mainbody_edit{ width: 100vw; min-height: 100vh; background-image: url(/images/backgraunds/fon.png); background-position: center; background-size: cover; } .main_editcat{ width: 1600px; height: auto; margin: 0 auto; padding-top: 200px; padding-bottom: 40px; } .input_image{ top: 16px; bottom: 16px; margin: 0 auto; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 18px; text-align: center; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; flex: none; order: 2; flex-grow: 0; } .formbut_inp{ width: auto; display: flex; flex-wrap: wrap; margin: 0 auto; margin-bottom: 16px; } .forminfo_inp{ width: auto; margin: 0 auto; margin-bottom: 16px; } .addicoredoad{ width: 1600px; text-align: center; width: 429px; height: 40px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 24px; line-height: 32px; margin: 0 auto; margin-bottom: 16px; color: #3f3636; } .input_infoadd{ width: 1600px; height: 36px; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; background: #FFFFFF; border: 1px solid #999999; border-radius: 8px; box-sizing: border-box; padding-left: 16px; box-shadow: 0px 1px 20px rgb(102 102 102 / 10%); margin-bottom: 8px; } .input_infosmall{ width: 390px; height: 24px; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; background: #FFFFFF; border: 1px solid #999999; border-radius: 8px; box-sizing: border-box; padding-left: 16px; box-shadow: 0px 1px 20px rgb(102 102 102 / 10%); margin-bottom: 8px; margin-right: 8px; } .newdivcost{ width: 100%; } .input_infocost{ width: 100%; height: 36px; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; background: #FFFFFF; border: 1px solid #999999; border-radius: 8px; box-sizing: border-box; padding-left: 16px; box-shadow: 0px 1px 20px rgb(102 102 102 / 10%); margin-bottom: 8px; } .h2numb{ width: 100%; text-align: center; font-size: 18px; font-weight: 800; margin-top: 20px; } .button_ape{ position: static; margin: 0 auto; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; text-align: center; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; flex: none; order: 2; flex-grow: 0; } .button_apped{ width: auto; height: 56px; display: flex; flex-direction: row; align-items: center; padding: 16px 28px; border: 0px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); /* Кнопка / Тень */ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); border-radius: 8px; margin: 0 auto; } .button_appedd{ width: 180px; height: 56px; display: flex; flex-direction: row; align-items: center; padding: 16px 28px; border: 0px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); /* Кнопка / Тень */ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); border-radius: 8px; margin-right: 24px; } .button_appedd:last-child{ margin-right: 0px; } .button_appeddel{ width: auto; height: 36px; display: flex; flex-direction: row; align-items: center; padding: 16px 28px; border: 0px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); /* Кнопка / Тень */ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); border-radius: 8px; margin: 0 auto; margin-bottom: 8px; } .button_appedadd{ width: auto; height: 16px; display: flex; flex-direction: row; align-items: center; padding: 16px 28px; border: 0px; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); /* Кнопка / Тень */ box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); border-radius: 8px; margin: 0 auto; margin-top: 8px; } .container_bocsh { width: 1600px; margin: 0 auto; padding-bottom: 8px; color: #000; } .container_denso { width: 1600px; margin: 0 auto; padding-bottom: 8px; color: #000; } .container1 { margin: 0 auto; padding-bottom: 8px; } .panel { margin-bottom: 5px; } .panel-title { padding: 10px 10px; font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 32px; color: #222222; padding-bottom: 24px; border-radius: 4px; cursor: pointer; } .panel-title1 { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 18px; color: #222222; border-radius: 4px; cursor: pointer; } .panel-body { padding: 15px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: none; margin-bottom: 10px; } .panel-active { margin-bottom: 0; border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; text-decoration: underline; } .panel-active + .panel-body { display: block; } .nameh{ width: 1600px; font-style: normal; font-weight: bold; text-align: center; font-size: 32px; line-height: 40px; color: #222222; margin-top: 40px; margin-bottom: 40px; } .namp{ width: 1600px; font-style: normal; font-weight: bold; font-size: 24px; line-height: 36px; color: #222222; margin-top: 40px; margin-bottom: 40px; } .savebutt{ width: 384px; display: flex; flex-wrap: wrap; align-items: center; margin: 0 auto; margin-bottom: 40px; } .goodsrash{ margin-bottom: 40px; } .namep{ width: auto; padding: 10px 10px; font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 32px; text-align: center; color: #222222; padding-bottom: 24px; border-radius: 4px; margin: 0 auto; } .addparts{ display: flex; float: left; } .add_bosh{ margin-bottom: 80px; } .searchaddbosh{ margin-bottom: 40px; } .erradd{ position: fixed; width: 100vw; color: #C80000; text-align: center; font-size: 18px; line-height: 22px; text-shadow: 1px 1px 1px rgb(255, 255, 255); margin: 0 auto; margin-top: 108px; } .orderbox{ width: auto; height: auto; display: block; margin-top: 16px; margin-bottom: 32px; } .input_infogoods{ width: 1600px; height: 56px; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; background: #FFFFFF; border: 1px solid #999999; border-radius: 8px; box-sizing: border-box; padding-left: 16px; box-shadow: 0px 1px 20px rgb(102 102 102 / 10%); margin-bottom: 8px; } .orderstat{ width: auto; text-align: center; font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 22px; margin: 0 auto; margin-bottom: 8px; } .search_panel{ width: 544px; align-items: center; margin: 0 auto; } .search_title1{ width: 544px; height: 56px; margin-top: 40px; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; background: #FFFFFF; /* Поле / Рамка */ border: 1px solid #999999; border-radius: 8px; box-sizing: border-box; padding-left: 16px; box-shadow: 0px 1px 20px rgba(102, 102, 102, 0.1); margin-top: 20px; } .names{ width: auto; padding: 10px 10px; font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 32px; text-align: center; color: #222222; border-radius: 4px; margin: 0 auto; margin-top: 20px; } /* PAGES_PANEL END */ details[open] summary ~ *::-webkit-scrollbar { width: 8px; height: 144px; background: #EAEAEA; border-radius: 8px;} details[open] summary ~ *::-webkit-scrollbar-thumb { width: 8px; height: 24px; background: #42A06E; border-radius: 8px;} .detailsin{ transform:scaleX(-1); } details[open] summary{ display: none; } details{ } summary::-webkit-details-marker{display:none;} summary::-moz-list-bullet{list-style-type:none;} summary::marker{display:none;} summary { display: flex; flex-direction: row; align-items: center; padding: 8px 16px; width: 136px; height: 14px; cursor: pointer; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); border-radius: 8px; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 12px; line-height: 16px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; flex: none; order: 3; flex-grow: 0; margin-top: -26px; margin-left: 150px; } summary:hover { box-shadow: 0px 4px 16px rgba(229, 21, 35, 0.4); } details[open] > summary:before { transform: scale(1,-1); } summary ~ * { padding: 0 1em 10px 1.4em; } details[open] summary ~ *{ width: 609px; height: 144px; animation: sweep .5s ease-in-out; overflow: scroll; transform:scaleX(-1); overflow-x:hidden; margin-top: 8px; } @keyframes sweep { 0% {opacity: 0;} 100% {opacity: 1;} } summary:focus { outline:0; } /* Menu */ .column-clear{clear:both;} .clear{overflow: hidden;} .mainWrap{ z-index: 1000; margin:0 auto; text-align: center; vertical-align:middle; } .title{ margin:100px 0 20px 0; text-align:center; color:#3E4156; } .back{ text-align:center; } .menu{ display:block; } .menu li{ display: inline-block; position: relative; z-index:100; } .menu li:first-child{ margin-left:0; } .menu li a { text-decoration:none; padding:11px; display:block; color:#ffffff; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .menu ul li { display:block; float: none; background:none; margin:0; padding:0; } .menu li:hover > ul{ display: block; } .menu ul ul { left: 149px; top: 0px; } .mobile-menu{ display:none; color:#ffffff; text-transform:uppercase; font-weight:600; } @media (max-width: 1080px) { .menu{ display:none; } .mobile-menu{ display:block; } } @media (min-width: 768px) and (max-width: 979px) { .menu{ display:none; } .mainWrap{ width:auto; } .menu ul { top:37px; } .menu li a{ font-size:12px; padding:8px; } } @media (max-width: 760px) { .mainWrap{ width:auto; margin: 0 auto; } .menu{ display:none; } .mobile-menu{ display:block; } nav{ margin:0; background:none; } .menu li{ display:block; margin:0; } .menu ul { display:block; position:relative; top:0; left:0; width:100%; } .menu ul ul { left:0; } } @media (max-width: 480px) {} @media (max-width: 320px) {} /* MEDIA */ @media screen and (min-width: 1921px){ html{ min-width: 100vw; min-height: 100vh; overflow-x:hidden; } head{ min-width: 100vw; overflow-x:hidden; } body{ min-width: 100vw; overflow-x:hidden; margin:0 auto; } #scene3d{ min-width: 1600px; width: auto; } #scene3d ~ canvas{ width: 1920px; height: 1280px; } .endinfo_fix{ display: flex; flex-wrap: wrap; } .info_man{ position: static; right: unset; bottom: unset; margin: 0 auto; margin-top: -140px; } } @media screen and (min-width: 1920px){ /* .minicartfors{ border-right-color: unset; border-right-style: unset; border-right-width: unset; } */ .minicartclap{ width: auto; } } @media screen and (max-width: 1600px) and (min-width: 1367px){ html{ min-width: 100vw; min-height: 100vh; overflow-x:hidden; } head{ min-width: 100vw; overflow-x:hidden; } body{ min-width: 100vw; overflow-x:hidden; margin:0 auto; } /* Шапка */ .headermenu_wapper{ position: fixed; z-index: 99; width: 100%; max-width: 100vw; min-width: 100vw; margin: 0 auto; } .header{ width: 100%; max-width: 100vw; min-width: 100vw; } .headermenu{ width: 100%; max-width: 100vw; min-width: 100vw; } .header__logo{ margin-left: 40px; } .header__item{ margin-right: 0px; } .header__profile1{ display: none; } .warpper{ width: 1200px; height: auto; padding-left: 80px; display: flex; flex-wrap: wrap; } #container{ position: relative; width: 600px; margin: 0 auto; } #scene3d{ width: 600px; height: 410px; margin: 0 auto; margin-top: -40px; margin-left: unset; } .our_coolblock{ margin-left: 0px; } .main_w { width: 100vw; margin: 0 auto; padding-top: 40px; background: url(/images/backgraunds/fonindex.png); background-size: cover; background-position-y: -120px; } .warpper2{ margin-left: 0px; } .warpper3{ margin-left: 0px; } .image_end33{ width: auto; } .mini_swipe{ width: auto; } .mini_blockswipe{ padding-left: 0px; margin: 0 auto; } .cool_fix{ width: 1200px; } .servises_block{ width: 1200px; } .servises_text{ width: 520px; margin-left: 0px; } .mini_swipe{ margin-bottom: 0px; } .mini_headswipe1{ margin-left: 88px; } .miniswipe1{ margin: 0 auto; } .mini_icoswipe2{ position: relative; } .mini_icoswipe1 { position: relative; z-index: 2; width: 687px; height: 539px; background: url(/images/cool/001.png) no-repeat top; margin-top: -420px; margin-left: 650px; } .mini_icoswipe3 { position: relative; z-index: 2; width: 687px; height: 539px; background: url(/images/cool/003.png) no-repeat top; margin-top: -420px; margin-left: 650px; } .mini_icoswipe4 { position: relative; margin-left: -120px; } .mininews_fix{ width: 1200px; } .mini_block{ padding-left: 0px; } .mini_ico1 { position: relative; } .mini_ico2 { position: relative; } .mini_ico3 { position: relative; } .mini_ico5{ position: relative; } .mini_white{ position: relative; margin-top: -168px; } .mini_header{ top: -40px; } .go_news{ top: -20px; } .arrow{ top: -40px; } .button_news{ position: relative; } .endinfo_fix{ width: 1200px; display: flex; flex-wrap: wrap; height:468px; } .endinfo_text{ margin-left: 80px; } .info_man{ position: relative; right: -100px; bottom: 168px; } .cart_iconbox { cursor: pointer; position: fixed; z-index: 15; top: 45%; right: 2%; } .map_korolev{ width: 420px; height: 380px; } .map_contener{ width: 420px; height: 380px; } .message-contact_buttom{ width: 308px; margin-top: 16px; } .contact_text{ margin-right: 20px; } .user_box{ width: 1200px; } .user_logo{ margin-left: 981px; } } @media screen and (max-width: 1366px) and (min-width: 1281px){ html{ min-width: 100vw; min-height: 100vh; overflow-x:hidden; } head{ min-width: 100vw; overflow-x:hidden; } body{ min-width: 100vw; overflow-x:hidden; margin:0 auto; } /* Шапка */ .headermenu_wapper{ position: fixed; z-index: 99; width: 100%; max-width: 100vw; min-width: 100vw; margin: 0 auto; } .header{ width: 100%; max-width: 100vw; min-width: 100vw; } .headermenu{ width: 100%; max-width: 100vw; min-width: 100vw; } .header__logo{ margin-left: 20px; } .header__item{ margin-right: 0px; } .menu li a{ padding-left: 0px; padding-right: 0px; } .header__link{ padding-left: 4px; padding-right: 4px; } .header__profile1{ display: none; } .warpper{ width: 1200px; height: auto; padding-left: 80px; } #container{ position: relative; width: 600px; margin: 0 auto; } #scene3d{ width: 600px; height: 410px; margin: 0 auto; margin-top: -40px; margin-left: unset; } .our_coolblock{ margin-left: 0px; } .main_w { width: 100vw; margin: 0 auto; padding-top: 40px; background: url(/images/backgraunds/fonindex.png); background-size: cover; background-position-y: -120px; } .warpper2{ margin-left: 0px; } .warpper3{ margin-left: 0px; } .image_end33{ width: auto; } .mini_swipe{ width: auto; } .mini_blockswipe{ padding-left: 0px; margin: 0 auto; } .cool_fix{ width: 1200px; } .servises_block{ width: 1200px; } .servises_text{ width: 520px; margin-left: 0px; } .mini_swipe{ margin-bottom: 0px; } .mini_headswipe1{ margin-left: 88px; } .miniswipe1{ margin: 0 auto; } .mini_icoswipe2{ position: relative; } .mini_icoswipe1 { position: relative; z-index: 2; width: 687px; height: 539px; background: url(/images/cool/001.png) no-repeat top; margin-top: -420px; margin-left: 650px; } .mini_icoswipe3 { position: relative; z-index: 2; width: 687px; height: 539px; background: url(/images/cool/003.png) no-repeat top; margin-top: -420px; margin-left: 650px; } .mini_icoswipe4 { position: relative; margin-left: -120px; } .mininews_fix{ width: 1200px; } .mini_block{ padding-left: 0px; } .mini_ico1 { position: relative; } .mini_ico2 { position: relative; } .mini_ico3 { position: relative; } .mini_ico5{ position: relative; } .mini_white{ position: relative; margin-top: -168px; } .mini_header{ top: -40px; } .go_news{ top: -20px; } .arrow{ top: -40px; } .button_news{ position: relative; } .endinfo_fix{ width: 1200px; display: flex; flex-wrap: wrap; height:468px; } .endinfo_text{ margin-left: 80px; } .info_man{ position: relative; right: 0px; bottom: 168px; } .cart_iconbox { cursor: pointer; position: fixed; z-index: 15; top: 45%; right: 2%; } .map_korolev{ width: 380px; height: 380px; } .map_contener{ width: 380px; height: 380px; } .message-contact_buttom{ width: 308px; margin-top: 16px; } .contact_text{ margin-right: 20px; } .user_box{ width: 1200px; } .user_logo{ margin-left: 981px; } /* Мини Инфо */ .goodsinfo_main{ width: auto; height: auto; min-height: unset; } .goodsinfo{ width: 1000px; margin-left: unset; margin: 0 auto; } .backcat{ margin: 0 auto; } } @media screen and (max-width: 1280px) and (min-width: 1081px){ html{ min-width: 100vw; min-height: 100vh; height: auto; overflow-x:hidden; } head{ min-width: 100vw; overflow-x:hidden; } body{ min-width: 100vw; overflow-x:hidden; margin:0 auto; } .wapperfix{ width: auto; margin-left: unset; margin: 0 auto; } /* Шапка */ .headermenu_wapper{ position: fixed; z-index: 99; width: 100%; max-width: 100vw; min-width: 100vw; margin: 0 auto; } .header{ width: 100%; max-width: 100vw; min-width: 100vw; } .headermenu{ width: 100%; max-width: 100vw; min-width: 100vw; } .header__logo{ margin-left: 20px; width: 300px; height: 200px; position: relative; overflow: hidden; } .header__item{ margin-right: 0px; padding-left: 4px; padding-right: 4px; } .menu li a{ padding-left: 0px; padding-right: 0px; font-size: 14px; } .header__link{ padding-left: 4px; padding-right: 4px; } .contactinfo{ width: 128px; } .fix_header{ font-size: 14px; } .header__profile1{ display: none; } .warpper{ width: 1200px; padding-left: 80px; } .our_coolblock{ margin-left: 200px; } .cool_fix{ width: 1080px; } .main_block{ width: 933px; min-height: 360px; } .coolback1{ width: 300px; margin-right: 0px; height: 306px; margin-right: 16px; } .cool_img1{ width: 268px; height: 228px; margin-top: -300px; padding-top: 0px; } .cool_text{ width: 288px; margin: 0 auto; } .coolback2{ width: 300px; height: 306px; margin-right: 16px; } .cool_img2{ width: 268px; height: 228px; margin-top: -300px; padding-top: 0px; margin-left: 16px; padding-left: 28px; } .coolback3{ width: 300px; height: 306px; margin-right: 0px; } .cool_img3{ width: 268px; height: 228px; margin-top: -300px; padding-top: 0px; padding-left:32px; } #container{ position: relative; width: 600px; margin: 0 auto; } #scene3d{ width: 600px; height: 410px; margin: 0 auto; margin-top: -40px; margin-left: unset; } .main_w { width: 100vw; margin: 0 auto; padding-top: 40px; background: url(/images/backgraunds/fonindex.png); background-size: cover; background-position-y: -120px; } .warpper{ width: 1080px; padding-left: 160px; } .warpper2{ margin-left: 0px; } .warpper3{ margin-left: 0px; } .image_end33{ width: auto; } .mini_swipe{ width: auto; } .mini_blockswipe{ padding-left: 0px; margin: 0 auto; } .servises{ } .servises_block{ width: 1080px; } .servises_text{ width: 520px; margin-left: 80px; } .servises_icom{ width: 444px; margin-left: 36px; margin-top: 20px; } .servises_ico1{ margin-top: 0px; margin-left: 16px; } .servises_ico2{ margin-top: 0px; margin-left: 16px; } .servises_ico3{ margin-top: 0px; margin-left: 16px; } .servises_ico4{ margin-top: 0px; margin-left: 16px; } .image_end3{ display: none; } .mini_swipe{ margin-bottom: 0px; } .mini_headswipe1{ margin-left: 88px; margin-top: 40px; margin-bottom: 20px; } .miniswipe1{ margin: 0 auto; } .mini_pswipe1{ font-size: 14px; } .mini_icoswipe1 { position: relative; z-index: 2; width: 687px; height: 539px; background: url(/images/cool/001.png) no-repeat top; margin-top: -420px; margin-left: 550px; } .miniswipe2{ width: 1060px; } .mini_headswipe2{ margin-top: 0px; } .mini_pswipe2{ font-size: 14px; } .mini_icoswipe2{ position: relative; } .mini_headswipe3{ margin-left: 88px; margin-top: 0px; margin-bottom: 20px; } .mini_icoswipe3 { position: relative; z-index: 2; width: 687px; height: 539px; background: url(/images/cool/003.png) no-repeat top; margin-top: -420px; margin-left: 520px; } .miniswipe4{ width: 1060px; } .mini_headswipe4{ margin-top: 0px; margin-bottom: 20px; } .mini_icoswipe4 { position: relative; margin-left: -120px; } .mininews_fix{ width: 1080px; } .mini_block{ padding-left:20px; } .mini_head{ margin-left: 40px; } .mini_p{ margin-left: 40px; } .mini_coub{ width: 1080px; } .mini_new{ width: 324px; } .mini_ico1 { position: relative; width: 324px; } .mini_ico2 { position: relative; width: 324px; } .mini_ico3 { position: relative; width: 324px; } .mini_ico5{ position: relative; } .mini_white{ position: relative; margin-top: -168px; width: 324px; } .mini_header{ top: -40px; width: 294px; left: 16px; } .go_news{ top: -20px; width: 324px; left: 16px; } .arrow{ top: -40px; left: 190px; } .button_news{ position: relative; } /* Контакты в конце страницы */ .repair{ background: #F6F6F6; } .enlinfo_box{ height: auto; } .endinfo_fix{ width: 1020px; display: flex; flex-wrap: wrap; height:468px; margin: 0 auto; padding-top: 0px; } .info_fon2 { height: 468px; } .info_fon{ height: 468px; } .endinfo_text{ margin-left: 40px; width: 500px; } .info_header{ width: auto; } .info_main{ width: auto; } .info_man{ position: relative; right: 0px; bottom: 0px; width: 444px; height: 120%; background-size: 95%; margin-top: -80px; } .endlist_creators{ width: 1080px; margin: 0 auto; } .copyright{ margin: 0 auto; } .autograph{ margin: 0 auto; } .cart_iconbox { cursor: pointer; position: fixed; z-index: 15; top: 45%; right: 2%; } /* Контакты */ #okno_main{ width: auto; } .map_korolev{ width: auto; height: 380px; } .map_contener{ width: 90vw; height: 380px; } .message-contact_buttom{ width: 308px; margin-top: 16px; } .contact_text{ margin-right: 20px; } /* Корзина */ .cart_box{ width: 1080px; } .cart_close { width: 1080px; } .cart_boxin { width: 1000px; } .minicart_box{ width: 1000px; } .cart_name{ width: 500px; } .email-field{ width: 600px; } .order_name{ margin-right: 8px; } .order{ margin-right: 8px; } .order_text{ width: auto; } .add_neword{ width: 580px; } .order_massivepart{ width: 1000px; } /* ЛК */ .user_box{ width: 1080px; } .user_logo{ margin-left: 781px; } .user_ico{ margin-left: 40px; } /* Каталог */ .search_headermain{ width: 1080px; margin-left: 100px; padding-top: 146px; } .goods_block{ max-width: 880px; margin: 0 auto; } #fors{ max-width: 880px; margin: 0 auto; } .newdiv{ max-width: 880px; margin: 0 auto; } .box{ margin-right: 8px; margin-left: 8px; } .mainbuttfors{ margin: 0 auto; } .mainbutttnvd{ margin: 0 auto; } .mainbuttrash{ margin: 0 auto; } #rash{ margin-bottom: 80px; } /* Мини Инфо */ .goodsinfo_main{ width: auto; height: auto; min-height: unset; } .goodsinfo{ width: 1000px; margin-left: unset; margin: 0 auto; } .backcat{ margin: 0 unset; } /* Запчасти */ .goods_main1{ margin-bottom:80px; } .fors-goodshead{ width: 951px; } .numbergoods{ width: 316px; } .raspgoods{ width: 316px; } .clapgoods{ width: 316px; } .mass_minigoods{ width: 951px; } .newdiv2{ width: 950px; } .newdiv3{ width: 950px; } .forscart1{ width: 315px; } .minicartfors{ width: 315px; } .minicartclap{ width: 316px; } /* Мини Запчасти */ .namepart{ width: 880px; } .goods_main{ height: auto; min-height: 0; padding-bottom: 220px; } .goods_up{ width: 880px; } .name_up{ width: 347px; } .number_up{ width: 126px; } .numberup_p{ width: auto; } .count_up{ width: 126px; } .minicartart{ margin-top: 16px; } .minicart{ width: 880px; height: auto; } .productName{ width: 307px; height: auto; margin-bottom: 16px; } .nomberin{ width: 126px; } .quantity{ width: 126px; } /* Новости */ .news_news{ width: 1020px; height: auto; } .mini_newsb { width: 324px; } .mini_coubw{ width: 1080px; height: auto; } .wmed_new{ width: 672px; } .mini_ico4{ width: 672px; } .mini_white_m{ width: 672px; } .mini_headerm{ width: 672px; } .mini_ico5{ width: 324px; } .mini_ico6 { position: relative; width: 324px; } .mini_ico7 { position: relative; width: 324px; } .mini_ico8 { position: relative; width: 324px; } .mini_ico9 { position: relative; width: 324px; } .mini_newz{ width: 324px; } .mini_ico10 { position: relative; width: 324px; } .wbig_new{ position: relative; height: auto; width: 324px; margin-top: -784px; margin-left: 696px; } .mini_white_b { position: relative; margin-top: -560px; width: 324px; } .mini_header_b{ width: 294px; left: 16px; } .go_news_b{ width: 324px; left: 16px; } .arrow_b{ left: 190px; } .back_news{ height: auto; margin-bottom: 40px; } .news_block{ width: 1000px; height: auto; } .name_for_news{ width: auto; } .news_img{ width: auto; } .news_text{ width: 950px; height: auto; padding-bottom: 20px; } .telcall { pointer-events: none; } } @media screen and (max-width: 1080px){ html{ min-width: 100vw; min-height: 100vh; height: auto; overflow-x:hidden; } head{ min-width: 100vw; overflow-x:hidden; } body{ min-width: 100vw; overflow-x:hidden; margin:0 auto; } .wapperfix{ width: auto; margin-left: unset; margin: 0 auto; } .backcat{ display:none; } .backcat2{ position: fixed; width: 100vw; height: 48px; max-height: 48px; z-index: 109; left: 0; bottom:0; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #F6F6F6; display:flex; justify-content: center; text-align: center; vertical-align: middle; background: linear-gradient(180deg, #FF0011 0%, #C80000 100%); } .backcat2t{ padding-top: 16px; } .partinfobuttback{ justify-content: center; } .back_menu{ position: fixed; z-index: 1; width: 100vh; height: 100%; background: linear-gradient(130.32deg, rgba(255, 255, 255, 0.7) 15.1%, rgba(0, 97, 15, 0.7) 66.67%); margin-top: -210px; -webkit-backdrop-filter: blur(3px); -ms-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } .menu { padding-top: 50px; /* Опускаем текст меню */ margin-left: 0px; /* Отступ слева */ } .telcall { pointer-events:all; } .zatcall { pointer-events: none !important; } /* Шапка */ .headermenu_wapper{ position: fixed; z-index: 99; width: 100%; max-width: 100vw; min-width: 100vw; margin: 0 auto; } .header{ width: 100%; max-width: 100vw; min-width: 100vw; } .headermenu{ width: 100%; max-width: 100vw; min-width: 100vw; } .logo_name{ font-size: 14px; } .name_login1{ display: none; } .header__profile{ margin-right: 10px; display:none; } .header__logo{ margin-left: 0; width: 300px; height: 200px; } .header__logo img { width: 150px; height: auto; } .header__item{ margin-right: 0px; padding-left: 4px; padding-right: 4px; padding-top: 0px; padding-bottom: 0px; border-radius: 0px 0px 0px 0px; } .mob_menu{ position: fixed; z-index: 1000; width: 100%; max-width:100vw; height: 50px; margin-top:88px; } .headermenu_backgraund{ min-height: 88px; } #touch-menu{ } .mobile-menu{ width: 25px; height: 21px; display: flex; flex-wrap: wrap; margin-top: 34px; margin-right: 20px; } .mobile-menu em { float: right; width: 20px; height: 3px; margin: 4px 0 0; background: #fff; } .menu li a{ width: 100vw; padding-left: 0px; padding-right: 0px; font-size: 24px; padding: 0; line-height: 32px; } .header__link{ padding-left: 4px; padding-right: 4px; } .contactinfo{ width: 128px; } .fix_header{ font-size: 14px; } .header__profile1{ display: none; } .warpper{ width: 760px; height: auto; padding-left: 80px; } .our_coolblock{ margin-left: 80px; } .main_block{ width: 650px; min-height: 650px; } .cool_fix{ width: 760px; height: auto; } .coolback1{ width: 300px; margin-right: 0px; height: 306px; margin-right: 16px; } .cool_img1{ width: 268px; height: 228px; margin-top: -300px; padding-top: 0px; } .cool_text{ width: 288px; margin: 0 auto; } .coolback2{ width: 300px; height: 306px; margin-right: 16px; } .cool_img2{ width: 268px; height: 228px; margin-top: -300px; padding-top: 0px; margin-left: 16px; padding-left: 28px; } .cool_block3{ margin: 0 auto; } .coolback3{ width: 300px; height: 306px; margin-right: 0px; margin-top: 0px; } .cool_img3{ width: 268px; height: 228px; margin-top: -300px; padding-top: 0px; padding-left:32px; } .main_w { width: 100vw; margin: 0 auto; padding-top: 40px; background: url(/images/backgraunds/fonindex.png); background-size: contain; background-position-y: -120px; } .warpper2{ margin-left: 0px; } .warpper3{ margin-left: 0px; } .image_end33{ width: auto; } .mini_swipe{ width: auto; } .mini_blockswipe{ padding-left: 0px; margin: 0 auto; } .servises{ } .servises_block{ width: 760px; min-height: 560px; } .servises_text{ width: 520px; margin-left: 80px; padding-top: 40px; } .servises_icom{ width: 600px; margin: 0 auto; margin-top: 20px; } .servises_ico1{ margin-top: 0px; margin-left: 0px; } .servises_ico2{ margin-top: 0px; margin-left: 0px; } .servises_ico3{ margin-top: 0px; margin-left: 0px; } .servises_ico4{ margin-top: 0px; margin-left: 0px; } .image_end3{ display: none; } .image_end33{ z-index: 2; } .mini_swipe{ margin-bottom: 0px; } .mini_blockswipe{ width: 700px; padding-bottom: 120px; } .mini_headswipe1{ margin-left: 88px; margin-top: 40px; margin-bottom: 20px; } .miniswipe1{ margin: 0 auto; width: 600px; } .mini_pswipe1{ font-size: 14px; } .mini_icoswipe1 { display: none; position: relative; z-index: 2; width: 687px; height: 539px; background: url(/images/cool/001.png) no-repeat top; margin-top: -420px; margin-left: 550px; } .miniswipe2{ margin: 0 auto; width: 600px; } .mini_headswipe2{ margin-top: 20px; margin-left: 88px; margin-bottom: 20px; } .mini_pswipe2{ font-size: 14px; margin-left: 40px; } .mini_icoswipe2{ position: relative; display: none; } .mini_headswipe3{ margin-left: 88px; margin-top: 20px; margin-bottom: 20px; } .mini_icoswipe3 { display: none; position: relative; z-index: 2; width: 687px; height: 539px; background: url(/images/cool/003.png) no-repeat top; margin-top: -420px; margin-left: 520px; } .miniswipe4{ margin: 0 auto; width: 600px; } .mini_headswipe4{ margin-top: 20px; margin-left: 88px; margin-bottom: 20px; } .mini_icoswipe4 { display: none; position: relative; margin-left: -120px; } .mini_news { height: 1200px; margin: 0 auto; } .mininews_fix{ width: 760px; } .mini_block{ width: 760px; min-height: 1200px; padding-left:20px; } .button_news{ margin-top: 440px; } .mini_head{ margin-left: 40px; } .mini_p{ margin-left: 40px; } .mini_coub{ width: 760px; } .mini_new{ width: 324px; margin: 0 auto; margin-top: 20px; } .mini_new:last-child { margin-right: auto; } .mini_ico1 { position: relative; width: 324px; } .mini_ico2 { position: relative; width: 324px; } .mini_ico3 { position: relative; width: 324px; } .mini_ico5{ position: relative; } .mini_white{ position: relative; margin-top: -168px; width: 324px; } .mini_header{ top: -40px; width: 294px; left: 16px; } .go_news{ top: -20px; width: 324px; left: 16px; } .arrow{ top: -40px; left: 190px; } .button_news{ position: relative; } /* Контакты в конце страницы */ .repair{ background: #F6F6F6; } .enlinfo_box{ height: auto; } .endinfo_fix{ width: 700px; } .info_fon2 { height: 428px; } .info_fon{ height: 428px; } .endinfo_text{ width:500px; margin: 0 auto; margin-bottom: 36px; padding-left: 48px; } .info_header{ width: auto; } .info_main{ width: auto; } .info_man{ display: none; } .info_number{ width: 290px; left: 0px; top: 0px; margin: 0 auto; margin-top: 20px; } .button_info{ position: relative; margin: 0 auto; margin-top: 24px; display:none; } .endlist_creators{ width: 700px; margin: 0 auto; } .copyright{ margin: 0 auto; } .autograph{ margin: 0 auto; } .cart_iconbox { cursor: pointer; position: fixed; z-index: 15; top: 45%; right: 2%; } /* Контакты */ #okno_main{ width: auto; margin-top: 5vh; } .map_korolev{ width: auto; height: 380px; } .map_contener{ width: 90vw; height: 380px; } .message-contact_buttom{ width: 308px; margin-top: 16px; } .contact_text{ margin-right: 20px; } /* Корзина */ .cart_box{ width: 700px; } .cart_close { width: 700px; } .cart_boxin { width: 700px; } .minicart_box{ width: 600px; display: flex; flex-wrap: wrap; margin: 0 auto; } .minicart_name{ width: 280px; margin: 0 auto; margin-top: 20px; margin-left: 60px; } .countprice{ margin-left: 48px; } .maxprice{ margin-left: 48px; } .send_order{ margin-left: 48px; } .minicart_butt{ margin-left: -320px; margin-top: 20px; } .totalprice{ margin-top: 80px; } .cart_name{ width: 600px; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; } .email-field{ width: 600px; height: auto; margin: 0 auto; margin-top: 40px; margin-left: auto; } .send_email{ margin: 0 auto; margin-top: 40px; } .order_cart{ width: 600px; margin: 0 auto; } .order_name{ margin-right: 8px; } .maincart3{ width: 600px; margin: 0 auto; } .order{ margin-right: 8px; } .order_text{ width: auto; } .add_neword{ width: 580px; } .order_massivepart{ width: 600px; } .order_mininamepart{ width: 100%; margin: 0 auto; padding-bottom: 8px; } .plus-goods2{ margin-left: 16px; } /* ЛК */ .user_box{ width: 760px; height: auto; } .user_block{ width: 760px; } .user_logo{ margin-left: 1981px; } .user_ico{ margin-left: 20px; } .user_name{ font-size: 26px; } .user_header{ width: 400px; } .user_block2{ width: 760px; height: 1100px; margin-bottom: 40px; } .user_changeinfo{ width: 400px; display: flex; flex-wrap: wrap; margin: 0 auto; } .form_userchange{ width: 600px; display: flex; flex-wrap: wrap; } /* Каталог */ .search_headermain{ width: 700px; margin: 0 auto; padding-top: 146px; } .goods_block{ max-width: 680px; margin: 0 auto; } #fors{ max-width: 680px; margin: 0 auto; } .newdiv{ max-width: 600px; margin: 0 auto; } .box{ margin-right: 8px; margin-left: 8px; } .mainbuttfors{ margin: 0 auto; } .mainbutttnvd{ margin: 0 auto; } .mainbuttrash{ margin: 0 auto; } #rash{ margin-bottom: 80px; } /* Мини Инфо */ .goodsinfo_main{ width: auto; height: auto; min-height: unset; } .goodsinfo{ width: auto; margin-left: unset; margin: 0 auto; display: flex; flex-wrap: wrap; } .partinfo{ width: 400px; display: flex; flex-wrap: wrap; margin: 0 auto; } .partinfobuttback{ margin-top: 16px; margin-bottom: 16px; } .backcat{ margin: 0 auto; padding: unset; vertical-align: middle; justify-content: center; align-items: center; } .goodsinfo_block{ display: none; } .partinfow{ width: 400px; padding-bottom: 40px; margin-left: unset; } .partname{ width: auto; margin: 0 auto; text-align: center; padding-bottom: 8px; } .partfirm{ width: auto; } .parteng{ width: auto; } .cartbox1{ width: auto; padding-top: 20px; } .selloffinfo{ width: auto; margin: 0 auto; } .selloffinfo{ height: auto; padding: unset; } .partnumberoe{ width: auto; } .partanalogsbutt{ width: auto; margin: 0 auto; } .add-to-cartinfof{ margin-top: unset; } .partcars{ width: auto; } details[open] summary ~ *{ width: auto; margin: 0 auto; } /* Запчасти */ .goods_main1{ margin-bottom:80px; } .search_header1{ width: 544px; } #elastic1{ width: 344px; } .fors-goodshead{ width: 760px; } .numbergoods{ width: 225px; } .raspgoods{ width: 225px; } .clapgoods{ width: 226px; } .mass_minigoods{ width: 760px; } .newdiv2{ width: 760px; } .newdiv3{ width: 760px; } .forscart{ width: 680px; } .forscart1{ width: 222px; } .minicartfors{ width: 221px; display: flex; flex-wrap: wrap; } .minicartclap{ width: 221px; } .article2{ width: auto; text-align: center; margin-left: 8px; } .add-to-minicart2{ float: left; width: auto; margin-top: 18px; } .costart{ display: none; } .cartbox{ width: 98px; height: 36px; display: inline-block; align-items: center; vertical-align: middle; } .div_numbergoods{ font-size: 12px; } .costimg{ margin-left: 16px; } /* Мини Запчасти */ .namepart{ width: 600px; } .goods_main{ height: auto; min-height: 0; padding-bottom: 220px; background-position: unset; background-repeat: unset; background-size: contain; } .goods_up{ width: 680px; } .name_up{ width: 247px; } .numberup_p{ width: unset; margin-top: 16px; margin-left: 8px; } .number_up{ width: 86px; } .count_up{ width: auto; } .countup_p{ width: unset; margin-top: 16px; margin-left: 8px; } .minicartart{ margin-top: 16px; } .minicart{ width: 680px; height: auto; } .productName{ width: 247px; height: auto; margin-bottom: 16px; margin-left: 8px; } .nomberin{ width: 72px; } .quantity{ width: 72px; } /* Новости */ .news_news{ width: 760px; height: auto; padding-bottom: 80px; margin-bottom: -80px; } .mini_newsb { width: 324px; } .name_page{ margin: 0 auto; } .mini_coubw{ width: 696px; height: auto; margin: 0 auto; } .wmed_new{ width: 324px; } .mini_ico4{ width: 324px; } .mini_white_m{ width: 324px; } .mini_headerm{ width: 324px; } .arrowm{ top: -42px; left: 190px; } .mini_ico5{ width: 324px; } .mini_ico6 { position: relative; width: 324px; } .mini_ico7 { position: relative; width: 324px; } .mini_ico8 { position: relative; width: 324px; } .mini_ico9 { position: relative; width: 324px; } .mini_newz{ width: 324px; display: none; } .mini_ico10 { position: relative; width: 324px; height: 264px; } .wbig_new{ position: relative; width: 324px; height: 368px; max-height: none; min-height: 0; margin-top: -392px; margin-left: 348px; } .mini_white_b { position: relative; margin-top: -468px; width: 324px; height: 264px; } .mini_header_b{ width: 294px; left: 16px; top: 168px; } .go_news_b{ width: 324px; left: 16px; top: 188px; } .arrow_b{ left: 190px; top: 168px; } .back_news{ height: auto; margin-bottom: 40px; } .news_block{ width: 760px; height: auto; } .name_for_news{ width: auto; } .news_img{ width: auto; background-position: center; } .news_text{ width: 700px; height: auto; padding-bottom: 20px; } } @media screen and (max-width: 760px){ html{ min-width: 100vw; min-height: 100vh; height: auto; overflow-x:hidden; } head{ min-width: 100vw; overflow-x:hidden; } body{ min-width: 100vw; overflow-x:hidden; margin:0 auto; } .wapperfix{ width: auto; margin-left: unset; margin: 0 auto; } /* Иконка карт */ .cart_iconbox{ transform: scale(0.8); } /* Шапка */ .headermenu_wapper{ position: fixed; z-index: 99; width: 100%; max-width: 100vw; min-width: 100vw; margin: 0 auto; } .header{ width: 100%; max-width: 100vw; min-width: 100vw; } .headermenu{ width: 100%; max-width: 100vw; min-width: 100vw; } .logo_name{ font-size: 14px; } .name_login1{ display: none; } .header__profile{ margin-right: 10px; display: none; } .header__logo{ margin-left: auto; } .header__item{ margin-right: 0px; padding-left: 4px; padding-right: 4px; padding-top: 0px; padding-bottom: 0px; border-radius: 0px 0px 0px 0px; } .mob_menu{ position: fixed; z-index: 100; width: 100%; height: 50px; margin-top:88px; } .headermenu_backgraund{ min-height: 88px; } #touch-menu{ } .mobile-menu{ width: 25px; height: 21px; display: flex; flex-wrap: wrap; margin-top: 34px; margin-right: 20px; } .mobile-menu em { float: right; width: 20px; height: 3px; margin: 4px 0 0; background: #0C6824 !important; } .menu li a{ padding-left: 0px; padding-right: 0px; font-size: 24px; padding: 0; line-height: 32px; } .header__link{ padding-left: 4px; padding-right: 4px; } .contactinfo{ width: 128px; } .fix_header{ font-size: 14px; } .header__profile1{ display: none; } /* Главная */ .warpper{ width: 100%; max-width: 760px; height: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; margin: 0 auto; } .warpper2{ margin-left: 0px; } .intro_title{ width: 344px; font-size: 35px; line-height: 48px; padding-top: 126px; } .input_intro{ width: 344px; } .intro__img{ margin-left: -318px; } .warpper3{ margin-left: 0px; } .cool_fix{ width: 540px; height: auto; } .our_coolblock{ margin: 0 auto; } .main_block{ width: 300px; min-height: 0; padding-bottom: 80px; } .coolback1{ width: 300px; height: 306px; margin-right: 16px; } .cool_img1{ width: 268px; height: 228px; margin-top: -300px; padding-top: 0px; } .cool_text{ width: 288px; margin: 0 auto; } .coolback2{ width: 300px; height: 306px; margin-right: 16px; margin-top: 128px; } .cool_img2{ width: 268px; height: 228px; margin-top: -300px; padding-top: 0px; margin-left: 16px; padding-left: 28px; } .cool_block3{ margin: 0 auto; } .coolback3{ width: 300px; height: 306px; margin-right: 0px; margin-top: 88px; } .cool_img3{ width: 268px; height: 228px; margin-top: -300px; padding-top: 0px; padding-left:32px; } .main_w { width: 100vw; margin: 0 auto; padding-top: 40px; background: url(/images/backgraunds/fonindex.png); background-size: contain; background-position-y: -120px; } .image_end33{ display: none; } .mini_swipe{ width: auto; } .mini_blockswipe{ padding-left: 0px; margin: 0 auto; } .servises_block{ width: 540px; min-height: 560px; height: 660px; } .our_servises_p{ width: 340px; margin: 0 auto; margin-top: 20px; } .servises_text{ width: 340px; margin-left: 0px; padding-top: 40px; margin: 0 auto; } .servises_icom{ width: 300px; height: auto; margin-top: -120px; } .servises_ico1{ margin-top: 0px; margin-left: 0px; transform: scale(0.7); } .servises_ico2{ margin-top: -40px; margin-left: 0px; transform: scale(0.7); } .servises_ico3{ margin-top: -40px; margin-left: 0px; transform: scale(0.7); } .servises_ico4{ margin-top: -40px; margin-left: 0px; transform: scale(0.7); } .image_end3{ display: none; } .image_end33{ z-index: 2; } .mini_swipe{ margin-bottom: 0px; } .mini_blockswipe{ width: 500px; } .mini_headswipe1{ width: 326px; margin: 0 auto; margin-top: 40px; margin-bottom: 20px; } .miniswipe1{ margin: 0 auto; width: 500px; } .mini_pswipe1{ width: 450px; margin-top: 20px; margin-left: 30px; font-size: 14px; } .mini_icoswipe1 { display: none; } .miniswipe2{ margin: 0 auto; width: 500px; } .mini_headswipe2{ margin-top: 20px; margin-left: 88px; margin-bottom: 20px; } .mini_pswipe2{ width: 450px; font-size: 14px; margin-top: 20px; margin-left: 30px; } .mini_icoswipe2{ position: relative; display: none; } .mini_headswipe3{ width: 310px; height: auto; margin-top: 20px; margin-left: 88px; margin-bottom: 20px; } .mini_icoswipe3 { display: none; } .miniswipe4{ margin: 0 auto; width: 500px; } .mini_headswipe4{ width: 310px; height: auto; margin-top: 20px; margin-left: 88px; margin-bottom: 20px; } .mini_icoswipe4 { display: none; position: relative; margin-left: -120px; } .mini_news { height: auto; margin: 0 auto; } .mininews_fix{ width: 540px; } .mini_block{ width: 540px; min-height: 1200px; height: 1560px; padding-left:0px; } .button_news{ margin-top: 830px; } .mini_head{ width: 331px; margin: 0 auto; } .mini_p{ width: 361px; margin: 0 auto; margin-top: 24px; height: auto; } .mini_coub{ width: 540px; } .mini_new{ width: 324px; margin: 0 auto; margin-top: 20px; } .mini_new:last-child { margin-right: auto; } .mini_ico1 { position: relative; width: 324px; } .mini_ico2 { position: relative; width: 324px; } .mini_ico3 { position: relative; width: 324px; } .mini_ico5{ position: relative; } .mini_white{ position: relative; margin-top: -168px; width: 324px; } .mini_header{ top: -40px; width: 294px; left: 16px; } .go_news{ top: -20px; width: 324px; left: 16px; } .arrow{ top: -40px; left: 190px; } .button_news{ position: relative; } /* Контакты в конце страницы */ .repair{ background: #F6F6F6; } .enlinfo_box{ height: auto; } .endinfo_fix{ width: 540px; } .info_fon2 { height: 528px; } .info_fon{ height: 528px; } .endinfo_text{ width:400px; height: 388px; margin: 0 auto; margin-bottom: 36px; padding-left: 0px; } .info_header{ width: auto; height: auto; margin: 0 auto; margin-top: 20px; text-align: center; } .info_main{ width: auto; height: auto; } .info_man{ display: none; } .info_number{ width: 290px; left: 0px; top: 0px; margin: 0 auto; margin-top: 0px; } .button_info{ position: relative; margin: 0 auto; margin-top: 24px; } .endlist_creators{ width: 540px; margin: 0 auto; } .copyright{ margin: 0 auto; } .autograph{ margin: 0 auto; } .cart_iconbox { cursor: pointer; position: fixed; z-index: 15; top: 45%; right: 2%; } /* Контакты */ #okno_main{ width: auto; margin-top: 5vh; } .okno{ display: flex; flex-wrap: wrap; padding-right: 0px; } .contact_text{ height: auto; max-height: none; margin: 0 auto; margin-bottom: 40px; } .contact{ width: 248px; font-size: 18px; margin-bottom: 16px; } .contact_contol{ width: 248px; margin: 0 auto; margin-bottom: 20px; } .contact_contol2{ width: 248px; margin: 0 auto; margin-bottom: 20px; } .message-contact_buttom{ width: 248px; margin: 0 auto; margin-top: 16px; } .contact_img{ padding-left: 0px; } .map_korolev{ width: auto; height: 380px; } .map_contener{ width: 95vw; height: 380px; } .okno2 { max-height: 0; min-height: 220px; height: auto; } .zakaz_nuber{ height: auto; padding-bottom: 20px; } /* Корзина */ .cart_box{ width: 540px; padding-bottom: 20px; } .cart_close { width: 540px; } .cart_boxin { width: 540px; } .minicart_box{ width: 500px; display: flex; flex-wrap: wrap; margin: 0 auto; } .cart_img{ transform: scale(0.8); } .minicart_name{ width: 300px; margin: 0 auto; margin-top: 20px; } .countprice{ margin-left: 48px; } .maxprice{ margin-left: 48px; } .send_order{ margin-left: 48px; } .minicart_butt{ margin-left: -320px; margin-top: 20px; } .totalprice{ margin-top: 80px; } .cart_name{ width: 420px; margin: 0 auto; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; text-align: center; } .email-field{ width: 460px; height: auto; margin: 0 auto; margin-top: 20px; margin-left: auto; } .send_email{ margin: 0 auto; margin-top: 40px; } .order_box{ height: auto; } .order_boxa { margin-top: 0px; } .order_cart{ width: 460px; margin: 0 auto; } .order_name{ margin-right: 8px; } .maincart3{ width: 400px; margin: 0 auto; } .order{ margin-right: 8px; } .order_text{ width: auto; } .add_neword{ width: 460px; } .order_massivepart{ width: 500px; } .order_mininamepart{ width: 100%; margin: 0 auto; padding-bottom: 8px; } .plus-goods2{ margin-left: 16px; } /* ЛК */ .user_main{ background:none; } .user_box{ width: 540px; height: auto; } .user_block{ width: 540px; padding-top: 100px; } .user_logo{ display: none; } .user_info { margin-top: 0px; } .user_ico{ display: none; } .user_name{ width: auto; font-size: 26px; margin: 0 auto; margin-top: 40px; } .user_header{ width: 400px; margin: 0 auto; margin-bottom: 20px; text-align: center; } .user_login{ margin: 0 auto; } .user_dataname{ margin: 0 auto; } .user_data{ width: auto; margin: 0 auto; } .user_block2{ width: 540px; height: 1100px; margin-bottom: 40px; } .user_changeinfo{ width: 400px; display: flex; flex-wrap: wrap; margin: 0 auto; } .form_userchange{ width: 600px; display: flex; flex-wrap: wrap; } /* Каталог */ .search_headermain{ width: 540px; margin: 0 auto; padding-top: 106px; } .search_text{ width: auto; height: auto; } .search_header{ width: 540px; height: auto; } .checkbox{ display: none; margin-top: 32px; margin-right: 8px; } .checkbox:first-child{ margin-left: 8px; } .goods_block{ width: 500px; margin: 0 auto; } #fors{ max-width: 500px; margin: 0 auto; } #tnvd{ display: none; } #rash{ display: none; } .newdiv{ width: 280px; margin: 0 auto; } .box{ margin-right: 8px; margin-left: 8px; } .mainbuttfors{ margin: 0 auto; } .mainbutttnvd{ margin: 0 auto; } .mainbuttrash{ margin: 0 auto; } #rash{ margin-bottom: 80px; } /* Запчасти */ .goods_main1{ margin-bottom:80px; } .search_header1{ width: 444px; height: auto; display: flex; flex-wrap: wrap; } #elastic1{ width: 444px; } .poisk_button1{ display: none; } .head_listtext{ width: auto; height: auto; text-align: center; } .fors-goodshead{ display: none; width: 444px; } .numbergoods{ width: 444px; } .div_numbergoods{ width: 444px; text-align: center; padding-left: 0px; } .numberid{ width: auto; display: flex; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #FFFFFF; } .numberid2{ width: auto; height: 24px; display: flex; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #666666; } .minicartfors{ width: 444px; height: 64px; display: flex; justify-content: left; align-items: center; } .minicartclap{ width: 444px; height: 64px; display: flex; justify-content: left; align-items: center; } .forscart1{ background-color: #42A06E; } .forscartid{ width: 240px; height: 48px; display: block; text-align: left; margin-left: 16px; } .costimg{ width: 184px; height: 64px; display: flex; align-items: center; margin-left: unset; } .costimgg{ display: flex; align-items: center; text-align: center; } .costid{ font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 14px; line-height: 24px; /* or 150% */ display: flex; align-items: center; font-feature-settings: 'ss01' on; /* Набор / Заголовок */ color: #222222; margin-left: 4px; } .numbergoods{ display: none; } .raspgoods{ display: none; } .clapgoods{ display: none; } .mass_minigoods{ width: 444px; margin: 0 auto; } .newdiv2{ width: 444px; } .newdiv3{ width: 444px; } .forscart{ width: 444px; height: auto; text-align: center; margin-bottom: 24px; border: 1px solid; border-color: #42A06E; } .forscart1{ width: 444px; height: 64px; display: flex; align-items: center; } .article2{ width: auto; height: 24px; margin-left: unset; margin-top: unset; padding: unset; text-align: left; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; font-feature-settings: 'ss01' on; color: #222222; } .add-to-partcart{ width: auto; height: 24px; margin-left: unset; margin-top: unset; padding: unset; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; color: #FFFFFF; } .add-to-minicart2{ float: left; width: auto; margin-top: 18px; } .costart{ display: none; } .cartbox{ width: 80px; height: 36px; display: inline-block; align-items: center; vertical-align: middle; } /* Мини Запчасти */ .namepartbox{ padding-top: 160px; } .minipartname{ width: 400px; margin: 0 auto; text-align: center; margin-bottom: 20px; } .fon_logo{ display: none; } .namepart{ width: 400px; } .container{ width: auto; height: auto; } #zoom_01{ width: 100%; height: 100%; } .numberup_p{ width: auto; text-align: center; } .count_up{ width: auto; margin: 0 auto; text-align: center; } .countup_p{ margin-left: 0px; } .namepart{ background: unset; } .namepartbox{ background: url(/images/backgraunds/fonindex.png); background-size: contain; } .goods_main { background: unset; } .goods_up{ width: 500px; transform: unset; margin: 0 auto; } .art_up{ width: 100px; padding: 0px 8px; } .artup_p{ width: fit-content; margin: 0 auto; margin-top: 16px; } .name_up{ width: 200px; padding: 0px 8px; } .nameup_p{ width: fit-content; margin: 0 auto; margin-top: 16px; } .minicart{ width: 500px; height: auto; align-items: center; justify-content: center; text-align: center; vertical-align: middle; padding-top: 16px; padding-bottom: 16px; } .minicartart{ width: 80px; height: 26px; border: unset; margin: 0 auto; } .mininame{ width: auto; font-size: 14px; margin: 0 auto; } .productName{ width: 160px; margin: 0 auto; align-items: center; justify-content: center; text-align: center; vertical-align: middle; border: unset; } .nomberin{ width: 30px; margin: 0 auto; border: unset; } .quantity{ width: 30px; margin: 0 auto; border: unset; } .mini-goods1{ width: 500px; transform: unset; margin-top: unset; margin-left: unset; margin: 0 auto; } .goods_main{ height: auto; min-height: 0; padding-bottom: 100px; } /* Новости */ .news_news{ width: 540px; height: auto; padding-bottom: 80px; margin-bottom: -80px; } .mini_newsb { width: 324px; } .name_page{ margin: 0 auto; } .mini_coubw{ width: 336px; height: auto; margin: 0 auto; } .wmed_new{ width: 324px; } .mini_ico4{ width: 324px; } .mini_white_m{ width: 324px; } .mini_headerm{ width: 324px; } .arrowm{ top: -42px; left: 190px; } .mini_ico5{ width: 324px; } .mini_ico6 { position: relative; width: 324px; } .mini_ico7 { position: relative; width: 324px; } .mini_ico8 { position: relative; width: 324px; } .mini_ico9 { position: relative; width: 324px; } .mini_newz{ width: 324px; display: none; } .mini_ico10 { position: relative; width: 324px; height: 264px; } .wbig_new{ position: relative; width: 324px; height: 368px; max-height: none; min-height: 0; margin-top: 0px; margin-left: 0px; } .mini_white_b { position: relative; margin-top: -468px; width: 324px; height: 264px; } .mini_header_b{ width: 294px; left: 16px; top: 168px; } .go_news_b{ width: 324px; left: 16px; top: 188px; } .arrow_b{ left: 190px; top: 168px; } .back_news{ height: auto; margin-bottom: 40px; } .news_block{ width: 540px; height: auto; } .name_for_news{ width: auto; height: auto; margin-right: 24px; } .news_img{ width: auto; background-position: center; } .news_text{ width: 450px; padding-bottom: 20px; } } @media screen and (max-width: 540px){ html{ min-width: 100vw; min-height: 100vh; height: auto; overflow-x:hidden; } head{ min-width: 100vw; overflow-x:hidden; } body{ min-width: 100vw; overflow-x:hidden; margin:0 auto; height: auto; } /* Иконка карт */ .cart_iconbox{ transform: scale(0.6); } /* Шапка */ .header__nav{ display: none; } .name_login{ margin: 0 auto; font-size: 12px; } .headermenu_wapper{ position: fixed; z-index: 99; width: 100%; max-width: 100vw; min-width: 100vw; margin: 0 auto; } .header{ width: 100%; max-width: 100vw; min-width: 100vw; } .headermenu{ width: 100%; max-width: 100vw; min-width: 100vw; } .logo_name{ display: none; } .name_login1{ display: none; } .header__profile{ position: fixed; right: 48px; margin-top: 24px; display:none; } .header__logo{ width: 34px; margin-left: 20px; } .header__item{ margin-right: 0px; padding-left: 4px; padding-right: 4px; padding-top: 0px; padding-bottom: 0px; } .mob_menu{ position: fixed; z-index: 100; width: 100%; height: 50px; margin-top:88px; } .headermenu_backgraund{ min-height: 88px; } #touch-menu{ position: fixed; right: 0; } .mobile-menu{ width: 25px; height: 21px; display: flex; flex-wrap: wrap; margin-top: 34px; margin-right: 20px; } .mobile-menu em { float: right; width: 20px; height: 3px; margin: 4px 0 0; background: #fff; } .menu li a{ padding-left: 0px; padding-right: 0px; font-size: 24px; padding: 0; line-height: 32px; } .header__link{ padding-left: 4px; padding-right: 4px; } .contactinfo{ display: none; } .fix_header{ font-size: 14px; } .header__profile1{ display: none; } /* Главная */ #container{ display: none; } .warpper{ width: 320px; height: auto; padding-left: 0px; } .warpper2{ width: 320px; margin: 0 auto; } .intro_title{ width: 244px; font-size: 32px; padding-top: 0px; line-height: 38px; margin: 0 auto; text-align: center; } .intro_paragrapth{ width: 300px; margin-top: 0px; margin: 0 auto; text-align: center; } .input_intro{ width: 300px; height: 40px; margin: 0 auto; margin-top: 10px; } .intro__img{ margin-left: -290px; margin-top: 86px; display: none; } .intro_wrapper{ height: auto; } .button_intro{ height: 60px; margin: 0 auto; margin-top: 16px; } .warpper3{ width: 320px; margin-left: 0px; margin-bottom: 80px; } .form-control-group{ width: 300px; margin: 0 auto; } .image_fon{ height: 100%; } .cool_fix{ width: 320px; height: auto; } .our_coolblock{ margin: 0 auto; font-size: 24px; line-height: 30px; text-align: center; } .main_block{ width: 300px; min-height: 0; padding-bottom: 80px; } .coolback1{ width: 300px; height: 306px; margin-right: 16px; } .cool_img1{ width: 268px; height: 228px; margin-top: -300px; padding-top: 0px; } .cool_text{ width: 288px; margin: 0 auto; } .coolback2{ width: 300px; height: 306px; margin-right: 16px; margin-top: 128px; } .cool_img2{ width: 268px; height: 228px; margin-top: -300px; padding-top: 0px; margin-left: 16px; padding-left: 28px; } .cool_block3{ margin: 0 auto; } .coolback3{ width: 300px; height: 306px; margin-right: 0px; margin-top: 88px; } .cool_img3{ width: 268px; height: 228px; margin-top: -300px; padding-top: 0px; padding-left:32px; } .main_w { width: 100vw; margin: 0 auto; padding-top: 40px; background: url(/images/backgraunds/fonindex.png); background-size: contain; background-position: 0 10px; } .image_end33{ display: none; } .mini_swipe{ width: auto; } .mini_blockswipe{ padding-left: 0px; margin: 0 auto; } .servises_block{ width: 300px; min-height: 560px; height: 660px; } .our_servises{ width: auto; text-align: center; } .our_servises_p{ width: 300px; height: auto; margin: 0 auto; margin-top: 20px; text-align: center; } .servises_text{ width: 340px; margin-left: 0px; padding-top: 20px; margin: 0 auto; } .servises_icom{ width: 300px; height: auto; margin-top: -60px; } .servises_ico1{ margin-top: 0px; margin-left: 0px; transform: scale(0.7); } .servises_ico2{ margin-top: -40px; margin-left: 0px; transform: scale(0.7); } .servises_ico3{ margin-top: -40px; margin-left: 0px; transform: scale(0.7); } .servises_ico4{ margin-top: -40px; margin-left: 0px; transform: scale(0.7); } .image_end3{ display: none; } .image_end33{ z-index: 2; } .mini_swipe{ margin-bottom: 0px; } .mini_blockswipe{ width: 300px; } .mini_headswipe1{ width: 286px; margin: 0 auto; margin-top: 40px; margin-bottom: 20px; font-size: 24px; line-height: 30px; text-align: center; } .miniswipe1{ margin: 0 auto; width: 300px; height: auto; padding-bottom: 10px; } .mini_pswipe1{ width: 260px; height: auto; margin-top: 20px; margin-left: 30px; font-size: 14px; } .mini_icoswipe1 { display: none; } .miniswipe2{ margin: 0 auto; width: 300px; height: auto; padding-bottom: 10px; } .mini_headswipe2{ width: 286px; margin: 0 auto; margin-top: 20px; margin-left: 0px; margin-bottom: 20px; font-size: 24px; line-height: 30px; text-align: center; } .mini_pswipe2{ width: 260px; height: auto; margin-top: 20px; margin-left: 30px; font-size: 14px; } .mini_icoswipe2{ position: relative; display: none; } .mini_headswipe3{ width: 286px; margin: 0 auto; margin-top: 20px; margin-left: 0px; margin-bottom: 20px; font-size: 24px; line-height: 30px; text-align: center; } .mini_icoswipe3 { display: none; } .miniswipe4{ margin: 0 auto; width: 300px; height: auto; padding-bottom: 10px; } .mini_headswipe4{ width: 286px; margin: 0 auto; margin-top: 20px; margin-left: 0px; margin-bottom: 20px; font-size: 24px; line-height: 30px; text-align: center; } .mini_icoswipe4 { display: none; position: relative; margin-left: -120px; } .mini_news { height: auto; margin: 0 auto; } .mininews_fix{ width: 300px; } .mini_block{ width: 300px; min-height: 0; height: auto; padding-left:0px; padding-bottom: 160px; } .button_news{ margin-top: 830px; } .mini_head{ width: 231px; height: auto; margin: 0 auto; text-align: center; } .mini_p{ width: 261px; margin: 0 auto; margin-top: 24px; height: auto; text-align: center; } .mini_coub{ width: 300px; } .mini_new{ width: 304px; margin: 0 auto; margin-top: 20px; } .mini_new:last-child { margin-right: auto; } .mini_ico1 { position: relative; width: 304px; } .mini_ico2 { position: relative; width: 304px; } .mini_ico3 { position: relative; width: 304px; } .mini_ico5{ position: relative; } .mini_white{ position: relative; margin-top: -168px; width: 304px; } .mini_header{ top: -40px; width: 274px; left: 16px; } .go_news{ top: -20px; width: 304px; left: 16px; } .arrow{ top: -40px; left: 190px; } .button_news{ position: relative; } /* Контакты в конце страницы */ .repair{ background: #F6F6F6; } .enlinfo_box{ height: auto; } .endinfo_fix{ width: 320px; } .info_fon2 { min-height: 460px; } .info_fon{ min-height: 460px; } .endinfo_text{ width:300px; height: auto; margin: 0 auto; margin-bottom: 36px; padding-left: 0px; text-align: center; } .info_header{ width: auto; height: auto; margin: 0 auto; margin-top: 20px; text-align: center; } .info_main{ width: auto; height: auto; text-align: center; margin-bottom: 20px; } .info_man{ display: none; } .info_number{ width: 290px; left: 0px; top: 0px; margin: 0 auto; margin-top: 0px; } .button_info{ position: relative; margin: 0 auto; margin-top: 24px; } .enllist_box{ height: auto; } .endlist_creators{ width: 320px; height: auto; margin: 0 auto; } .copyright{ margin: 0 auto; } .autograph{ margin: 0 auto; } .cart_iconbox { cursor: pointer; position: fixed; z-index: 15; top: 45%; right: 2%; } /* Контакты */ #okno_main{ width: auto; margin-top: 5vh; } .okno{ display: flex; flex-wrap: wrap; padding-right: 0px; } .contact_text{ height: auto; max-height: none; margin: 0 auto; margin-bottom: 40px; } .contact{ width: 248px; font-size: 18px; margin-bottom: 16px; } .contact_contol{ width: 248px; margin: 0 auto; margin-bottom: 20px; } .contact_contol2{ width: 248px; margin: 0 auto; margin-bottom: 20px; } .message-contact_buttom{ width: 248px; margin: 0 auto; margin-top: 16px; } .contact_img{ padding-left: 0px; } .map_korolev{ width: auto; height: 380px; } .map_contener{ width: 95vw; height: 380px; } #okno_main2{ width: auto; } .okno2 { width: 300px; max-height: 0; height: auto; margin: 0 auto; } .zakaz_zvonka{ width: auto; margin: 0 auto; text-align: center; margin-top: 16px; } .zakaz_nuber{ width: auto; height: auto; margin: 0 auto; padding-bottom: 20px; } .zakaz_info{ margin: 0 auto; margin-top: 10px; } .zakaz_buttom{ margin: 0 auto; margin-top: 10px; } /* Корзина */ .cart_box{ width: 310px; padding-bottom: 10px; } .cart_close { width: 310px; } .cart_boxin { width: 310px; } .minicart_box{ width: 300px; height: auto; display: flex; flex-wrap: wrap; margin: 0 auto; } .cart_img{ display: none; } .minicart_name{ width: 200px; margin: 0 auto; margin-top: 20px; font-size: 18px; line-height: 22px; text-align: left; margin-left: 20px; } .countprice{ width: auto; margin:0 auto; text-align: center; } .maxprice{ width: auto; margin:0 auto; text-align: center; margin-bottom: 20px; } .send_order{ width: auto; margin:0 auto; } .minicart_butt{ margin-left: -220px; margin-top: 20px; } .totalprice{ width: auto; margin-top: 80px; font-size: 18px; line-height: 20px; } .cart_name{ width: 320px; margin: 0 auto; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; font-size: 36px; line-height: 46px; text-align: center; } .email-field{ width: 260px; height: auto; margin: 0 auto; margin-top: 20px; margin-left: auto; } .send_email{ margin: 0 auto; margin-top: 0px; } .order_box{ height: auto; } .order_boxa { margin-top: 0px; } .order_cart{ width: 260px; margin: 0 auto; } .order_name{ margin-right: 8px; } .order_minibox{ width: auto; margin: 0 auto; } .order_mininame{ width: auto; margin: 0 auto; text-align: center; } .order_minisumm{ width: auto; margin: 0 auto; text-align: center; } .maxpricenew{ width: auto; margin: 0 auto; text-align: center; } .maincart3{ width: auto; margin: 0 auto; text-align: center; } .order{ margin-right: 8px; } .order_text{ width: auto; } .add_neword{ width: 260px; } .order_massivepart{ width: 300px; } .order_mininamepart{ width: 100%; margin: 0 auto; padding-bottom: 8px; padding-left: 0px; text-align: center; } .totalprice0{ display: none; } .del-goods2{ margin: 0 auto; } .plus-goods2{ margin: 0 auto; margin-top: 8px; margin-bottom: 8px; } .minus-goods2{ margin: 0 auto; margin-top: 8px; margin-bottom: 8px; } .minipart_count{ margin: 0 auto; margin-top: 8px; margin-bottom: 8px; } .header__logo{ position: fixed; } /* ЛК */ .user_main{ background:none; } .user_box{ width: 320px; height: auto; } .user_block{ width: 320px; padding-top: 100px; } .user_logo{ display: none; } .user_info { margin-top: 0px; } .user_ico{ display: none; } .user_name{ width: auto; font-size: 26px; margin: 0 auto; margin-top: 40px; } .user_header{ width: 320px; margin: 0 auto; margin-bottom: 20px; text-align: center; } .user_login{ margin: 0 auto; } .user_dataname{ margin: 0 auto; } .user_data{ width: auto; margin: 0 auto; } .user_block2{ width: 320px; height: auto; margin-bottom: 40px; } .log_new{ width: auto; } .all_info{ width: 300px; margin-top: 80px; } .user_changehead{ width: auto; font-size: 22px; line-height: 30px; text-align: center; } .user_changeinfo{ width: 300px; display: flex; flex-wrap: wrap; margin: 0 auto; } .login_info{ height: auto; } .email_info{ height: auto; } .pass_info{ height: auto; } .all_info{ height: auto; } .add_new { width: 280px; } .form_userchange{ width: 320px; height: auto; display: flex; flex-wrap: wrap; padding-bottom: 20px; } /* Авторизация регистрация */ .register{ height: auto; overflow-x: scroll; } .register_box{ width: 310px; } .register_close{ width: 310px; } .register_name{ width: 310px; height: auto; margin-left: 30px; margin-bottom: 10px; } .register_boxin{ width: 300px; padding-bottom: 10px; } .string_text{ width: 300px; height: 36px; } #errorsll{ width: 280px; margin: 0 auto; } #errorspl{ width: 280px; margin: 0 auto; } #errorslr{ width: 280px; margin: 0 auto; } #errorser{ width: 280px; margin: 0 auto; } #errorspr{ width: 280px; margin: 0 auto; } #errorsppr{ width: 280px; margin: 0 auto; } .repair_pass{ margin-top: 0px; } /* Каталог */ .search_headermain{ width: 280px; margin: 0 auto; padding-top: 86px; text-align: center; } .search_text{ width: auto; height: auto; font-size: 22px; line-height: 30px; } #elastic{ width: 280px; height: 36px; padding-left: 0px; margin-right: 0px; margin-bottom: 8px; } #elastic::placeholder{ font-size: 16px; text-align: center; } .poisk_button{ position: absolute; width: 280px; height: 36px; padding: 0px 28px; margin-top: 80px; text-align: center; } .search_img{ margin-left: 60px; } .search_header{ width: 280px; height: auto; } .checkbox{ width: 280px; margin-top: 0px; line-height: 14px; } .checkbox label:after { margin-top: -5px; } .checkbox:first-child{ margin-left: 8px; } .checkbox1{ margin-left: -150px; } .checkbox input[type=checkbox] { margin-left: -248px; } .checkbox .checkbox1{ margin-left: -148px; margin-top: -16px; } .checkbox input[type=checkbox]:checked + label:after{ margin-top: -15px; } .search_box{ clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%); padding-bottom: 10px; } .search_fon{ clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%); padding-bottom: 10px; } .goods_block{ width: 310px; margin: 0 auto; } .search_number{ display: none; } #fors h1{ width: 170px; text-align: center; margin: 0 auto; margin-bottom: 20px; } #tnvd h1{ width: 200px; text-align: center; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; } #rash h1{ width: 200px; text-align: center; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; } #fors{ max-width: 310px; margin: 0 auto; } .newdiv{ width: 290px; margin: 0 auto; } .box{ margin-right: 8px; margin-left: 8px; } .mainbuttfors{ display: block; width: 300px; height: 36px; margin: 0 auto; padding: unset; text-align: center; padding-top: 8px; } .mainbutttnvd{ display: block; width: 300px; height: 36px; margin: 0 auto; padding: unset; text-align: center; padding-top: 8px; } .mainbuttrash{ display: block; width: 300px; height: 36px; margin: 0 auto; padding: unset; text-align: center; padding-top: 8px; } #rash{ margin-bottom: 80px; } /* Мини Инфо */ .goodsinfo_main{ width: auto; height: auto; min-height: unset; } .goodsinfo{ width: auto; margin-left: unset; margin: 0 auto; display: flex; flex-wrap: wrap; } .partinfocart{ width: 300px; } .partinfoic{ width: 300px; height: 300px; margin: 0 auto; align-items: center; } .costinfo{ width: auto; } .partinfo{ width: 300px; display: flex; flex-wrap: wrap; margin: 0 auto; } .partinfobuttback{ width: 200px; align-items: center; justify-content: center; margin: 0 auto; margin-top: 16px; margin-bottom: 16px; } .backcat{ margin: 0 auto; margin-top: 24px; padding: unset; } .goodsinfo_block{ display: none; } .partinfow{ width: 300px; padding-bottom: 40px; margin-left: unset; } .partname{ width: auto; margin: 0 auto; text-align: center; padding-bottom: 8px; } .partfirm{ width: auto; } .parteng{ width: auto; } .cartbox1{ width: auto; padding-top: 20px; } .selloffinfo{ width: auto; margin: 0 auto; } .selloffinfo{ height: auto; padding: unset; } .partnumberoe{ width: auto; } .partanalogsbutt{ width: auto; margin: 0 auto; } .partcars{ width: auto; } details[open] summary ~ *{ width: auto; margin: 0 auto; } summary{ margin: unset; } /* Запчасти */ .goods_main1{ margin-bottom:80px; } .head_text{ display: block; width: 160px; height: auto; text-align: center; } .search_header1{ width: 280px; height: auto; display: flex; flex-wrap: wrap; } .head_search{ margin-top: 10px; } #elastic1{ width: 280px; } #elastic1::placeholder{ font-size: 16px; line-height: 20px; } .poisk_button1{ display: none; } .head_list{ margin-top: 20px; } .head_listtext{ width: auto; height: auto; text-align: center; } .fors-goodshead{ display: none; width: 280px; } .numbergoods{ width: 280px; } .div_numbergoods{ width: 280px; text-align: center; padding-left: 0px; } .raspgoods{ display: none; } .clapgoods{ display: none; } .mass_minigoods{ width: 280px; margin: 0 auto; } .newdiv2{ width: 280px; } .newdiv3{ width: 280px; } .forscart{ width: 280px; text-align: center; } .forscart1{ width: 444px; } .article2{ width: auto; text-align: left; margin-left: unset; } .numberid{ width: 180px; } .numberid2{ width: 180px; } .forscartid{ width: 150px; } .costimg{ width: 80px; } .add-to-minicart2{ float: left; width: auto; margin-top: 18px; } .costart{ display: none; } .cartbox{ width: 80px; height: 36px; display: inline-block; align-items: center; vertical-align: middle; } /* Мини Запчасти */ .namepartbox{ padding-top: 160px; } .minipartname{ width: 280px; margin: 0 auto; text-align: center; margin-bottom: 20px; font-size: 24px; line-height: 30px; } .namepart{ width: 280px; } .numberup_p{ width: auto; text-align: center; } .count_up{ width: auto; margin: 0 auto; text-align: center; } .countup_p{ margin-left: 0px; } .mini-goods1{ width: 280px; transform: unset; margin-top: unset; margin-left: unset; margin: 0 auto; } .goods_main{ height: auto; min-height: 0; padding-bottom: 220px; } .goods_up{ width: 280px; height: 26px; transform: unset; margin: 0 auto; } .art_up{ width: 60px; height: 26px; padding: 0px 8px; align-items: center; justify-content: center; } .artup_p{ width: fit-content; font-size: 9px; margin: 0 auto; } .name_up{ width: 110px; height: 26px; padding: 0px 4px; align-items: center; justify-content: center; text-align: center; } .nameup_p{ width: auto; font-size: 8px; margin: 0 auto; } .number_up{ width: auto; min-width: 20px; height: 26px; padding: 0px 4px; align-items: center; justify-content: center; } .numberup_p{ width: auto; font-size: 9px; margin: 0 auto; } .count_up{ width: 40px; height: 26px; padding: 0px 0px; align-items: center; justify-content: center; } .countup_p{ width: auto; font-size: 9px; margin: 0 auto; } .minicartart{ margin-top: 16px; } .minicart{ width: 280px; height: auto; align-items: center; justify-content: center; text-align: center; vertical-align: middle; } .minicartart{ width: 70px; height: 26px; border: unset; margin: 0 auto; } .mininame{ width: auto; font-size: 9px; margin: 0 auto; } .productName{ width: 110px; font-size: 9px; margin: 0 auto; align-items: center; justify-content: center; text-align: center; vertical-align: middle; border: unset; } .nomberin{ width: 30px; font-size: 9px; margin: 0 auto; border: unset; } .quantity{ width: 30px; font-size: 9px; margin: 0 auto; border: unset; } .goodswm{ height: auto; } /* Новости */ .news_news{ width: 310px; height: auto; padding-bottom: 80px; margin-bottom: -80px; margin-top: -308px; } .mini_newsb { width: 304px; } .name_page{ margin: 0 auto; } .mini_coubw{ width: 336px; height: auto; margin: 0 auto; } .wmed_new{ width: 304px; } .mini_ico4{ width: 304px; } .mini_white_m{ width: 304px; } .mini_headerm{ width: 304px; } .arrowm{ top: -42px; left: 190px; } .mini_ico5{ width: 304px; } .mini_ico6 { position: relative; width: 304px; } .mini_ico7 { position: relative; width: 304px; } .mini_ico8 { position: relative; width: 304px; } .mini_ico9 { position: relative; width: 304px; } .mini_newz{ width: 304px; display: none; } .mini_ico10 { position: relative; width: 304px; height: 264px; } .wbig_new{ position: relative; width: 304px; height: 368px; max-height: none; min-height: 0; margin-top: 0px; margin-left: 0px; } .mini_white_b { position: relative; margin-top: -468px; width: 304px; height: 264px; } .mini_header_b{ width: 294px; left: 16px; top: 168px; } .go_news_b{ width: 304px; left: 16px; top: 188px; } .arrow_b{ left: 190px; top: 168px; } .back_news{ height: auto; margin-bottom: 40px; } .news_block{ width: 310px; height: auto; } .name_for_news{ width: auto; height: auto; font-size: 24px; line-height: 30px; margin-right: 24px; } .news_img{ width: auto; background-position: center; } .news_text{ width: 290px; overflow-wrap: normal; /* не поддерживает IE, Firefox; является копией word-wrap */ word-wrap: normal; word-break: normal; /* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */ line-break: auto; /* нет поддержки для русского языка */ hyphens: manual; /* значение auto не поддерживается Chrome */ padding-bottom: 20px; } .wapperfix{ width: auto; margin-left: unset; } } @media screen and (max-width: 320px){ html{ min-width: 100vw; min-height: 100vh; height: auto; overflow-x:hidden; } head{ min-width: 100vw; overflow-x:hidden; } body{ min-width: 100vw; overflow-x:hidden; margin:0 auto; height: auto; } /* Иконка карт */ .cart_iconbox{ transform: scale(0.6); } /* Шапка */ .header__nav{ display: none; } .name_login{ margin: 0 auto; font-size: 12px; } .headermenu_wapper{ position: fixed; z-index: 99; width: 100%; max-width: 100vw; min-width: 100vw; margin: 0 auto; } .header{ width: 100%; max-width: 100vw; min-width: 100vw; } .headermenu{ width: 100%; max-width: 100vw; min-width: 100vw; } .logo_name{ display: none; } .name_login1{ display: none; } .header__profile{ position: fixed; right: 48px; margin-top: 24px; display:none; } .header__logo{ width: 34px; margin-left: 20px; } .header__item{ margin-right: 0px; padding-left: 4px; padding-right: 4px; padding-top: 0px; padding-bottom: 0px; } .mob_menu{ position: fixed; z-index: 100; width: 100%; height: 50px; margin-top:88px; } .headermenu_backgraund{ min-height: 88px; } #touch-menu{ position: fixed; right: 0; } .mobile-menu{ width: 25px; height: 21px; display: flex; flex-wrap: wrap; margin-top: 34px; margin-right: 20px; } .mobile-menu em { float: right; width: 20px; height: 3px; margin: 4px 0 0; background: #fff; } .menu li a{ padding-left: 0px; padding-right: 0px; font-size: 24px; padding: 0; line-height: 32px; } .header__link{ padding-left: 4px; padding-right: 4px; } .contactinfo{ display: none; } .fix_header{ font-size: 14px; } .header__profile1{ display: none; } /* Главная */ #container{ display: none; } .warpper{ width: 270px; height: auto; padding-left: 0px; } .warpper2{ width: 270px; margin: 0 auto; } .intro_title{ width: 244px; font-size: 32px; padding-top: 106px; line-height: 38px; margin: 0 auto; text-align: center; } .intro_paragrapth{ width: 250px; margin-top: 0px; margin: 0 auto; text-align: center; } .input_intro{ width: 250px; height: 40px; margin: 0 auto; margin-top: 10px; } .input_intro::placeholder{ font-size: 16px; line-height: 20px; } #elastic::placeholder{ font-size: 10px; } #elastic::-webkit-input-placeholder{ font-size: 10px; } #elastic::-ms-input-placeholder{ font-size: 10px; } #elastic::-moz-placeholder{ font-size: 10px; } .intro__img{ margin-left: -180px; margin-top: 75px; } .intro_wrapper{ height: auto; } .button_intro{ height: 40px; margin: 0 auto; margin-top: 16px; } .warpper3{ width: 280px; margin-left: 0px; margin-bottom: 80px; } .form-control-group{ width: 250px; margin: 0 auto; } .image_fon{ height: 100%; } .cool_fix{ width: 280px; height: auto; } .our_coolblock{ margin: 0 auto; font-size: 24px; line-height: 30px; text-align: center; } .main_block{ width: 250px; min-height: 0; padding-bottom: 80px; } .cool_block1 { margin-top: 0px; } .cool_block2 { margin-top: -20px; } .cool_block3 { margin-top: 0px; } .coolback1{ width: 250px; height: 306px; margin-right: 16px; margin-top: 0px; } .cool_img1{ width: 228px; height: 228px; margin-top: -320px; padding-top: 0px; } .cool_text{ width: 238px; height: auto; margin: 0 auto; } .coolback2{ width: 250px; height: 306px; margin-right: 16px; margin-top: 128px; } .cool_img2{ width: 228px; height: 228px; margin-top: -300px; padding-top: 0px; margin-left: 16px; padding-left: 28px; } .cool_block3{ margin: 0 auto; } .coolback3{ width: 250px; height: 306px; margin-right: 0px; margin-top: 88px; } .cool_img3{ width: 228px; height: 228px; margin-top: -320px; padding-top: 0px; padding-left:32px; } .main_w { width: 100vw; margin: 0 auto; padding-top: 40px; background: url(/images/backgraunds/fonindex.png); background-size: contain; background-position-y: -120px; } .image_end33{ display: none; } .mini_swipe{ width: auto; } .mini_blockswipe{ padding-left: 0px; margin: 0 auto; } .servises{ clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%); } .servises_block{ width: 250px; min-height: 440px; height: auto; } .our_servises{ width: auto; text-align: center; } .our_servises_p{ width: 250px; height: auto; margin: 0 auto; margin-top: 20px; text-align: center; } .servises_text{ width: 280px; margin-left: 0px; padding-top: 20px; margin: 0 auto; } .servises_icom{ display: none; } .servises_ico1{ margin-top: 0px; margin-left: 0px; transform: scale(0.7); } .servises_ico2{ margin-top: -40px; margin-left: 0px; transform: scale(0.7); } .servises_ico3{ margin-top: -40px; margin-left: 0px; transform: scale(0.7); } .servises_ico4{ margin-top: -40px; margin-left: 0px; transform: scale(0.7); } .image_end3{ display: none; } .image_end33{ z-index: 2; } .mini_swipe{ margin-bottom: 0px; } .mini_blockswipe{ width: 280px; } .mini_headswipe1{ width: 226px; margin: 0 auto; margin-top: 40px; margin-bottom: 20px; font-size: 24px; line-height: 30px; text-align: center; } .miniswipe1{ margin: 0 auto; width: 250px; height: auto; padding-bottom: 10px; } .mini_pswipe1{ width: 200px; height: auto; margin-top: 20px; margin-left: 30px; font-size: 14px; } .mini_icoswipe1 { display: none; } .miniswipe2{ margin: 0 auto; width: 250px; height: auto; padding-bottom: 10px; } .mini_headswipe2{ width: 226px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; font-size: 24px; line-height: 30px; text-align: center; } .mini_pswipe2{ width: 200px; height: auto; margin-top: 20px; margin-left: 30px; font-size: 14px; } .mini_icoswipe2{ position: relative; display: none; } .mini_headswipe3{ width: 226px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; font-size: 24px; line-height: 30px; text-align: center; } .mini_icoswipe3 { display: none; } .miniswipe4{ margin: 0 auto; width: 250px; height: auto; padding-bottom: 10px; } .mini_headswipe4{ width: 226px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; font-size: 24px; line-height: 30px; text-align: center; } .mini_icoswipe4 { display: none; position: relative; margin-left: -120px; } .mini_news { height: auto; margin: 0 auto; } .mininews_fix{ width: 280px; } .mini_block{ width: 280px; min-height: 0; height: auto; padding-left:0px; padding-bottom: 160px; } .button_news{ margin-top: 830px; } .mini_head{ width: 231px; height: auto; margin: 0 auto; text-align: center; } .mini_p{ width: 221px; margin: 0 auto; margin-top: 24px; height: auto; text-align: center; } .mini_coub{ width: 280px; } .mini_new{ width: 254px; margin: 0 auto; margin-top: 20px; } .mini_new:last-child { margin-right: auto; } .mini_ico1 { position: relative; width: 254px; } .mini_ico2 { position: relative; width: 254px; } .mini_ico3 { position: relative; width: 254px; } .mini_ico5{ position: relative; } .mini_white{ position: relative; margin-top: -168px; width: 254px; } .mini_header{ top: -40px; width: 224px; left: 16px; } .go_news{ top: -20px; width: 190px; margin: 0 auto; } .arrow{ display: none; top: -40px; left: 190px; } .button_news{ position: relative; } /* Контакты в конце страницы */ .repair{ background: #F6F6F6; } .endinfo_box{ height: auto; } .endinfo_fix{ width: 280px; } .info_fon2 { min-height: 460px; height: auto; clip-path: polygon(0 04%, 100% 0, 100% 100%, 0% 100%); } .info_fon{ min-height: 460px; height: auto; clip-path: polygon(0 04%, 100% 0, 100% 100%, 0% 100%); } .endinfo_text{ width:250px; height: auto; margin: 0 auto; margin-bottom: 36px; padding-left: 0px; text-align: center; } .info_header{ width: auto; height: auto; margin: 0 auto; margin-top: 20px; text-align: center; } .info_main{ width: auto; height: auto; text-align: center; margin-bottom: 20px; } .info_man{ display: none; } .info_number{ width: 220px; left: 0px; top: 0px; font-size: 22px; line-height: 30px; margin: 0 auto; margin-top: 0px; } .button_info{ position: relative; margin: 0 auto; margin-top: 24px; } .endlist_box{ height: auto; } .endlist_creators{ width: 250px; height: auto; margin: 0 auto; } .copyright{ margin: 0 auto; } .autograph{ height: auto; margin: 0 auto; font-size: 13px; line-height: 20px; } .cart_iconbox { cursor: pointer; position: fixed; z-index: 15; top: 45%; right: 2%; } /* Контакты */ #okno_main{ width: auto; margin-top: 5vh; } .okno{ display: flex; flex-wrap: wrap; padding-right: 0px; } .contact_text{ height: auto; max-height: none; margin: 0 auto; margin-bottom: 40px; } .contact{ width: 248px; font-size: 18px; margin-bottom: 16px; } .contact_contol{ width: 248px; margin: 0 auto; margin-bottom: 20px; } .contact_contol2{ width: 248px; margin: 0 auto; margin-bottom: 20px; } .message-contact_buttom{ width: 248px; margin: 0 auto; margin-top: 16px; } .contact_img{ padding-left: 0px; } .map_korolev{ width: auto; height: 380px; } .map_contener{ width: 95vw; height: 380px; } #okno_main2{ width: auto; } .okno2 { width: 260px; max-height: 0; height: auto; margin: 0 auto; } .zakaz_zvonka{ width: auto; margin: 0 auto; text-align: center; margin-top: 16px; } .zakaz_nuber{ width: auto; height: auto; margin: 0 auto; padding-bottom: 20px; } .zakaz_info{ margin: 0 auto; margin-top: 10px; } .zakaz_buttom{ margin: 0 auto; margin-top: 10px; } /* Корзина */ .cart_box{ width: 310px; padding-bottom: 10px; } .cart_close { width: 310px; } .cart_boxin { width: 310px; } .minicart_box{ width: 300px; height: auto; display: flex; flex-wrap: wrap; margin: 0 auto; } .cart_img{ display: none; } .minicart_name{ width: 200px; margin: 0 auto; margin-top: 20px; font-size: 18px; line-height: 22px; text-align: left; margin-left: 20px; } .countprice{ width: auto; margin:0 auto; text-align: center; } .maxprice{ width: auto; margin:0 auto; text-align: center; margin-bottom: 20px; } .send_order{ width: auto; margin:0 auto; } .minicart_butt{ margin-left: -220px; margin-top: 20px; } .totalprice{ width: auto; margin-top: 80px; font-size: 18px; line-height: 20px; } .cart_name{ width: 320px; margin: 0 auto; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; font-size: 36px; line-height: 46px; text-align: center; } .email-field{ width: 260px; height: auto; margin: 0 auto; margin-top: 20px; margin-left: auto; } .send_email{ margin: 0 auto; margin-top: 0px; } .order_box{ height: auto; } .order_boxa { margin-top: 0px; } .order_cart{ width: 260px; margin: 0 auto; } .order_name{ margin-right: 8px; } .order_minibox{ width: auto; margin: 0 auto; } .order_mininame{ width: auto; margin: 0 auto; text-align: center; } .order_minisumm{ width: auto; margin: 0 auto; text-align: center; } .maxpricenew{ width: auto; margin: 0 auto; text-align: center; } .maincart3{ width: auto; margin: 0 auto; text-align: center; } .order{ margin-right: 8px; } .order_text{ width: auto; } .add_neword{ width: 260px; } .order_massivepart{ width: 300px; } .order_mininamepart{ width: 100%; margin: 0 auto; padding-bottom: 8px; padding-left: 0px; text-align: center; } .totalprice0{ display: none; } .del-goods2{ margin: 0 auto; } .plus-goods2{ margin: 0 auto; margin-top: 8px; margin-bottom: 8px; } .minus-goods2{ margin: 0 auto; margin-top: 8px; margin-bottom: 8px; } .minipart_count{ margin: 0 auto; margin-top: 8px; margin-bottom: 8px; } .header__logo{ position: fixed; } /* ЛК */ .user_main{ background:none; } .user_box{ width: 260px; height: auto; } .user_block{ width: 260px; padding-top: 100px; } .user_logo{ display: none; } .user_info { margin-top: 0px; } .user_ico{ display: none; } .user_name{ width: auto; font-size: 26px; margin: 0 auto; margin-top: 40px; } .user_header{ width: 260px; margin: 0 auto; margin-bottom: 20px; text-align: center; } .user_login{ margin: 0 auto; } .user_dataname{ margin: 0 auto; } .user_data{ width: auto; margin: 0 auto; } .user_block2{ width: 260px; height: auto; margin-bottom: 40px; } .log_new{ width: auto; } .all_info{ width: 240px; margin-top: 80px; } .user_changehead{ width: auto; height: auto; font-size: 22px; line-height: 30px; text-align: center; } .infoa_img{ margin: 0 auto; } .user_changeinfo{ width: 240px; display: flex; flex-wrap: wrap; margin: 0 auto; } .login_info{ height: auto; } .email_info{ height: auto; } .em_em{ width: auto; height: auto; font-size: 18px; line-height: 26px; } .pass_info{ height: auto; } .all_info{ height: auto; } .add_new { width: 220px; } .form_userchange{ width: 260px; height: auto; display: flex; flex-wrap: wrap; padding-bottom: 20px; } /* Авторизация регистрация */ .register{ height: auto; overflow-x: scroll; } .register_box{ width: 270px; } .register_close{ width: 270px; } .register_login{ margin-right: 8px; } .register_name{ width: 250px; height: auto; margin-left: 30px; margin-bottom: 10px; } .register_boxin{ width: 260px; padding-bottom: 10px; } .string_text{ width: 260px; height: 36px; } #errorsll{ width: 260px; margin: 0 auto; } #errorspl{ width: 260px; margin: 0 auto; } #errorslr{ width: 260px; margin: 0 auto; } #errorser{ width: 260px; margin: 0 auto; } #errorspr{ width: 260px; margin: 0 auto; } #errorsppr{ width: 260px; margin: 0 auto; } .repair_pass{ margin-top: 0px; } .register_butt{ width: auto; } /* Каталог */ .search_headermain{ width: 260px; margin: 0 auto; padding-top: 126px; text-align: center; } .search_text{ width: auto; height: auto; font-size: 22px; line-height: 30px; } #elastic{ width: 260px; height: 36px; padding-left: 0px; margin-right: 0px; margin-bottom: 8px; } .poisk_button{ position: absolute; width: 260px; height: 36px; padding: 0px 16px; margin-top: 80px; text-align: center; } .search_img{ margin-left: 60px; } .search_header{ width: 260px; height: auto; } .checkbox{ width: 260px; margin-top: 0px; line-height: 14px; } .checkbox label:after { margin-top: -5px; } .checkbox:first-child{ margin-left: 8px; } .checkbox1{ margin-left: -150px; } .checkbox input[type=checkbox] { margin-left: -248px; } .checkbox .checkbox1{ margin-left: -148px; margin-top: -16px; } .checkbox input[type=checkbox]:checked + label:after{ margin-top: -15px; } .search_box{ clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%); padding-bottom: 10px; } .search_fon{ clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%); padding-bottom: 10px; } .goods_block{ width: 300px; margin: 0 auto; } .search_number{ display: none; } #fors h1{ width: 170px; text-align: center; margin: 0 auto; margin-bottom: 20px; } #tnvd h1{ width: 200px; text-align: center; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; } #rash h1{ width: 200px; text-align: center; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; } #fors{ max-width: 270px; margin: 0 auto; } .newdiv{ width: 290px; margin: 0 auto; } .box{ transform: scale(0.95); margin-right: 0px; margin-left: -4px; } .mainbuttfors{ display: block; width: 260px; height: 36px; margin: 0 auto; padding: unset; text-align: center; padding-top: 8px; } .mainbutttnvd{ display: block; width: 260px; height: 36px; margin: 0 auto; padding: unset; text-align: center; padding-top: 8px; } .mainbuttrash{ display: block; width: 260px; height: 36px; margin: 0 auto; padding: unset; text-align: center; padding-top: 8px; } #rash{ margin-bottom: 80px; } /* Мини Инфо */ .goodsinfo_main{ width: auto; height: auto; min-height: unset; } .goodsinfo{ width: auto; margin-left: unset; margin: 0 auto; display: flex; flex-wrap: wrap; } .partinfocart{ width: 200px; } .partinfoic{ width: 200px; height: 200px; margin: 0 auto; align-items: center; } .costinfo{ width: auto; } .partinfo{ width: 200px; display: flex; flex-wrap: wrap; margin: 0 auto; } .partinfobuttback{ align-items: center; justify-content: center; margin: 0 auto; margin-top: 16px; margin-bottom: 16px; } .backcat{ margin: 0 auto; margin-top: 24px; padding: unset; } .goodsinfo_block{ display: none; } .partinfow{ width: 200px; padding-bottom: 40px; margin-left: unset; } .partname{ width: auto; margin: 0 auto; text-align: center; padding-bottom: 8px; } .partfirm{ width: auto; } .parteng{ width: auto; } .cartbox1{ width: auto; padding-top: 20px; } .selloffinfo{ width: auto; margin: 0 auto; } .selloffinfo{ height: auto; padding: unset; } .partnumberoe{ width: auto; } .partanalogsbutt{ width: auto; margin: 0 auto; } .partcars{ width: auto; } details[open] summary ~ *{ width: auto; margin: 0 auto; } summary{ margin: unset; } /* Запчасти */ .goods_main1{ margin-bottom:80px; } .head_text{ display: block; width: 160px; height: auto; text-align: center; } .search_header1{ width: 260px; height: auto; display: flex; flex-wrap: wrap; } .head_search{ margin-top: 10px; } #elastic1{ width: 260px; margin: 0 auto; } .poisk_button1{ display: none; } .head_list{ margin-top: 20px; } .head_listtext{ width: auto; height: auto; font-size: 29px; text-align: center; } .fors-goodshead{ display: none; width: 260px; } .numbergoods{ width: 260px; } .div_numbergoods{ width: 260px; text-align: center; padding-left: 0px; } .raspgoods{ display: none; } .clapgoods{ display: none; } .mass_minigoods{ width: 260px; margin: 0 auto; } .newdiv2{ width: 260px; } .newdiv3{ width: 260px; } .forscart{ width: 260px; text-align: center; } .forscart1{ width: 444px; } .article2{ width: auto; text-align: left; margin-left: unset; } .add-to-minicart2{ float: left; width: auto; margin-top: 18px; } .costart{ display: none; } .cartbox{ width: 80px; height: 36px; display: inline-block; align-items: center; vertical-align: middle; } /* Мини Запчасти */ .namepartbox{ padding-top: 160px; } .minipartname{ width: 260px; margin: 0 auto; text-align: center; margin-bottom: 20px; font-size: 24px; line-height: 30px; } .goods_main{ height: auto; min-height: 0; padding-bottom: 120px; } /* Новости */ .news_news{ width: 250px; height: auto; padding-bottom: 80px; margin-bottom: -80px; margin-top: -308px; } .mini_newsb { width: 250px; } .name_page{ margin: 0 auto; } .mini_coubw{ width: 250px; height: auto; margin: 0 auto; } .wmed_new{ width: 250px; } .mini_ico4{ width: 250px; } .mini_white_m{ width: 250px; } .mini_headerm{ width: 250px; } .arrowm{ top: -42px; left: 190px; } .mini_ico5{ width: 254px; } .mini_ico6 { position: relative; width: 254px; } .mini_ico7 { position: relative; width: 254px; } .mini_ico8 { position: relative; width: 254px; } .mini_ico9 { position: relative; width: 254px; } .mini_newz{ width: 254px; display: none; } .mini_ico10 { position: relative; width: 254px; height: 264px; } .wbig_new{ position: relative; width: 254px; height: 368px; max-height: none; min-height: 0; margin-top: 0px; margin-left: 0px; } .mini_white_b { position: relative; margin-top: -468px; width: 254px; height: 264px; } .mini_header_b{ width: 224px; left: 16px; top: 168px; } .go_news_b{ width: 184px; left: 16px; top: 188px; margin: 0 auto; } .arrow_b{ display: none; left: 190px; top: 168px; } .back_news{ height: auto; margin-bottom: 40px; } .news_block{ width: 270px; height: auto; } .name_for_news{ width: auto; height: auto; margin-right: 24px; font-size: 18px; line-height: 20px; } .news_img{ width: auto; background-position: center; } .news_text{ width: 220px; padding-bottom: 20px; } .wapperfix{ width: auto; margin-left: unset; } } .warpperpf{ width: auto; margin: 0 auto; display: flex; align-items: center; justify-content: center; } /* Прелодер */ .preloader { position: fixed; max-width:100vw; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; display: flex; align-items: center; justify-content: center; background: #F6F6F6; transition: all 0.5s; opacity: 1; } .preloader-remove { opacity: 0; z-index: -10; } .preloader-5 { display: block; position: relative; width: 150px; height: 150px; margin: 30px auto; border-radius: 50%; border: 3px solid transparent; border-top-color: #006D04; animation: preloader-5-spin 2s linear infinite; } .preloader-5:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #FF0011; animation: preloader-5-spin 3s linear infinite; } .preloader-5:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #00CA2C; animation: preloader-5-spin 1.5s linear infinite; } @keyframes preloader-5-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .buttons-container { display: flex; gap: 10px; /* расстояние между кнопками, можно изменить по необходимости */ } @media (max-width: 768px) { .buttons-container { flex-direction: column; align-items: center; } .status-button { margin-top: 10px; } }