/* ========================================================================== Index of scss files ========================================================================== */ /* Normalize ========================================================================== */ /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in IE and iOS. */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; } /** * Add the correct display in IE 9-. */ audio, canvas, progress, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Add the correct display in IE 10-. * 1. Add the correct display in IE. */ template, [hidden] { display: none; } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /* Forms ========================================================================== */ /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ } /** * Restore the font weight unset by the previous rule. */ optgroup { font-weight: bold; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Correct the text style of placeholders in Chrome, Edge, and Safari. */ ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Breakpoint ========================================================================== */ /* Sprites ========================================================================== */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite: <div class="icon-home"></div> To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML <i class="icon icon-home"></i> */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* Flex Helpers ========================================================================== */ .row { display: -webkit-box; display: flex; } .row { -webkit-box-align: start; align-items: flex-start; align-content: flex-start; } .row { align-content: stretch; -webkit-box-align: stretch; align-items: stretch; } /* Base ========================================================================== */ /* Colors ========================================================================== */ /* Transitions ========================================================================== */ /* Sizes ========================================================================== */ /* Fonts ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* 1. Font smoothing ========================================================================== */ /* Better font-rendering on OSX https://maximilianhoffmann.com/posts/better-font-rendering-on-osx */ /* 2. Animation ========================================================================== */ /* 3. Get font vw ========================================================================== */ /* 1. 12 Column Grid 0px - Infinity ----------------------------------------------------------------------------- Span 1: 8.33333333333% Span 2: 16.6666666667% Span 3: 25.0% Span 4: 33.3333333333% Span 5: 41.6666666667% Span 6: 50.0% Span 7: 58.3333333333% Span 8: 66.6666666667% Span 9: 75.0% Span 10: 83.3333333333% Span 11: 91.6666666667% Span 12: 100% /* Breakpoints ========================================================================== */ /* Set additional UI for diffrent screen ========================================================================== */ /* Create Grid classes ========================================================================== */ .row { flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .row--no-space { margin-left: 0; margin-right: 0; } .row--no-space > .row__col { padding-left: 0; padding-right: 0; } .row--space-xs { margin-left: 0; margin-right: -1px; } .row--space-xs > .row__col { padding-left: 0; padding-right: 1px; } .row--space-xl { margin-left: -20px; margin-right: -20px; } .row--space-xl > .row__col { padding-left: 20px; padding-right: 20px; } .row--space-xxl { margin-left: -30px; margin-right: -30px; } .row--space-xxl > .row__col { padding-left: 30px; padding-right: 30px; } .row--space-xxxl { margin-left: -80px; margin-right: -80px; } @media (max-width: 1460px) { .row--space-xxxl { margin-left: -40px; margin-right: -40px; } } .row--space-xxxl > .row__col { padding-left: 80px; padding-right: 80px; } @media (max-width: 1460px) { .row--space-xxxl > .row__col { padding-left: 40px; padding-right: 40px; } } .row__col { padding: 0 10px; } .row__col-1 { width: 8.33333%; } .row__col-2 { width: 16.66667%; } .row__col-3 { width: 25%; } .row__col-4 { width: 33.33333%; } .row__col-5 { width: 41.66667%; } .row__col-6 { width: 50%; } .row__col-7 { width: 58.33333%; } .row__col-8 { width: 66.66667%; } .row__col-9 { width: 75%; } .row__col-10 { width: 83.33333%; } .row__col-11 { width: 91.66667%; } .row__col-12 { width: 100%; margin-bottom: 25px; } @media (max-width: 1240px) { .row__col-1\@inner { width: 8.33333%; } .row__col-2\@inner { width: 16.66667%; } .row__col-3\@inner { width: 25%; } .row__col-4\@inner { width: 33.33333%; } .row__col-5\@inner { width: 41.66667%; } .row__col-6\@inner { width: 50%; } .row__col-7\@inner { width: 58.33333%; } .row__col-8\@inner { width: 66.66667%; } .row__col-9\@inner { width: 75%; } .row__col-10\@inner { width: 83.33333%; } .row__col-11\@inner { width: 91.66667%; } .row__col-12\@inner { width: 100%; margin-bottom: 25px; } .row__col-12\@inner:last-child { margin-bottom: 0; } } @media (max-width: 1700px) { .row__col-1\@laptop { width: 8.33333%; } .row__col-2\@laptop { width: 16.66667%; } .row__col-3\@laptop { width: 25%; } .row__col-4\@laptop { width: 33.33333%; } .row__col-5\@laptop { width: 41.66667%; } .row__col-6\@laptop { width: 50%; } .row__col-7\@laptop { width: 58.33333%; } .row__col-8\@laptop { width: 66.66667%; } .row__col-9\@laptop { width: 75%; } .row__col-10\@laptop { width: 83.33333%; } .row__col-11\@laptop { width: 91.66667%; } .row__col-12\@laptop { width: 100%; margin-bottom: 25px; } .row__col-12\@laptop:last-child { margin-bottom: 0; } } @media (max-width: 1460px) { .row__col-1\@laptop-middle { width: 8.33333%; } .row__col-2\@laptop-middle { width: 16.66667%; } .row__col-3\@laptop-middle { width: 25%; } .row__col-4\@laptop-middle { width: 33.33333%; } .row__col-5\@laptop-middle { width: 41.66667%; } .row__col-6\@laptop-middle { width: 50%; } .row__col-7\@laptop-middle { width: 58.33333%; } .row__col-8\@laptop-middle { width: 66.66667%; } .row__col-9\@laptop-middle { width: 75%; } .row__col-10\@laptop-middle { width: 83.33333%; } .row__col-11\@laptop-middle { width: 91.66667%; } .row__col-12\@laptop-middle { width: 100%; margin-bottom: 25px; } .row__col-12\@laptop-middle:last-child { margin-bottom: 0; } } @media (max-width: 1200px) { .row__col-1\@laptop-small { width: 8.33333%; } .row__col-2\@laptop-small { width: 16.66667%; } .row__col-3\@laptop-small { width: 25%; } .row__col-4\@laptop-small { width: 33.33333%; } .row__col-5\@laptop-small { width: 41.66667%; } .row__col-6\@laptop-small { width: 50%; } .row__col-7\@laptop-small { width: 58.33333%; } .row__col-8\@laptop-small { width: 66.66667%; } .row__col-9\@laptop-small { width: 75%; } .row__col-10\@laptop-small { width: 83.33333%; } .row__col-11\@laptop-small { width: 91.66667%; } .row__col-12\@laptop-small { width: 100%; margin-bottom: 25px; } .row__col-12\@laptop-small:last-child { margin-bottom: 0; } } @media (max-width: 1100px) { .row__col-1\@laptop-smaller { width: 8.33333%; } .row__col-2\@laptop-smaller { width: 16.66667%; } .row__col-3\@laptop-smaller { width: 25%; } .row__col-4\@laptop-smaller { width: 33.33333%; } .row__col-5\@laptop-smaller { width: 41.66667%; } .row__col-6\@laptop-smaller { width: 50%; } .row__col-7\@laptop-smaller { width: 58.33333%; } .row__col-8\@laptop-smaller { width: 66.66667%; } .row__col-9\@laptop-smaller { width: 75%; } .row__col-10\@laptop-smaller { width: 83.33333%; } .row__col-11\@laptop-smaller { width: 91.66667%; } .row__col-12\@laptop-smaller { width: 100%; margin-bottom: 25px; } .row__col-12\@laptop-smaller:last-child { margin-bottom: 0; } } @media (max-width: 1024px) { .row__col-1\@tablet { width: 8.33333%; } .row__col-2\@tablet { width: 16.66667%; } .row__col-3\@tablet { width: 25%; } .row__col-4\@tablet { width: 33.33333%; } .row__col-5\@tablet { width: 41.66667%; } .row__col-6\@tablet { width: 50%; } .row__col-7\@tablet { width: 58.33333%; } .row__col-8\@tablet { width: 66.66667%; } .row__col-9\@tablet { width: 75%; } .row__col-10\@tablet { width: 83.33333%; } .row__col-11\@tablet { width: 91.66667%; } .row__col-12\@tablet { width: 100%; margin-bottom: 25px; } .row__col-12\@tablet:last-child { margin-bottom: 0; } } @media (max-width: 950px) { .row__col-1\@tablet-middle { width: 8.33333%; } .row__col-2\@tablet-middle { width: 16.66667%; } .row__col-3\@tablet-middle { width: 25%; } .row__col-4\@tablet-middle { width: 33.33333%; } .row__col-5\@tablet-middle { width: 41.66667%; } .row__col-6\@tablet-middle { width: 50%; } .row__col-7\@tablet-middle { width: 58.33333%; } .row__col-8\@tablet-middle { width: 66.66667%; } .row__col-9\@tablet-middle { width: 75%; } .row__col-10\@tablet-middle { width: 83.33333%; } .row__col-11\@tablet-middle { width: 91.66667%; } .row__col-12\@tablet-middle { width: 100%; margin-bottom: 25px; } .row__col-12\@tablet-middle:last-child { margin-bottom: 0; } } @media (max-width: 768px) { .row__col-1\@tablet-small { width: 8.33333%; } .row__col-2\@tablet-small { width: 16.66667%; } .row__col-3\@tablet-small { width: 25%; } .row__col-4\@tablet-small { width: 33.33333%; } .row__col-5\@tablet-small { width: 41.66667%; } .row__col-6\@tablet-small { width: 50%; } .row__col-7\@tablet-small { width: 58.33333%; } .row__col-8\@tablet-small { width: 66.66667%; } .row__col-9\@tablet-small { width: 75%; } .row__col-10\@tablet-small { width: 83.33333%; } .row__col-11\@tablet-small { width: 91.66667%; } .row__col-12\@tablet-small { width: 100%; margin-bottom: 25px; } .row__col-12\@tablet-small:last-child { margin-bottom: 0; } } @media (max-width: 767px) { .row__col-1\@smartphone { width: 8.33333%; } .row__col-2\@smartphone { width: 16.66667%; } .row__col-3\@smartphone { width: 25%; } .row__col-4\@smartphone { width: 33.33333%; } .row__col-5\@smartphone { width: 41.66667%; } .row__col-6\@smartphone { width: 50%; } .row__col-7\@smartphone { width: 58.33333%; } .row__col-8\@smartphone { width: 66.66667%; } .row__col-9\@smartphone { width: 75%; } .row__col-10\@smartphone { width: 83.33333%; } .row__col-11\@smartphone { width: 91.66667%; } .row__col-12\@smartphone { width: 100%; margin-bottom: 25px; } .row__col-12\@smartphone:last-child { margin-bottom: 0; } } @media (max-width: 670px) { .row__col-1\@smartphone-middle { width: 8.33333%; } .row__col-2\@smartphone-middle { width: 16.66667%; } .row__col-3\@smartphone-middle { width: 25%; } .row__col-4\@smartphone-middle { width: 33.33333%; } .row__col-5\@smartphone-middle { width: 41.66667%; } .row__col-6\@smartphone-middle { width: 50%; } .row__col-7\@smartphone-middle { width: 58.33333%; } .row__col-8\@smartphone-middle { width: 66.66667%; } .row__col-9\@smartphone-middle { width: 75%; } .row__col-10\@smartphone-middle { width: 83.33333%; } .row__col-11\@smartphone-middle { width: 91.66667%; } .row__col-12\@smartphone-middle { width: 100%; margin-bottom: 25px; } .row__col-12\@smartphone-middle:last-child { margin-bottom: 0; } } @media (max-width: 480px) { .row__col-1\@smartphone-small { width: 8.33333%; } .row__col-2\@smartphone-small { width: 16.66667%; } .row__col-3\@smartphone-small { width: 25%; } .row__col-4\@smartphone-small { width: 33.33333%; } .row__col-5\@smartphone-small { width: 41.66667%; } .row__col-6\@smartphone-small { width: 50%; } .row__col-7\@smartphone-small { width: 58.33333%; } .row__col-8\@smartphone-small { width: 66.66667%; } .row__col-9\@smartphone-small { width: 75%; } .row__col-10\@smartphone-small { width: 83.33333%; } .row__col-11\@smartphone-small { width: 91.66667%; } .row__col-12\@smartphone-small { width: 100%; margin-bottom: 25px; } .row__col-12\@smartphone-small:last-child { margin-bottom: 0; } } @media (min-height: 850px) { .row__col-1\@min-height-big { width: 8.33333%; } .row__col-2\@min-height-big { width: 16.66667%; } .row__col-3\@min-height-big { width: 25%; } .row__col-4\@min-height-big { width: 33.33333%; } .row__col-5\@min-height-big { width: 41.66667%; } .row__col-6\@min-height-big { width: 50%; } .row__col-7\@min-height-big { width: 58.33333%; } .row__col-8\@min-height-big { width: 66.66667%; } .row__col-9\@min-height-big { width: 75%; } .row__col-10\@min-height-big { width: 83.33333%; } .row__col-11\@min-height-big { width: 91.66667%; } .row__col-12\@min-height-big { width: 100%; margin-bottom: 25px; } .row__col-12\@min-height-big:last-child { margin-bottom: 0; } } @media (min-height: 600px) { .row__col-1\@min-height-middle { width: 8.33333%; } .row__col-2\@min-height-middle { width: 16.66667%; } .row__col-3\@min-height-middle { width: 25%; } .row__col-4\@min-height-middle { width: 33.33333%; } .row__col-5\@min-height-middle { width: 41.66667%; } .row__col-6\@min-height-middle { width: 50%; } .row__col-7\@min-height-middle { width: 58.33333%; } .row__col-8\@min-height-middle { width: 66.66667%; } .row__col-9\@min-height-middle { width: 75%; } .row__col-10\@min-height-middle { width: 83.33333%; } .row__col-11\@min-height-middle { width: 91.66667%; } .row__col-12\@min-height-middle { width: 100%; margin-bottom: 25px; } .row__col-12\@min-height-middle:last-child { margin-bottom: 0; } } @media (min-height: 550px) { .row__col-1\@min-height-small { width: 8.33333%; } .row__col-2\@min-height-small { width: 16.66667%; } .row__col-3\@min-height-small { width: 25%; } .row__col-4\@min-height-small { width: 33.33333%; } .row__col-5\@min-height-small { width: 41.66667%; } .row__col-6\@min-height-small { width: 50%; } .row__col-7\@min-height-small { width: 58.33333%; } .row__col-8\@min-height-small { width: 66.66667%; } .row__col-9\@min-height-small { width: 75%; } .row__col-10\@min-height-small { width: 83.33333%; } .row__col-11\@min-height-small { width: 91.66667%; } .row__col-12\@min-height-small { width: 100%; margin-bottom: 25px; } .row__col-12\@min-height-small:last-child { margin-bottom: 0; } } @media (max-height: 850px) { .row__col-1\@max-height-big { width: 8.33333%; } .row__col-2\@max-height-big { width: 16.66667%; } .row__col-3\@max-height-big { width: 25%; } .row__col-4\@max-height-big { width: 33.33333%; } .row__col-5\@max-height-big { width: 41.66667%; } .row__col-6\@max-height-big { width: 50%; } .row__col-7\@max-height-big { width: 58.33333%; } .row__col-8\@max-height-big { width: 66.66667%; } .row__col-9\@max-height-big { width: 75%; } .row__col-10\@max-height-big { width: 83.33333%; } .row__col-11\@max-height-big { width: 91.66667%; } .row__col-12\@max-height-big { width: 100%; margin-bottom: 25px; } .row__col-12\@max-height-big:last-child { margin-bottom: 0; } } @media (max-height: 750px) { .row__col-1\@max-height-middle { width: 8.33333%; } .row__col-2\@max-height-middle { width: 16.66667%; } .row__col-3\@max-height-middle { width: 25%; } .row__col-4\@max-height-middle { width: 33.33333%; } .row__col-5\@max-height-middle { width: 41.66667%; } .row__col-6\@max-height-middle { width: 50%; } .row__col-7\@max-height-middle { width: 58.33333%; } .row__col-8\@max-height-middle { width: 66.66667%; } .row__col-9\@max-height-middle { width: 75%; } .row__col-10\@max-height-middle { width: 83.33333%; } .row__col-11\@max-height-middle { width: 91.66667%; } .row__col-12\@max-height-middle { width: 100%; margin-bottom: 25px; } .row__col-12\@max-height-middle:last-child { margin-bottom: 0; } } @media (max-height: 550px) { .row__col-1\@max-height-small { width: 8.33333%; } .row__col-2\@max-height-small { width: 16.66667%; } .row__col-3\@max-height-small { width: 25%; } .row__col-4\@max-height-small { width: 33.33333%; } .row__col-5\@max-height-small { width: 41.66667%; } .row__col-6\@max-height-small { width: 50%; } .row__col-7\@max-height-small { width: 58.33333%; } .row__col-8\@max-height-small { width: 66.66667%; } .row__col-9\@max-height-small { width: 75%; } .row__col-10\@max-height-small { width: 83.33333%; } .row__col-11\@max-height-small { width: 91.66667%; } .row__col-12\@max-height-small { width: 100%; margin-bottom: 25px; } .row__col-12\@max-height-small:last-child { margin-bottom: 0; } } /* ========================================================================== Helpers ========================================================================== */ /* Layout oriented helpers ========================================================================== */ .l-inner { position: relative; max-width: 1280px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } /* Clearfixes ========================================================================== */ .c-form-submit:before, .c-list--main-categories:before, .c-list--short-categories:before, .c-list--articles--inline:before, .c-list--features-graphics:before, .c-list--pagination:before, .c-nav--main__list:before, .c-nav--sub-menu__list:before, .b-short-category:before, .b-foot-info:before, .l-sec--head .l-inner:before, .c-form-submit:after, .c-list--main-categories:after, .c-list--short-categories:after, .c-list--articles--inline:after, .c-list--features-graphics:after, .c-list--pagination:after, .c-nav--main__list:after, .c-nav--sub-menu__list:after, .b-short-category:after, .b-foot-info:after, .l-sec--head .l-inner:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .c-form-submit:after, .c-list--main-categories:after, .c-list--short-categories:after, .c-list--articles--inline:after, .c-list--features-graphics:after, .c-list--pagination:after, .c-nav--main__list:after, .c-nav--sub-menu__list:after, .b-short-category:after, .b-foot-info:after, .l-sec--head .l-inner:after { clear: both; } .c-btn-outer:first-child, .c-map:first-child, .c-line--default:first-child, .f-list--controls__item:first-child, .c-list--compare-product-links__item:first-child, .c-list--actions:first-child, .t-head--main:first-child, .t-head--primary:first-child, .t-head--normal:first-child, .t-head--alt:first-child, .t-head--special:first-child, .t-head--dif:first-child, .t-head--label:first-child, .t-head--comp:first-child, .t-head--default:first-child, .t-head--category-title:first-child, .t-head-outer:first-child, .t-content-text--default:first-child, .t-content-text--default ul:first-child, .t-content-text--default h2:first-child, .t-content-text--default h3:first-child, .t-content-text--default h4:first-child, .t-content-text--default p:first-child, .t-content-text--default--size-m ul:first-child, .t-content-text--default--size-m h2:first-child, .t-content-text--default--size-m h3:first-child, .t-content-text--default--size-m h4:first-child, .t-content-text--default--size-m p:first-child, .b-coffer:first-child, .b-text-image--primary:first-child, .b-contact__desc:first-child, .b-box--article-info:first-child, .b-box--programator__pic:first-child, .b-box--player:first-child, .b-choosed-product:first-child, .l-sec--bg:first-child, .l-sec--bg-half:first-child { margin-top: 0; } .c-btn-outer:last-child, .c-map:last-child, .c-line--default:last-child, .f-list--controls__item:last-child, .c-list--compare-product-links__item:last-child, .c-list--actions:last-child, .t-head--main:last-child, .t-head--primary:last-child, .t-head--normal:last-child, .t-head--alt:last-child, .t-head--special:last-child, .t-head--dif:last-child, .t-head--label:last-child, .t-head--comp:last-child, .t-head--default:last-child, .t-head--category-title:last-child, .t-head-outer:last-child, .t-content-text--default:last-child, .t-content-text--default ul:last-child, .t-content-text--default h2:last-child, .t-content-text--default h3:last-child, .t-content-text--default h4:last-child, .t-content-text--default p:last-child, .t-content-text--default--size-m ul:last-child, .t-content-text--default--size-m h2:last-child, .t-content-text--default--size-m h3:last-child, .t-content-text--default--size-m h4:last-child, .t-content-text--default--size-m p:last-child, .b-coffer:last-child, .b-text-image--primary:last-child, .b-contact__desc:last-child, .b-box--article-info:last-child, .b-box--programator__pic:last-child, .b-box--player:last-child, .b-choosed-product:last-child, .l-sec--bg:last-child, .l-sec--bg-half:last-child { margin-bottom: 0; } .c-nav--sub-menu__item:last-child { margin-left: 0; } .c-list--logos__item:last-child { margin-bottom: 0; } .f-list, .c-list, .c-nav--main__list, .c-nav--main-categories__list, .c-nav--sub-main-categories, .c-nav--sub-menu__list, .c-nav--foot__list, .c-nav--tabs__list, .c-nav--view__list, .c-nav--intro-cats__list, .c-nav--map__list, .b-short-category__list, .b-box--quality__pagin, .b-product-desc__features, .b-product-short__features, .b-history__list, .b-chart-map__list ul, .b-anim-category__list, .b-sub-cat-slider__pagin__list, .slick-dots { margin: 0; padding: 0; list-style: none; } .b-text-image__pic--full, .b-text-image__pic--fill, .b-sub-cat-media__pic, .l-sec--teaser-smart__bg { background-size: cover; } .b-text-image__pic--full, .b-text-image__pic--fill, .b-sub-cat-media__pic, .l-sec--teaser-smart__bg { background-repeat: no-repeat; } .b-text-image__pic--full, .b-text-image__pic--fill, .l-sec--teaser-smart__bg { background-position: 50% 50%; } /* Display */ .c-btn__wrap, .c-image--centered, .c-list--languages, .c-list--top-links, .c-list--top-links__item, .c-list--brands, .c-list--shops, .c-list--shops__item, .c-list--products, .c-list--product-colors, .c-list--compare-product-links__item, .c-list--functions, .c-list--files, .c-list--filter--inline, .c-list--filter-controls--inline, .c-list--ico-text, .c-list--experiences, .c-list--benefits, .c-list--logos, .c-list--social, .c-list--icons, .c-list--actions--inline, .c-list--actions--stretch .c-list--actions__item .c-btn, .c-nav--foot--default, .c-nav--view__wrap, .c-nav--view__list, .c-nav--intro-cats__label, .c-nav--intro-cats__label__ico, .c-nav--intro-cats__label__name, .c-nav--map__cols, .b-text-image--default, .b-product-compare, .b-product-detalis, .b-comparison, .b-box--programator, .b-no-result, .l-modal-wrapper { display: -webkit-box; display: flex; } /* Flex direction */ .c-image--centered, .c-list--top-links__item, .c-list--shops__item, .c-nav--intro-cats__label__name, .b-product-compare, .l-modal-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } /* Flex wrap */ .c-nav--view--alt .c-nav--view__list { flex-wrap: nowrap; } .c-list--languages, .c-list--brands, .c-list--shops, .c-list--products, .c-list--functions, .c-list--files, .c-list--filter--inline, .c-list--filter-controls--inline, .c-list--ico-text, .c-list--experiences, .c-list--benefits, .c-list--actions--inline, .c-nav--map__cols, .l-modal-wrapper { flex-wrap: wrap; } /* Flex flow */ /* Order */ /* Flex grow */ /* Flex shrink */ /* Flex basis */ /* Flex */ /* Justify content */ .c-btn--file .c-btn__wrap, .c-list--languages, .c-list--top-links, .c-list--brands, .c-list--products, .c-list--product-colors, .c-list--filter--inline, .c-list--filter-controls--inline, .c-list--ico-text, .c-list--experiences, .c-list--logos, .c-list--social, .c-list--icons, .c-list--actions--to-right, .c-nav--view--alt .c-nav--view__list, .c-nav--intro-cats__label, .b-product-compare, .b-product-detalis, .b-comparison, .b-box--programator { -webkit-box-pack: start; justify-content: flex-start; } .c-list--actions--to-right, .c-nav--foot--default { -webkit-box-pack: end; justify-content: flex-end; } .c-btn__wrap, .c-image--centered, .c-list--top-links__item, .c-list--actions--stretch .c-list--actions__item .c-btn, .c-nav--intro-cats__label__ico, .c-nav--intro-cats__label__name, .b-product-compare--alt, .b-no-result, .l-modal-wrapper { -webkit-box-pack: center; justify-content: center; } .c-list--compare-product-links__item, .c-list--functions, .c-list--files, .c-list--benefits, .c-nav--view__wrap, .c-nav--view__list, .c-nav--map__cols { -webkit-box-pack: justify; justify-content: space-between; } /* Align items */ .c-list--functions, .c-nav--map__cols, .b-box--programator { -webkit-box-align: start; align-items: flex-start; } .c-list--logos { -webkit-box-align: end; align-items: flex-end; } .c-btn__wrap, .c-image--centered, .c-list--top-links__item, .c-list--product-colors, .c-list--compare-product-links__item, .c-list--files, .c-list--filter--inline, .c-list--filter-controls--inline, .c-list--ico-text, .c-list--experiences, .c-list--benefits, .c-list--social, .c-list--icons, .c-list--actions--inline, .c-list--actions--stretch .c-list--actions__item .c-btn, .c-list--actions--full .c-list--actions__item .c-btn__wrap, .c-nav--foot--default, .c-nav--view__wrap, .c-nav--view__list, .b-text-image--default, .b-product-compare, .b-product-detalis, .b-no-result, .l-modal-wrapper { -webkit-box-align: center; align-items: center; } .c-list--top-links, .c-list--brands, .c-list--shops, .c-list--shops__item, .c-list--products, .c-list--actions--stretch, .b-comparison { -webkit-box-align: stretch; align-items: stretch; } /* Align self */ .c-image--centered img { -ms-grid-row-align: center; align-self: center; } /* Align content */ .c-list--languages, .c-nav--intro-cats__label__ico, .c-nav--intro-cats__label__name { align-content: center; } .c-nav--intro-cats__label { align-content: stretch; } /** * Apply a natural box layout model to all elements */ *, *:before, *:after { box-sizing: border-box; } /* Base ========================================================================== */ html { font-size: 62.5%; /* 10px */ } body { min-width: 320px; padding-top: 100px; font-family: "Open Sans", Arial, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 1.4; color: #333132; background: #fff; -webkit-backface-visibility: hidden; } /*@media (max-width: 1460px) {*/ /* body {*/ /* padding-top: 80px; } }*/ body.lang-fr .c-nav--main__list__item { margin-right: 15px; } @media (max-width: 1265px) { body.lang-si .l-sec--head .c-nav--main { margin-left: 8px; } body.lang-si .c-nav--main__list__item { margin-right: 12px; } body.lang-si .c-nav--main__list__item > .label { font-size: 1.2rem; } body.lang-si { padding-top: 123px; } } @media (max-width: 950px) { body.lang-si { padding-top: 80px; } } @media (max-width: 480px) { body { padding-top: 70px; } } @media (max-width: 1460px) { body.p-has-sticky-nav { padding-top: 0; } } @media (max-width: 480px) { body.p-has-sticky-nav { padding-top: 70px; } } /* amica-group.hu | lang hu */ body.p-has-lang-hu.lang-hu .c-nav--main__list__item > .label { font-size: 1.35rem; } @media (max-width: 1280px) { body.p-has-lang-hu.lang-hu .c-nav--main__list__item > .label { font-size: 1.25rem; } body.p-has-lang-hu.lang-hu .c-nav--main__list__item { margin-right: 15px; } } @media (max-width: 990px) { body.p-has-lang-hu.lang-hu .c-nav--main__list__item > .label { font-size: 1.15rem; } } @media (max-width: 950px) { body.p-has-lang-hu.lang-hu .c-nav--main__list__item > .label { font-size: 1.6rem; } } /* amica-group.hu | lang en */ body.p-has-lang-en.lang-hu .c-nav--main__list__item > .label { font-size: 1.35rem; } @media (max-width: 1280px) { body.p-has-lang-en.lang-hu .c-nav--main__list__item > .label { font-size: 1.25rem; } body.p-has-lang-en.lang-hu .c-nav--main__list__item { margin-right: 15px; } } @media (max-width: 1040px) { body.p-has-lang-en.lang-hu .c-nav--main__list__item > .label { font-size: 1.10rem; } } @media (max-width: 950px) { body.p-has-lang-en.lang-hu .c-nav--main__list__item > .label { font-size: 1.6rem; } } /* amica.si | lang sl */ body.p-has-lang-sl.lang-si .c-nav--main__list__item > .label { font-size: 1.35rem; } @media (max-width: 1000px) { body.p-has-lang-sl.lang-si .c-nav--main__list__item > .label { font-size: 1.15rem; } } @media (max-width: 950px) { body.p-has-lang-sl.lang-si .c-nav--main__list__item > .label { font-size: 1.6rem; } } /* amica.si | lang en */ body.p-has-lang-en.lang-si .c-nav--main__list__item > .label { font-size: 1.35rem; } @media (max-width: 1000px) { body.p-has-lang-en.lang-si .c-nav--main__list__item > .label { font-size: 1.15rem; } } @media (max-width: 950px) { body.p-has-lang-en.lang-si .c-nav--main__list__item > .label { font-size: 1.6rem; } } /* amica-group.hr | lang hr */ body.p-has-lang-hr.lang-hr .c-nav--main__list__item > .label { font-size: 1.35rem; } @media (max-width: 1220px) { body.p-has-lang-hr.lang-hr .c-nav--main__list__item > .label { font-size: 1.15rem; } } @media (max-width: 950px) { body.p-has-lang-hr.lang-hr .c-nav--main__list__item > .label { font-size: 1.6rem; } } /* amica-group.hr | lang en */ body.p-has-lang-en.lang-hr .c-nav--main__list__item > .label { font-size: 1.35rem; } @media (max-width: 1280px) { body.p-has-lang-en.lang-hr .c-nav--main__list__item > .label { font-size: 1.25rem; } body.p-has-lang-en.lang-hr .c-nav--main__list__item { margin-right: 15px; } } @media (max-width: 1040px) { body.p-has-lang-en.lang-hr .c-nav--main__list__item > .label { font-size: 1.10rem; } } @media (max-width: 950px) { body.p-has-lang-en.lang-hr .c-nav--main__list__item > .label { font-size: 1.6rem; } } /* Global Typography ========================================================================== */ * { outline: 0; } a { text-decoration: none; color: #000000; } a:hover { text-decoration: none; color: #ed2436; } a:focus { outline: none; } img { max-width: 100%; } figure { margin: 0; } /* Components ========================================================================== */ /* Buttons ========================================================================== */ .c-btn { position: relative; display: inline-block; padding: 0; -webkit-transition: color 300ms ease-in-out, background 300ms ease-in-out, opacity 300ms ease-in-out, border 300ms ease-in-out; transition: color 300ms ease-in-out, background 300ms ease-in-out, opacity 300ms ease-in-out, border 300ms ease-in-out; cursor: pointer; } .c-btn:active, .c-btn:focus { outline: 0; } .c-btn.is-disabled { display: none; } .c-btn.is-active { color: #ed2436; } .c-btn__ico { margin-left: 5px; -webkit-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .c-btn__ico:first-child { margin-left: 0; margin-right: 5px; } .c-btn__label { -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } .c-btn--inverse .c-btn__label { -webkit-box-ordinal-group: 3; order: 2; } .c-btn--inverse .c-btn__ico { -webkit-box-ordinal-group: 2; order: 1; margin-left: 0; margin-right: 5px; } .c-btn-outer { margin: 40px 0; } @media (max-width: 670px) { .c-btn-outer { margin: 20px 0; } } .c-btn--trigger-nav-main { position: relative; overflow: hidden; margin: 0; padding: 0; width: 40px; height: 40px; border: 0; font-size: 0; text-indent: -9999px; -moz-appearance: none; -webkit-appearance: none; appearance: none; box-shadow: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; background: none; -webkit-transition: 150ms ease-in-out; transition: 150ms ease-in-out; /* active state, i.e. menu open */ } .c-btn--trigger-nav-main:focus { outline: none; } .c-btn--trigger-nav-main span { display: block; position: absolute; top: 18px; left: 7px; width: 25px; height: 4px; border-radius: 50px; background: #ed2436; } .c-btn--trigger-nav-main span::before, .c-btn--trigger-nav-main span::after { position: absolute; display: block; left: 0; width: 100%; height: 4px; border-radius: 40px; background: #ed2436; content: ""; } .c-btn--trigger-nav-main span::before { top: -8px; } .c-btn--trigger-nav-main span::after { bottom: -8px; } .c-btn--trigger-nav-main span { -webkit-transition: background 0 0.3s; transition: background 0 0.3s; } .c-btn--trigger-nav-main span::before, .c-btn--trigger-nav-main span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0; transition-delay: 0.3s, 0; } .c-btn--trigger-nav-main span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, -webkit-transform; transition-property: top, transform; transition-property: top, transform, -webkit-transform; } .c-btn--trigger-nav-main span::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; } .c-btn--trigger-nav-main.is-active span { background: none; } .c-btn--trigger-nav-main.is-active span::before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .c-btn--trigger-nav-main.is-active span::after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .c-btn--trigger-nav-main.is-active span::before, .c-btn--trigger-nav-main.is-active span::after { -webkit-transition-delay: 0, 0.3s; transition-delay: 0, 0.3s; } .c-btn--default { padding: 10px 15px; font-size: 1.4rem; font-weight: 700; text-transform: uppercase; vertical-align: middle; border-width: 2px; border-style: solid; } @media (max-width: 1460px) { .c-btn--default { padding: 7px 12px; font-size: 1.3rem; } } @media (max-width: 480px) { .c-btn--default { padding-left: 15px; padding-right: 15px; font-size: 1.2rem; } } .c-btn--default .c-ico { -webkit-transition: fill 200ms ease-in-out, -webkit-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: fill 200ms ease-in-out, -webkit-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: fill 200ms ease-in-out, transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: fill 200ms ease-in-out, transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19); } .c-btn--default:hover .c-ico--svg--arrow-right { -webkit-transform: translateX(2px); transform: translateX(2px); } .c-btn--default:hover .c-ico--svg--arrow-left { -webkit-transform: translateX(-2px); transform: translateX(-2px); } .c-btn--default:hover .c-ico--svg--arrow-up { -webkit-transform: translateY(-2px); transform: translateY(-2px); } .c-btn--default:hover .c-ico--svg--arrow-down { -webkit-transform: translateY(2px); transform: translateY(2px); } .c-btn--default--xl, .c-btn--default--alt { padding-left: 35px; padding-right: 35px; padding-top: 15px; padding-bottom: 15px; line-height: 1; font-size: 1.8rem; } @media (max-width: 1460px), (max-height: 850px) { .c-btn--default--xl, .c-btn--default--alt { font-size: 1.4rem; } } @media (max-width: 670px) { .c-btn--default--xl, .c-btn--default--alt { font-size: 1.2rem; } } .c-btn--default--xxs, .c-btn--default--xs { padding-left: 10px; padding-right: 10px; padding-top: 12px; padding-bottom: 11px; line-height: 1; font-size: 1.2rem; border-width: 1px; } @media (max-width: 1460px) { .c-btn--default--xxs, .c-btn--default--xs { padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; font-size: 1rem; } } .c-btn--default--xxs { padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px; font-size: 1rem; } .c-btn--normal { background: none; border: 0; } .c-btn--normal .c-btn__label { font-size: 1.1rem; font-weight: 600; text-transform: uppercase; line-height: 1; } .c-btn--normal .c-ico { display: block; } .c-btn--normal input { display: none; } .c-btn--normal--xl .c-btn__label { font-size: 1.8rem; } @media (max-width: 1700px) { .c-btn--normal--xl .c-btn__label { font-size: 1.6rem; } } .c-btn--normal--l .c-btn__label { font-size: 1.4rem; } @media (max-width: 1700px) { .c-btn--normal--l .c-btn__label { font-size: 1.2rem; } } .c-btn--normal--alt .c-btn__label { font-weight: 400; text-transform: none; text-decoration: underline; } .c-btn--normal--alt:hover .c-btn__label { text-decoration: none; } /* Compare ========================================================================== */ .c-btn--normal--compare .c-btn__label { position: relative; cursor: pointer; padding: 3px 0 4px 32px; color: #ed2436; } .c-btn--normal--compare .c-btn__label:before, .c-btn--normal--compare .c-btn__label:after { position: absolute; top: 0; left: 0; content: ''; } .c-btn--normal--compare .c-btn__label:after { width: 20px; height: 20px; border: 1px solid #ed2436; } .c-btn--normal--compare .c-btn__label:before { background-image: url(../img/sprite.png); background-position: -218px -80px; width: 10px; height: 9px; top: 6px; left: 5px; opacity: 0; } .c-btn--normal--compare input:checked + .c-btn__label:before { opacity: 1; } .c-btn--special { position: relative; padding: 0; border: 0; cursor: pointer; background: none; font-size: 0; } .c-btn--special .c-btn__label { font-size: 1.2rem; font-weight: 700; text-transform: uppercase; line-height: 1; } .c-btn--special .c-ico { position: relative; top: -1px; display: inline-block; vertical-align: middle; margin-left: 5px; -webkit-transition: -webkit-transform 250ms ease-in-out; transition: -webkit-transform 250ms ease-in-out; transition: transform 250ms ease-in-out; transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out; -webkit-transform: translateX(0); transform: translateX(0); } .c-btn--carousel.slick-disabled { opacity: 0.3; } .c-btn--carousel--default { padding: 0; text-indent: -777em; border: 0; background: none; } .c-btn--carousel--default.c-btn--carousel--up { background-image: url(../img/sprite.png); background-position: -164px -169px; width: 20px; height: 11px; } .c-btn--carousel--default.c-btn--carousel--down { background-image: url(../img/sprite.png); background-position: -40px -195px; width: 20px; height: 11px; } .c-btn--carousel--default.c-btn--carousel--right { background-image: url(../img/sprite.png); background-position: -218px -40px; width: 11px; height: 20px; } .c-btn--carousel--default.c-btn--carousel--left { background-image: url(../img/sprite.png); background-position: -218px -20px; width: 11px; height: 20px; } .c-btn--carousel--primary { width: 42px; height: 42px; padding: 0; text-indent: -777em; border: 0; background: #ed2436; } .c-btn--carousel--primary:after { position: absolute; top: 50%; left: 50%; content: ''; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .c-btn--carousel--primary.c-btn--carousel--right:after { background-image: url(../img/sprite.png); background-position: -223px -123px; width: 5px; height: 10px; } .c-btn--carousel--primary.c-btn--carousel--left:after { background-image: url(../img/sprite.png); background-position: -218px -108px; width: 5px; height: 10px; } .c-btn--carousel--primary:hover { background-color: #333132; } .c-btn--language { position: relative; padding-left: 45px; } .c-btn--language__pic { position: absolute; top: 0; left: 0; overflow: hidden; display: block; width: 35px; height: 35px; border-radius: 50%; } .c-btn--language__pic img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: none; } .c-btn--language__label { display: block; padding-top: 8px; font-size: 1.8rem; font-weight: 700; line-height: 1; -webkit-transition: 150ms ease-in-out; transition: 150ms ease-in-out; } @media (max-width: 1024px) { .c-btn--language__label { padding-top: 11px; font-size: 1.4rem; } } .c-btn--language:hover .c-btn--language__label:hover { color: #ed2436; } .c-btn--social { position: relative; width: 40px; height: 40px; border-radius: 360px; text-indent: -777em; background: #fff; } @media (max-width: 1240px) { .c-btn--social { width: 35px; height: 35px; } } .c-btn--social:before { position: absolute; top: 50%; left: 50%; content: ''; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .c-btn--social--facebook:before { background-image: url(../img/sprite.png); background-position: -218px -60px; width: 10px; height: 20px; } .c-btn--social--vimeo:before { background-image: url(../img/sprite.png); background-position: -126px -169px; width: 19px; height: 17px; } .c-btn--social--youtube:before { background-image: url(../img/sprite.png); background-position: -86px -169px; width: 20px; height: 24px; } .c-btn--social--twitter:before { background-image: url(../img/sprite.png); background-position: -145px -169px; width: 19px; height: 16px; } .c-btn--social--pinterest:before { background-image: url(../img/sprite.png); background-position: -188px -109px; width: 26px; height: 26px; } .c-btn--social--alt { width: auto; height: auto; border-radius: 0; background: none; } .c-btn--social--alt.c-btn--social--facebook { width: 10px; height: 20px; } .c-btn--social--alt.c-btn--social--vimeo { width: 19px; height: 17px; } .c-btn--social--alt.c-btn--social--youtube { width: 20px; height: 24px; } .c-btn--social--alt.c-btn--social--twitter { width: 19px; height: 16px; } .c-btn--social--alt.c-btn--social--pinterest { width: 26px; height: 26px; } .c-btn--file { display: block; } .c-btn--file .c-btn__label { display: block; position: relative; font-size: 1.8rem; font-weight: 400; } @media (max-width: 1460px) { .c-btn--file .c-btn__label { font-size: 1.6rem; } } @media (max-width: 670px) { .c-btn--file .c-btn__label { font-size: 1.4rem; } } .c-btn--file .c-btn__label:hover { color: #ed2436; } .c-btn--file.c-btn--inverse .c-btn__ico { margin-right: 10px; } .c-btn--helper { display: block; margin: 50px auto; width: 262px; height: 262px; background: url("../img/default/bg-btn-help.png") no-repeat; } .c-btn--helper .c-btn__label { display: table-cell; width: 1%; height: 262px; font-size: 2rem; font-weight: 700; text-align: center; text-transform: uppercase; vertical-align: middle; line-height: 1.4; color: #fff; } .c-btn--helper .c-btn__label .c-ico { display: block; margin: 10px auto 0 auto; } .c-btn--go { position: relative; display: block; margin: 0 auto; width: 50px; height: 50px; text-indent: -777em; border-radius: 50%; border: 1px solid #ed2436; } .c-btn--go:after { position: absolute; top: 50%; left: 50%; content: ''; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(../img/sprite.png); background-position: -148px -195px; width: 14px; height: 7px; } .c-btn--filter { display: block; text-indent: -777em; } .c-btn--filter--up { background-image: url(../img/sprite.png); background-position: -60px -195px; width: 12px; height: 9px; } .c-btn--filter--up.is-active { background-position: -108px -195px; } .c-btn--filter--down { background-image: url(../img/sprite.png); background-position: -204px -169px; width: 12px; height: 9px; } .c-btn--filter--down.is-active { background-position: -84px -195px; } .c-btn--ico { padding: 0; border: 0; background: none; } .c-btn--ico.is-active .c-ico--svg--red { fill: #333132; } .c-btn--load-more { max-width: 80%; display: block; padding: 20px 20px; margin: 0 auto; font-size: 1.8rem; font-weight: 400; line-height: 1; text-align: center; background: #f3f3f3; } @media (max-width: 1024px) { .c-btn--load-more { max-width: 99%; font-size: 1.4rem; } } .c-btn--load-more:hover { color: #fff; background-color: #ed2436; } /* Icons ========================================================================== */ .c-ico { display: block; -webkit-transition: fill 200ms ease-in-out, opacity 200ms ease-in-out, -webkit-transform 200ms ease-in-out; transition: fill 200ms ease-in-out, opacity 200ms ease-in-out, -webkit-transform 200ms ease-in-out; transition: transform 200ms ease-in-out, fill 200ms ease-in-out, opacity 200ms ease-in-out; transition: transform 200ms ease-in-out, fill 200ms ease-in-out, opacity 200ms ease-in-out, -webkit-transform 200ms ease-in-out; } .c-ico--svg--red { fill: #ed2436; } .c-ico--svg--white { fill: #fff; } .c-ico--svg--pdf { width: 20px; height: 23px; } .c-ico--svg--pdf.c-ico--xl { width: 24px; height: 31px; } .c-ico--svg--pdf.c-ico--xxl { width: 34px; height: 43px; } .c-ico--svg--print { width: 24px; height: 23px; } .c-ico--svg--email { width: 23px; height: 22px; } .c-ico--svg--email.c-ico--svg--red { fill: #fff; stroke: #ed2436; } .c-ico--svg--lang { width: 16px; height: 17px; } .c-ico--svg--loop { width: 17px; height: 17px; } .c-ico--svg--loop.c-ico--xl { width: 32px; height: 32px; } @media (max-width: 1700px) { .c-ico--svg--loop.c-ico--xl { width: 20px; height: 20px; } } .c-ico--svg--play { width: 99px; height: 99px; opacity: 0.7; } @media (max-width: 670px) { .c-ico--svg--play { width: 40px; height: 40px; } } .c-ico--svg--close { width: 13px; height: 13px; } .c-ico--svg--arrow-left, .c-ico--svg--arrow-right { width: 6px; height: 10px; } .c-ico--svg--arrow-top, .c-ico--svg--arrow-down { width: 10px; height: 6px; } .c-ico--svg--arrow-top.c-ico--xl, .c-ico--svg--arrow-down.c-ico--xl { width: 14px; height: 10px; } .c-ico--svg--arrow-circle-down { width: 28px; height: 28px; } .c-ico--svg--arrow-long-left, .c-ico--svg--arrow-long-right { width: 15px; height: 10px; } .c-ico--country { overflow: hidden; width: 17px; height: 17px; border-radius: 50%; } .c-ico--country img { width: 100%; height: 100%; } .c-ico--play { background-image: url(../img/sprite.png); background-position: -86px -109px; width: 60px; height: 60px; } .c-ico--arrow-4--red.c-ico--arrow-4--right { background-image: url(../img/sprite.png); background-position: -218px -123px; width: 5px; height: 10px; } .c-ico--arrow-4--red.c-ico--arrow-4--left { background-image: url(../img/sprite.png); background-position: -224px -89px; width: 5px; height: 10px; } .c-ico--arrow-4--white.c-ico--arrow-4--right { background-image: url(../img/sprite.png); background-position: -223px -123px; width: 5px; height: 10px; } .c-ico--arrow-4--white.c-ico--arrow-4--down { background-image: url(../img/sprite.png); background-position: -218px -118px; width: 10px; height: 5px; } /* Images ========================================================================== */ .c-image { margin: 0; } .c-image, .c-image a { position: relative; } .c-image img { display: block; } .c-image--full img { width: 100%; } .c-image--video a { display: block; } .c-image--video a:hover .c-ico { opacity: 1; -webkit-transform: translate(-50%, -55%); transform: translate(-50%, -55%); } .c-image--video .c-ico { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-image--centered img { -webkit-box-flex: 0; flex: 0 0 auto; display: block; max-width: 90%; max-height: 90%; } /* Videos ========================================================================== */ .c-video, .c-video iframe, .c-video img { pointer-events: none; } @media (max-width: 1024px) { .c-video, .c-video iframe, .c-video img { pointer-events: auto; } } .c-video--full { position: absolute; height: 100%; width: 100%; overflow: hidden; } .c-video--full iframe { width: 100%; height: 100%; } .c-video--full video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /* Tooltips ========================================================================== */ .c-tooltip { position: relative; display: inline-block; } @media (max-width: 1024px) { .c-tooltip { display: none; } } .c-tooltip__handle { position: relative; display: block; cursor: pointer; } .c-tooltip__content { opacity: 0; visibility: hidden; position: absolute; top: calc(100% + 10px); right: 0; z-index: 100; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; } .c-tooltip__content--to-right { left: 0; right: auto; } .c-tooltip.is-active .c-tooltip__content { opacity: 1; visibility: visible; } .c-tooltip--default { width: 15px; height: 15px; margin: 0 3px; } .c-tooltip--default .c-tooltip__handle { width: 15px; height: 15px; padding-right: 2px; font-size: 1.2rem; font-weight: 700; font-style: italic; text-align: center; line-height: 15px; border-radius: 50%; color: #fff; background: #ed2436; } .c-tooltip--default .c-tooltip__content { width: 282px; padding: 10px; font-size: 1.4rem; color: #fff; background: #ed2436; } @media (max-width: 1460px) { .c-tooltip--default .c-tooltip__content { width: 220px; font-size: 1.2rem; } } .c-tooltip--default .c-tooltip__content p { margin: 0; } /* Maps ========================================================================== */ .c-map { display: block; margin: 25px 0; } .c-map--search { height: 550px; } @media (max-width: 1460px) { .c-map--search { height: 400px; } } @media (max-width: 1024px) { .c-map--search { height: 350px; } } @media (max-width: 670px) { .c-map--search { height: 200px; } } /* Lines ========================================================================== */ .c-line--default { margin: 25px 0; height: 1px; border: 0; background: #c2c2c2; } /* Forms ========================================================================== */ fieldset { margin: 0; padding: 0; border: 0; } input, textarea { width: 100%; } input[type="text"], input[type="password"], input[type="email"], textarea { box-shadow: none; border-radius: 0; -webkit-appearance: none; resize: none; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { outline: none; } *::-ms-clear { display: none; } .f-form .t-head--category-title { margin-bottom: 30px; } @media (max-width: 1460px) { .f-form .t-head--category-title { margin-bottom: 30px; } } .custom-select-outer { overflow: hidden; position: relative; } .customSelectInner, .hasCustomSelect { width: 100% !important; } .hasCustomSelect { z-index: 20; cursor: pointer; } .customSelect { display: block !important; } .customSelectInner { display: -webkit-box !important; display: flex !important; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; height: 100%; } .customSelectInner:after { content: ''; } .c-field--radio, .c-field--checkbox { position: relative; } .c-field--radio input, .c-field--checkbox input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; width: 20px !important; } .c-field--radio .f-label, .c-field--checkbox .f-label { position: relative; cursor: pointer; } .c-field--radio .f-label:after, .c-field--checkbox .f-label:after { opacity: 0; } .c-field--radio .f-label:after, .c-field--radio .f-label:before, .c-field--checkbox .f-label:after, .c-field--checkbox .f-label:before { position: absolute; top: 0; left: 0; content: ''; } .c-field--radio input:checked + .f-label:after, .c-field--checkbox input:checked + .f-label:after { opacity: 1; } .c-field { margin-bottom: 20px; } @media (max-width: 1240px) { .c-field { margin-bottom: 15px; } } @media (max-width: 670px) { .c-field { margin-bottom: 10px; } } .c-field .f-message, .c-field .c-btn-outer { margin: 8px 0 0 0; } .c-field .f-message { text-align: right; } .f-control--select .c-ico { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); fill: #ed2436; } .f-control--default { font-size: 1.8rem; border: 1px solid #a1a1a1; color: #000000; background: none; } @media (max-width: 1240px) { .f-control--default { font-size: 1.6rem; } } .f-control--default:focus { border-color: #ed2436; } .f-control--default.f-control--select.customSelect, .f-control--default.f-control--text { height: 48px; padding: 0 15px; } @media (max-width: 1240px) { .f-control--default.f-control--select.customSelect, .f-control--default.f-control--text { height: 35px; } } .f-control--primary { font-size: 1.8rem; border: 1px solid #c2c2c2; background: none; } @media (max-width: 1460px) { .f-control--primary { font-size: 1.4rem; } } .f-control--primary.f-control--select.customSelect, .f-control--primary.f-control--text { height: 40px; padding: 0 15px; } @media (max-width: 1240px) { .f-control--primary.f-control--select.customSelect, .f-control--primary.f-control--text { height: 35px; } } .f-control--primary.f-control--textarea { height: 150px; padding: 15px; } .is-error .f-control--primary { border-left: 4px solid #ed2436; color: #ed2436; } .f-label--default { display: block; margin-bottom: 10px; font-size: 1.4rem; font-weight: 400; line-height: 1.2; } .f-label--default.f-label--checkbox { min-height: 22px; padding-left: 40px; padding-top: 1px; margin-bottom: 0; } @media (max-width: 1460px) { .f-label--default.f-label--checkbox { padding-left: 30px; min-height: 18px; } } .f-label--default.f-label--checkbox:before { width: 22px; height: 22px; border: 1px solid #b0b0b0; background-color: #fff; } @media (max-width: 1460px) { .f-label--default.f-label--checkbox:before { width: 18px; height: 18px; } } .f-label--default.f-label--checkbox:after { /*Add another block-level blank space*/ content: "\00a0"; display: block; /*Make it a small rectangle so the border will create an L-shape*/ width: 7px; height: 11px; /*Add a white border on the bottom and left, creating that 'L' */ border: solid #ed2436; border-width: 0 2px 2px 0; /*Position it on top of the circle*/ position: absolute; left: 7px; top: 4px; /*Rotate the L 45 degrees to turn it into a checkmark*/ -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 1460px) { .f-label--default.f-label--checkbox:after { width: 6px; height: 10px; left: 7px; top: 3px; } } .f-label--default--alt.f-label--checkbox { color: #ed2436; } .f-label--default--alt.f-label--checkbox:before { border: 1px solid #ed2436; } .f-label--primary { display: block; margin-bottom: 10px; font-size: 1.8rem; font-weight: 400; text-transform: uppercase; line-height: 1; } @media (max-width: 1460px) { .f-label--primary { font-size: 1.4rem; } } .f-list--controls__item { margin-bottom: 8px; } .f-list--controls__item .c-field { margin: 0; } .f-message--default { font-size: 1.8rem; line-height: 1.2; } @media (max-width: 1460px) { .f-message--default { font-size: 1.4rem; } } .f-message--negative { color: #ed2436; } /* Labels ========================================================================== */ .c-label--latest { display: block; width: 87px; height: 87px; text-indent: -777em; background: url("../img/default/bg-label-latest-red.png") no-repeat; } /* Lists ========================================================================== */ .c-list--languages { margin-bottom: -20px; } .c-list--languages__item { width: 16.66667%; margin-bottom: 20px; margin-right: 0; } @media (max-width: 1024px) { .c-list--languages__item { width: 25%; } } @media (max-width: 670px) { .c-list--languages__item { width: 50%; } } .c-list--languages__item:last-child { margin-right: 0; } .c-list--top-links { float: right; height: 100px; -webkit-transition: 150ms ease-in-out; transition: 150ms ease-in-out; } @media (max-width: 1460px) { .c-list--top-links { height: 78px; } } @media (max-width: 480px) { .c-list--top-links { height: 70px; } } .c-list--top-links__item { -webkit-box-flex: 1; flex-grow: 1; position: relative; margin-right: 17px; } .c-list--top-links__item:last-child { margin-right: 0; } @media (max-width: 1200px) { .c-list--top-links__item--lang .c-btn--normal .c-btn__ico, .c-list--top-links__item--search .c-btn--normal .c-btn__ico { margin-right: 0; } } @media (max-width: 1200px) { .c-list--top-links__item--lang .c-btn--normal .c-btn__label, .c-list--top-links__item--search .c-btn--normal .c-btn__label { display: none; } } .c-list--top-links__item .c-btn { display: block; } .c-list--top-links__item .b-dropdown { position: static; } @media (max-width: 1024px) { .c-list--top-links__item .b-dropdown { height: auto; } } .c-list--top-links__item .b-dropdown__select { height: 100%; } .c-list--top-links__item .b-dropdown .b-sub-menu { top: calc(100%); } .c-list--main-categories { margin-left: -10px; margin-right: -10px; } .c-list--main-categories__item { float: left; width: 25%; padding: 0 10px; } @media (max-width: 950px) { .c-list--main-categories__item { width: 50%; margin-bottom: 20px; } } .c-list--short-categories { margin-bottom: -40px; } @media (max-width: 1460px) { .c-list--short-categories { margin-bottom: -30px; } } .c-list--short-categories__item { width: 50%; float: left; margin-bottom: 30px; } .c-list--short-categories__item:nth-child(2n+1) { clear: left; } .c-list--articles--inline { margin-left: -10px; margin-right: -10px; margin-top: -25px; } @media (max-width: 1024px) { .c-list--articles--inline { margin-top: -10px; } } .c-list--articles--inline .c-list--articles__item { float: left; padding: 0 10px; margin-top: 25px; } .c-list--articles--inline .c-list--articles__item--2-of-4 { width: 50%; } @media (max-width: 480px) { .c-list--articles--inline .c-list--articles__item--2-of-4 { width: 100%; } } .c-list--articles--inline .c-list--articles__item--1-of-4 { width: 25%; } @media (max-width: 950px) { .c-list--articles--inline .c-list--articles__item--1-of-4 { width: 50%; } } @media (max-width: 480px) { .c-list--articles--inline .c-list--articles__item--1-of-4 { width: 100%; } } .c-list--articles--inline .c-list--articles__item--push { float: right; } .c-list--articles--inline.c-list--articles--i4 .c-list--articles__item { width: 25%; } @media (max-width: 1024px) { .c-list--articles--inline.c-list--articles--i4 .c-list--articles__item { width: 33.33333%; } } .c-list--articles--inline.c-list--articles--i4 .c-list--articles__item:nth-child(4n+1) { clear: left; } @media (max-width: 1024px) { .c-list--articles--inline.c-list--articles--i4 .c-list--articles__item:nth-child(4n+1) { clear: none; } } @media (max-width: 1024px) { .c-list--articles--inline.c-list--articles--i4 .c-list--articles__item:nth-child(3n+1) { clear: left; } } @media (max-width: 670px) { .c-list--articles--inline.c-list--articles--i4 .c-list--articles__item:nth-child(3n+1) { clear: none; } } .c-list--articles--inline.c-list--articles--i3 .c-list--articles__item { width: 33.33333%; } .c-list--articles--inline.c-list--articles--i3 .c-list--articles__item:nth-child(3n+1) { clear: left; } @media (max-width: 670px) { .c-list--articles--inline.c-list--articles--i3 .c-list--articles__item:nth-child(3n+1) { clear: none; } } .c-list--articles--inline.c-list--articles--i2 .c-list--articles__item { width: 50%; } @media (max-width: 670px) { .c-list--articles--inline.c-list--articles--i2 .c-list--articles__item, .c-list--articles--inline.c-list--articles--i3 .c-list--articles__item, .c-list--articles--inline.c-list--articles--i4 .c-list--articles__item { width: 50%; } } @media (max-width: 670px) { .c-list--articles--inline.c-list--articles--i2 .c-list--articles__item:nth-child(2n+1), .c-list--articles--inline.c-list--articles--i3 .c-list--articles__item:nth-child(2n+1), .c-list--articles--inline.c-list--articles--i4 .c-list--articles__item:nth-child(2n+1) { clear: left; } } @media (max-width: 480px) { .c-list--articles--inline.c-list--articles--i2 .c-list--articles__item, .c-list--articles--inline.c-list--articles--i3 .c-list--articles__item, .c-list--articles--inline.c-list--articles--i4 .c-list--articles__item { width: auto; float: none; } } .c-list--articles--block .c-list--articles__item { margin-bottom: 65px; } @media (max-width: 1460px) { .c-list--articles--block .c-list--articles__item { margin-bottom: 25px; } } .c-list--brands { margin-left: -10px; margin-right: -10px; margin-bottom: -20px; } @media (max-width: 480px) { .c-list--brands { display: block; margin-left: 0; margin-right: 0; } } .c-list--brands__item { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } @media (max-width: 480px) { .c-list--brands__item { padding-left: 0; padding-right: 0; } } .c-list--brands--i4 .c-list--brands__item { width: 25%; } .c-list--brands--i5 .c-list--brands__item { width: 20%; } @media (max-width: 768px) { .c-list--brands--i4 .c-list--brands__item, .c-list--brands--i5 .c-list--brands__item { width: 50%; } } @media (max-width: 480px) { .c-list--brands--i4 .c-list--brands__item, .c-list--brands--i5 .c-list--brands__item { width: 100%; } } .c-list--brands.slick-dotted { padding-top: 40px; } .c-list--brands .slick-dots { position: absolute; top: 0; left: 0; width: 100%; } .c-list--thumbs__item a, .c-list--thumbs__item button { position: relative; } .c-list--thumbs__item button { width: 100%; padding: 0; border: 0; background: none; } .c-list--thumbs--default { max-width: 180px; } @media (max-width: 1460px) { .c-list--thumbs--default { max-width: 100%; } } .c-list--thumbs--default .c-list--thumbs__item--video a { display: block; position: relative; } .c-list--thumbs--default .c-list--thumbs__item--video a:after { position: absolute; top: 50%; left: 50%; content: ''; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(../img/sprite.png); background-position: 0px -109px; width: 86px; height: 86px; } .c-list--thumbs--default .c-list--thumbs__item a { display: block; padding: 0; border: 0; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; opacity: 1; } .c-list--thumbs--default .c-list--thumbs__item a:hover { opacity: 0.8; } @media (max-width: 1460px) { .c-list--thumbs--default.slick-slider { margin-left: -5px; margin-right: -5px; } } .c-list--thumbs--default.slick-slider .slick-slide { margin-left: -5px; margin-right: -5px; } @media (max-width: 1460px) { .c-list--thumbs--default.slick-slider .slick-slide { padding-left: 5px; padding-right: 5px; margin: 0; } } .c-list--thumbs--default.slick-slider .slick-slide > div { width: 50%; float: left; padding: 0 5px; margin-bottom: 8px; } @media (max-width: 1460px) { .c-list--thumbs--default.slick-slider .slick-slide > div { width: auto; float: none; padding: 0; margin: 0; } } .c-list--thumbs--primary .c-list--thumbs__item button, .c-list--thumbs--primary .c-list--thumbs__item a { display: block; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; opacity: 1; } .c-list--thumbs--primary .c-list--thumbs__item button:hover, .c-list--thumbs--primary .c-list--thumbs__item a:hover { opacity: 0.8; } .c-list--thumbs--primary .c-list--thumbs__item button:after, .c-list--thumbs--primary .c-list--thumbs__item a:after { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; border: 3px solid #ed2436; opacity: 0; } .c-list--thumbs--primary .c-list--thumbs__item.is-active a:after, .c-list--thumbs--primary .c-list--thumbs__item.is-active button:after { opacity: 1; } .c-list--thumbs--primary.slick-slider { position: relative; margin-left: -1px; margin-right: -1px; } .c-list--thumbs--primary.slick-slider .slick-slide { padding-left: 1px; padding-right: 1px; } .c-list--thumbs--primary.slick-slider .slick-slide img { width: 100%; } .c-list--thumbs--primary.slick-slider .slick-arrow { position: absolute; top: 50%; z-index: 50; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .c-list--thumbs--primary.slick-slider .slick-prev { left: -20px; } .c-list--thumbs--primary.slick-slider .slick-next { right: -20px; } .c-list--shops { margin-left: -5px; margin-right: -5px; margin-top: -75px; margin-bottom: 45px; } @media (max-width: 1460px) { .c-list--shops { margin-bottom: 25px; } } @media (max-width: 1240px) { .c-list--shops { margin-top: -15px; } } @media (max-width: 480px) { .c-list--shops { display: block; } } .c-list--shops__item { width: 25%; padding: 0 5px; margin-top: 82px; } @media (max-width: 1240px) { .c-list--shops__item { margin-top: 25px; } } @media (max-width: 950px) { .c-list--shops__item { width: 33.33333%; } } @media (max-width: 670px) { .c-list--shops__item { width: 50%; } } @media (max-width: 480px) { .c-list--shops__item { display: block; width: auto; text-align: center; } } .c-list--shops__item .b-shop--teaser { max-width: 100%; } @media (max-width: 480px) { .c-list--shops__item .b-shop--teaser { -webkit-box-align: center; align-items: center; } } .c-list--products { background: #fff; } .c-list--products__item { border-right: 1px solid #e5e5e5; } .c-list--products__item--alt { border-color: #fff; } .c-list--products + .t-head-outer { margin-top: 20px; } .c-list--products--i3 .c-list--products__item { width: 33.33333%; } .c-list--products--i3 .c-list--products__item:nth-child(3n) { border-width: 0; } @media (max-width: 950px) { .c-list--products--i3 .c-list--products__item:nth-child(2n) { border-width: 0; } } @media (max-width: 480px) { .c-list--products--i3 .c-list--products__item:nth-child(1n) { border-width: 0; } } @media (max-width: 950px) { .c-list--products--i3 .c-list--products__item { width: 50%; margin-bottom: 1px; } } @media (max-width: 480px) { .c-list--products--i3 .c-list--products__item { width: 100%; } } @media (max-width: 1700px) { .c-list--products--i3.has-full-inner .c-list--products__item { width: 50%; margin-bottom: 1px; } } @media (max-width: 670px) { .c-list--products--i3.has-full-inner .c-list--products__item { width: 100%; } } @media (max-width: 1700px) { .c-list--products--i3.has-full-inner .c-list--products__item:nth-child(3n) { border-width: 1px; } } @media (max-width: 1700px) { .c-list--products--i3.has-full-inner .c-list--products__item:nth-child(2n) { border-width: 0; } } .c-list--products--i4 .c-list--products__item { width: 25%; } @media (max-width: 1024px) { .c-list--products--i4 .c-list--products__item:nth-child(2n) { border-width: 0; } } @media (max-width: 670px) { .c-list--products--i4 .c-list--products__item:nth-child(1n) { border-width: 0; } } @media (max-width: 1024px) { .c-list--products--i4 .c-list--products__item { width: 50%; margin-bottom: 1px; } } @media (max-width: 670px) { .c-list--products--i4 .c-list--products__item { width: 100%; } } .c-list--product-colors { margin-left: -10px; margin-right: -10px; } .c-list--product-colors__item { padding: 0 10px; } .c-list--product-compares__item { position: relative; padding: 10px 30px; } @media (max-width: 1024px) { .c-list--product-compares__item { font-size: 1.2rem; } } @media (max-width: 767px) { .c-list--product-compares__item { padding-left: 10px; padding-right: 10px; font-size: 1.4rem; } } .c-list--product-compares__item:nth-child(2n+1) { background: #fff; } .c-list--product-compares__item:before { content: attr(data-label); display: none; margin-bottom: 10px; font-size: 1.4rem; font-weight: 700; } @media (max-width: 767px) { .c-list--product-compares__item:before { display: block; } } .c-list--product-compares__item span { position: relative; z-index: 5; display: inline-block; padding-right: 5px; padding-left: 30px; margin-left: -30px; } .c-list--product-compares__item--head { font-weight: 700; } .c-list--product-compares__item--head:after { position: absolute; top: 50%; left: 0; content: ''; width: 100%; height: 1px; background: #e2e2e2; } .c-list--product-compares__item--sub-head { padding-left: 45px; } .c-list--product-compares__item.is-different { border-top: 1px solid #ed2436; border-bottom: 1px solid #ed2436; color: #ed2436; } .c-list--product-compares__item.is-different + .is-different { margin-top: -1px; } .c-list--product-compares--first .c-list--product-compares__item--head span { background: #fff; } .c-list--product-compares--first .c-list--product-compares__item.is-different { border-left: 1px solid #ed2436; } .c-list--products-detalis { display: none; } @media (max-width: 1024px) { .c-list--products-detalis { display: block; } } .c-list--products-detalis__item { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ececec; } .c-list--products-detalis__item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .c-list--compare-product-links__item { margin-bottom: 10px; } .c-list--compare-product-links__item .c-label { display: block; position: relative; padding-left: 10px; padding-right: 15px; font-size: 1.4rem; line-height: 1.2; } .c-list--compare-product-links__item .c-label:before { position: absolute; top: 5px; left: 0; content: ''; width: 4px; height: 4px; border-radius: 50%; background: #333132; } .c-list--compare-product-links__item .c-btn { margin: 0; } .c-list--accordion__item { margin-bottom: 25px; } .c-list--accordion__item:last-child { margin-bottom: 0; } .c-list--functions__item { padding: 10px 10px; font-size: 1.8rem; font-weight: 400; } @media (max-width: 1460px) { .c-list--functions__item { font-size: 1.4rem; } } .c-list--functions__item:first-child .c-tooltip__content { right: auto; left: 0; } .c-list--functions__item span { display: block; color: #646263; } .c-list--functions--alt { background: #f3f3f3; } .c-list--functions--i3 .c-list--functions__item { width: 33.33333%; } @media (max-width: 670px) { .c-list--functions--i3 .c-list--functions__item { width: 100%; } } .c-list--over-functions { overflow: hidden; } .c-list--over-functions--i2 .c-list--over-functions__item { width: 50%; float: left; } @media (max-width: 950px) { .c-list--over-functions--i2 .c-list--over-functions__item { width: 100%; } } .c-list--files__item { margin-bottom: 50px; } .c-list--files--i2 .c-list--files__item { width: 50%; } @media (max-width: 670px) { .c-list--files--i2 .c-list--files__item { width: 100%; margin-bottom: 20px; } } .c-list--files--alt { display: block; } .c-list--files--alt .c-list--files__item { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #c2c2c2; } .c-list--files--alt .c-list--files__item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .c-list--filter--inline .c-list--filter__item { margin-right: 20px; } .c-list--filter--inline .c-list--filter__item:last-child { margin-right: 0; } .c-list--filter-controls--inline .c-list--filter-controls__item { margin-right: 5px; } .c-list--filter-controls--inline .c-list--filter-controls__item:last-child { margin-right: 0; } .c-list--ico-text { margin: 10px -10px; } .c-list--ico-text__item { padding-left: 10px; padding-right: 10px; margin-bottom: 10px; } .c-list--ico-text__item--alt { align-self: flex-end; } .c-list--ico-text--i3 .c-list--ico-text__item { width: 33.33333%; } @media (max-width: 670px) { .c-list--ico-text--i3 .c-list--ico-text__item { width: 50%; } } .c-list--ico-text--i2 .c-list--ico-text__item { width: 50%; } .c-list--features-graphics { margin-top: 30px; } .c-list--features-graphics__item { width: 50%; float: left; } @media (max-width: 1700px) { .c-list--features-graphics__item { width: 100%; } } @media (max-width: 1024px) { .c-list--features-graphics__item { width: 50%; } } @media (max-width: 767px) { .c-list--features-graphics__item { width: 100%; margin-bottom: 20px; border-bottom: 1px solid #dfdfdf; } } .c-list--features-graphics__item .b-text-image__pic--fill { height: 21vw; max-height: 595px; } @media (max-width: 1700px) { .c-list--features-graphics__item .b-text-image__pic--fill { height: 28vw; } } @media (max-width: 1024px) { .c-list--features-graphics__item .b-text-image__pic--fill { height: 35vw; } } .c-list--features-graphics__item--full { width: 100%; } .c-list--features-graphics__item--full .b-text-image__pic--fill { height: 31vw; max-height: 595px; } @media (max-width: 1700px) { .c-list--features-graphics__item--full .b-text-image__pic--fill { height: 28vw; } } @media (max-width: 1024px) { .c-list--features-graphics__item--full .b-text-image__pic--fill { height: 35vw; } } .c-list--experiences { margin-top: -50px; } @media (max-width: 670px) { .c-list--experiences { margin-top: -20px; } } .c-list--experiences__item { margin-top: 50px; } @media (max-width: 670px) { .c-list--experiences__item { margin-top: 20px; } } .c-list--experiences--i2 .c-list--experiences__item { width: 50%; } .c-list--experiences--i3 .c-list--experiences__item { width: 33.33333%; } @media (max-width: 768px) { .c-list--experiences--i3 .c-list--experiences__item { width: 50%; } } @media (max-width: 480px) { .c-list--experiences--i3 .c-list--experiences__item, .c-list--experiences--i2 .c-list--experiences__item { width: 100%; } } .c-list--benefits__item { margin-bottom: 40px; } @media (max-width: 1460px) { .c-list--benefits__item { margin-bottom: 20px; } } .c-list--benefits--i2 .c-list--benefits__item { width: 50%; } .c-list--benefits--i2 .c-list--benefits__item:nth-child(2n) .b-benefit { float: right; } @media (max-width: 1024px) { .c-list--benefits--i2 .c-list--benefits__item:nth-child(2n) .b-benefit { float: none; } } @media (max-width: 1024px) { .c-list--benefits--i2 .c-list--benefits__item { width: 25%; } } .c-list--tags-select__item { display: inline-block; margin-right: 15px; margin-bottom: 8px; font-size: 1.4rem; line-height: 1; text-transform: uppercase; } @media (max-width: 1460px) { .c-list--tags-select__item { font-size: 1.4rem; } } .c-list--tags-select__item a { position: relative; padding-bottom: 2px; color: #fff; } .c-list--tags-select__item a:before { position: absolute; top: -6px; left: 50%; content: ''; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; background-image: url(../img/sprite.png); background-position: -218px -102px; width: 11px; height: 6px; } .c-list--tags-select__item a:after { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 1px; display: none; background: #fff; } .c-list--tags-select__item:hover a:after { display: block; } .c-list--tags-select__item:hover a:before { opacity: 1; } .c-list--results__item { margin-bottom: 25px; } .c-list--results__item:last-child { margin-bottom: 0; } .c-list--pagination { position: relative; } .c-list--pagination__item { position: relative; float: left; padding-right: 12px; margin-right: 6px; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; line-height: 1; } .c-list--pagination__item a { color: #333132; } .c-list--pagination__item:after { position: absolute; top: 0; right: 0; content: '>'; color: #333132; } .c-list--pagination__item:first-child a { color: #333132; } .c-list--pagination__item:last-child a { color: #ed2436; } .c-list--pagination__item:last-child:after { display: none; } .c-list--pagin-slider__item { margin: 0 0 5px 0; overflow: hidden; display: block; width: 14px; height: 14px; border-radius: 360px; text-indent: -777em; border: 2px solid #fff; background: #000000; cursor: pointer; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; } .c-list--pagin-slider__item:focus { outline: none; } .c-list--pagin-slider__item.is-active { border-color: #000000; background: #fff; } .c-list--logos__item { margin-right: 10px; } @media (max-width: 1024px) { .c-list--social { text-align: center; } } .c-list--social__item { margin-right: 9px; } .c-list--social__item--label { margin-top: 0; margin-right: 22px; font-size: 1.8rem; line-height: 1; } @media (max-width: 1240px) { .c-list--social__item--label { font-size: 1.6rem; } } @media (max-width: 480px) { .c-list--social__item--label { font-size: 1.4rem; } } .c-list--icons__item { margin-right: 9px; } .c-list--icons__item:last-child { margin-right: 0; } .c-list--actions { margin: 25px 0; } @media (max-width: 670px) { .c-list--actions { margin: 15px 0; } } .c-list--actions--inline { margin-left: -4px; margin-right: -4px; } @media (max-width: 1024px) { .c-list--actions--inline { margin-left: -4px; margin-right: -4px; } } .c-list--actions--inline .c-list--actions__item { padding: 0 4px; margin-bottom: 4px; } @media (max-width: 1024px) { .c-list--actions--inline .c-list--actions__item { padding-left: 4px; padding-right: 4px; } } .c-list--actions--block .c-list--actions__item { margin-bottom: 10px; } .c-list--actions--block .c-list--actions__item:last-child { margin-bottom: 0; } .c-list--actions--stretch .c-list--actions__item { display: -webkit-box; display: flex; } @media (max-width: 480px) { .c-list--actions--normal.c-list--actions--i2 .c-list--actions__item { width: 100%; margin-bottom: 10px; } } @media (max-width: 480px) { .c-list--actions--normal.c-list--actions--i2 .c-btn { display: block; width: 100%; text-align: center; padding-left: 5px; padding-right: 5px; } } @media (max-width: 950px) { .c-list--actions--normal.c-list--actions--i4 .c-list--actions__item { width: 100%; margin-bottom: 10px; } } @media (max-width: 950px) { .c-list--actions--normal.c-list--actions--i4 .c-btn { display: block; width: 100%; text-align: center; padding-left: 5px; padding-right: 5px; } } .c-list--actions--full .c-list--actions__item { width: 100%; } .c-list--actions--full.c-list--actions--i2 .c-list--actions__item { width: 50%; } .c-list--actions--full.c-list--actions--i3 .c-list--actions__item { width: 33.33333%; } .c-list--actions--full.c-list--actions--i4 .c-list--actions__item { width: 25%; } .c-list--actions--full.c-list--actions--i5 .c-list--actions__item { width: 20%; } .c-list--actions--full.c-list--actions--i6 .c-list--actions__item { width: 16.66667%; } @media (max-width: 480px) { .c-list--actions--full.c-list--actions--i2 .c-list--actions__item { width: 100%; } } @media (max-width: 1200px) { .c-list--actions--full.c-list--actions--i6 .c-list--actions__item, .c-list--actions--full.c-list--actions--i5 .c-list--actions__item { width: 25%; } } @media (max-width: 950px) { .c-list--actions--full.c-list--actions--i3 .c-list--actions__item, .c-list--actions--full.c-list--actions--i4 .c-list--actions__item, .c-list--actions--full.c-list--actions--i5 .c-list--actions__item, .c-list--actions--full.c-list--actions--i6 .c-list--actions__item { width: 50%; } } @media (max-width: 480px) { .c-list--actions--full.c-list--actions--i3 .c-list--actions__item, .c-list--actions--full.c-list--actions--i4 .c-list--actions__item, .c-list--actions--full.c-list--actions--i5 .c-list--actions__item, .c-list--actions--full.c-list--actions--i6 .c-list--actions__item { width: 100%; } } .c-list--actions--full .c-btn { display: block; width: 100%; text-align: center; padding-left: 5px; padding-right: 5px; } /* Navs ========================================================================== */ @media (max-width: 950px) { .c-nav--main { overflow: auto; display: none; float: right; width: 400px; height: calc(100vh - 80px); padding: 0 35px; background: #ebeaea; } } @media (max-width: 480px) { .c-nav--main { width: 100%; height: calc(100vh - 60px); } } .c-nav--main__list__item { float: left; margin-right: 25px; } @media (max-width: 1460px) { .c-nav--main__list__item { margin-right: 25px; } } @media (max-width: 1200px) { .c-nav--main__list__item { margin-right: 17px; } } @media (max-width: 950px) { .c-nav--main__list__item { float: none; margin-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.4); } } .c-nav--main__list__item:last-child { margin-right: 0; border-bottom: 0; } .c-nav--main__list__item.is-active > .label, .c-nav--main__list__item:hover > .label { color: #ed2436; } @media (max-width: 950px) { .c-nav--main__list__item.is-active > .label, .c-nav--main__list__item:hover > .label { color: #333132; } } .c-nav--main__list__item > .label { display: block; height: 55px; font-size: 1.6rem; font-weight: 700; text-transform: uppercase; line-height: 1; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; } .c-nav--main__list__item > .label span { display: block; } @media (max-width: 950px) { .c-nav--main__list__item > .label span { display: inline-block; } } @media (max-width: 1460px) { .c-nav--main__list__item > .label { height: 45px; } } @media (max-width: 950px) { .c-nav--main__list__item > .label { height: auto; padding: 14px 0; font-size: 1.6rem; } } @media (max-width: 950px) { .c-nav--main__list__item--expand.is-opened { background: none; } } @media (max-width: 1024px) { .c-nav--main__list__item--expand.is-opened > .label span:after { -webkit-transform: scale(0); transform: scale(0); } .c-nav--main__list__item--expand.is-opened .b-sub-menu { opacity: 1; visibility: visible; display: block; } } .c-nav--main__list__item--expand > .label span { position: relative; padding-right: 17px; } .c-nav--main__list__item--expand > .label span:before, .c-nav--main__list__item--expand > .label span:after { -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; background: #ed2436; } .c-nav--main__list__item--expand > .label span:before { position: absolute; top: 8px; right: 0; content: ''; width: 12px; height: 2px; } @media (max-width: 1460px) { .c-nav--main__list__item--expand > .label span:before { top: 6px; } } .c-nav--main__list__item--expand > .label span:after { position: absolute; top: 3px; right: 5px; content: ''; width: 2px; height: 12px; -webkit-transform: scale(1); transform: scale(1); } @media (max-width: 1460px) { .c-nav--main__list__item--expand > .label span:after { top: 1px; } } .c-nav--main__list__item--expand--alt { position: relative; } .c-nav--main__list__item--expand:hover > .label span:after { -webkit-transform: scale(0); transform: scale(0); } @media (max-width: 950px) { .c-nav--main__list__item--expand:hover > .label span:after { -webkit-transform: scale(1); transform: scale(1); } } @media (max-width: 1024px) { .c-nav--main__list__item--expand:hover.is-opened > .label span:after { -webkit-transform: scale(0); transform: scale(0); } } .c-nav--main__list__item--expand:hover .b-sub-menu { opacity: 1; visibility: visible; } .c-nav--main .b-sub-menu { position: absolute; top: 100%; left: 0; width: 100%; opacity: 0; visibility: hidden; } .c-nav--main .b-sub-menu--alt { width: 215px; } @media (max-width: 950px) { .c-nav--main .b-sub-menu--alt { width: auto; } } @media (max-width: 950px) { .c-nav--main .b-sub-menu { position: relative; top: 0; opacity: 1; visibility: visible; display: none; } } @media (max-width: 950px) { .has-c-nav--main-opened .c-nav--main { display: block; } } @media (max-width: 950px) { .c-nav--main-categories { margin-left: 20px; } } .c-nav--main-categories__item { position: relative; border-bottom: 1px solid #dfdfdf; -webkit-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } @media (max-width: 950px) { .c-nav--main-categories__item { border-color: #fff; } } .c-nav--main-categories__item:last-child { border-bottom: 0; } .c-nav--main-categories__item:after { position: absolute; top: 50%; right: -10px; content: ''; margin-top: -7px; opacity: 0; width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 10px; border-color: transparent transparent transparent #ed2436; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; } @media (max-width: 950px) { .c-nav--main-categories__item:after { display: none; } } .c-nav--main-categories__item > .label { display: block; height: 100px; font-size: 1.8rem; font-weight: 700; text-transform: uppercase; -webkit-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } @media (max-width: 1460px) { .c-nav--main-categories__item > .label { height: 95px; font-size: 1.6rem; } } @media (max-width: 950px) { .c-nav--main-categories__item > .label { height: auto; padding: 15px 0; font-size: 1.4rem; line-height: 1; } } .c-nav--main-categories__item > .label span { display: table-cell; width: 1%; height: 100px; vertical-align: middle; text-align: center; } @media (max-width: 1460px) { .c-nav--main-categories__item > .label span { height: 95px; } } @media (max-width: 950px) { .c-nav--main-categories__item > .label span { width: auto; height: auto; display: inline-block; text-align: left; } } @media (max-width: 950px) { .c-nav--main-categories__item--expand > .label span { position: relative; padding-right: 17px; } } @media (max-width: 950px) { .c-nav--main-categories__item--expand > .label span:before, .c-nav--main-categories__item--expand > .label span:after { -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; background: #ed2436; } } @media (max-width: 950px) { .c-nav--main-categories__item--expand > .label span:before { position: absolute; top: 6px; right: 0; content: ''; width: 12px; height: 2px; } } @media (max-width: 950px) { .c-nav--main-categories__item--expand > .label span:after { position: absolute; top: 1px; right: 5px; content: ''; width: 2px; height: 12px; -webkit-transform: scale(1); transform: scale(1); } } .c-nav--main-categories__item.is-highlight { background: #ebebeb; } @media (max-width: 950px) { .c-nav--main-categories__item.is-highlight { background: none; } } @media (max-width: 950px) { .c-nav--main-categories__item.is-opened.is-opened > .label span:after { -webkit-transform: scale(0); transform: scale(0); } } @media (max-width: 950px) { .c-nav--main-categories__item.is-opened.is-opened .c-nav--sub-main-categories { display: block; } } .c-nav--main-categories__item:hover, .c-nav--main-categories__item.is-active { background: #ed2436; } @media (max-width: 950px) { .c-nav--main-categories__item:hover, .c-nav--main-categories__item.is-active { background: none; } } .c-nav--main-categories__item:hover:after, .c-nav--main-categories__item.is-active:after { right: -10px; opacity: 1; } .c-nav--main-categories__item:hover > .label, .c-nav--main-categories__item.is-active > .label { color: #fff; } @media (max-width: 950px) { .c-nav--main-categories__item:hover > .label, .c-nav--main-categories__item.is-active > .label { color: #333132; } } .c-nav--main-categories__item .c-nav--sub-main-categories { display: none; } .c-nav--sub-main-categories { margin-left: 20px; } .c-nav--sub-main-categories__item { position: relative; } .c-nav--sub-main-categories__item > .label { display: block; padding: 12px 0; font-size: 1.6rem; font-weight: 400; text-transform: uppercase; color: #333132; } .c-nav--sub-main-categories__item.is-active > .label { color: #ed2436; } @media (max-width: 950px) { .c-nav--sub-menu { margin-left: 20px; } } .c-nav--sub-menu__item { margin-bottom: 5px; } @media (max-width: 950px) { .c-nav--sub-menu__item { margin-bottom: 0; border-bottom: 1px solid #fff; } } @media (max-width: 950px) { .c-nav--sub-menu__item:last-child { border-bottom: 0; } } .c-nav--sub-menu__item > .label { display: block; font-size: 1.8rem; color: #000000; } @media (max-width: 1460px) { .c-nav--sub-menu__item > .label { font-size: 1.6rem; } } @media (max-width: 950px) { .c-nav--sub-menu__item > .label { height: auto; padding: 12px 0; font-size: 1.6rem; font-weight: 700; text-transform: uppercase; } } .c-nav--sub-menu__item:hover .label, .c-nav--sub-menu__item.is-active .label { color: #ed2436; } .c-nav--sub-menu--alt .c-nav--sub-menu__item > .label { font-size: 1.2rem; } .c-nav--foot__item .c-btn { font-size: 1.8rem; font-weight: 700; line-height: 1.2; color: #fff; } @media (max-width: 1460px) { .c-nav--foot__item .c-btn { font-size: 1.6rem; } } @media (max-width: 670px) { .c-nav--foot__item .c-btn { font-size: 1.4rem; } } .c-nav--foot__item .c-btn:hover .c-btn__ico { -webkit-transform: translateX(2px); transform: translateX(2px); } .c-nav--foot__item .c-btn:hover .c-btn__label { opacity: 0.8; } .c-nav--foot__item .c-btn__ico { margin-right: 10px; } .c-nav--foot__item .c-ico--svg--arrow-left, .c-nav--foot__item .c-ico--svg--arrow-right { width: 6px; height: 12px; } .c-nav--foot--default .c-nav--foot__list { width: 50%; padding-left: 10px; padding-right: 10px; } .c-nav--foot--default .c-nav--foot__item { margin-bottom: 8px; } .c-nav--foot--primary .c-nav--foot__item { display: inline-block; margin-right: 20px; vertical-align: top; } @media (max-width: 1240px) { .c-nav--foot--primary .c-nav--foot__item { margin-right: 10px; } } .c-nav--foot--primary .c-nav--foot__item:last-child { margin-right: 0; } /* Global ========================================================================== */ /* Default ========================================================================== */ .c-nav--tabs--default { height: 60px; padding: 0 25px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 1, 0.2); background: #ed2436; } @media (max-width: 1460px) { .c-nav--tabs--default { padding: 0 15px; } } @media (max-width: 670px) { .c-nav--tabs--default { height: auto; padding: 5px 15px; } } .c-nav--tabs--default .c-nav--tabs__list { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin-left: 0; margin-right: 0; } @media (max-width: 670px) { .c-nav--tabs--default .c-nav--tabs__list { display: block; } } .c-nav--tabs--default .c-nav--tabs__item { position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 0 12px; font-size: 1.6rem; font-weight: 700; line-height: 1; text-transform: uppercase; text-align: center; height: 60px; } @media (max-width: 1460px) { .c-nav--tabs--default .c-nav--tabs__item { padding-left: 6px; padding-right: 6px; font-size: 1.3rem; } } @media (max-width: 670px) { .c-nav--tabs--default .c-nav--tabs__item { height: auto; margin-bottom: 5px; line-height: 1.2; } } .c-nav--tabs--default .c-nav--tabs__item a { display: block; color: #fff; } @media (max-width: 670px) { .c-nav--tabs--default .c-nav--tabs__item a { padding: 10px 0; } } .c-nav--tabs--default .c-nav--tabs__item.is-active:after { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 4px; background: #fff; } .c-nav--view { z-index: 100; color: #fff; background: #ed2436; } @media (max-width: 1024px) { .c-nav--view { padding: 10px 20px; } } @media (max-width: 670px) { .c-nav--view { padding: 0; } } @media (max-width: 1024px) { .c-nav--view__wrap { display: block; } } @media (max-width: 1024px) { .c-nav--view__list { flex-wrap: wrap; -webkit-box-pack: start; justify-content: flex-start; } } .c-nav--view__item { padding: 0 10px; } @media (max-width: 1024px) { .c-nav--view__item { width: 33.33333%; text-align: center; } } @media (max-width: 670px) { .c-nav--view__item { width: 50%; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.18); } } @media (max-width: 480px) { .c-nav--view__item { width: 100%; } } .c-nav--view__item .label { display: block; position: relative; /* @extend %display-inline-flex; @extend %align-items-center; @extend %justify-content-center; */ height: 67px; padding: 0 20px; font-size: 2.2rem; font-weight: 400; text-transform: uppercase; line-height: 1.1; border: 0; color: #fff; background: none; cursor: pointer; } @media (max-width: 1460px), (max-height: 850px) { .c-nav--view__item .label { padding-left: 15px; padding-right: 15px; } } @media (max-width: 1460px) { .c-nav--view__item .label { font-size: 1.8rem; } } @media (max-width: 1024px) { .c-nav--view__item .label { height: 40px; font-size: 1.6rem; text-align: center; } } @media (max-width: 670px) { .c-nav--view__item .label { font-size: 1.4rem; } } .c-nav--view__item .label:after { position: absolute; left: 0; bottom: 0; content: ''; width: 0; height: 4px; background: #fff; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; } .c-nav--view__item .label span { display: table-cell; width: 1%; height: 67px; vertical-align: middle; text-align: center; } @media (max-width: 1024px) { .c-nav--view__item .label span { height: 40px; } } .c-nav--view__item.is-active .label:after { width: 100%; } @media (max-width: 1024px) { .c-nav--view__item.is-active .label:after { display: none; } } .c-nav--view__btn { margin: 0 0 0 40px; flex-shrink: 0; line-height: 1; } @media (max-width: 1024px) { .c-nav--view__btn { display: none; } } .c-nav--view--alt { height: auto; } .c-nav--view--alt .c-nav--view__list { margin-left: -30px; margin-right: -30px; } @media (max-width: 1024px) { .c-nav--view--alt .c-nav--view__list { flex-wrap: wrap; } } .c-nav--view--alt .c-nav--view__item .label { font-size: 1.6rem; font-weight: 400; } @media (max-width: 670px) { .c-nav--view--alt .c-nav--view__item .label { font-size: 1.4rem; } } .c-nav--intro-cats { position: fixed; top: 50%; right: 0; z-index: 200; width: 450px; overflow: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1460px) { .c-nav--intro-cats { width: 380px; } } .c-nav--intro-cats__item { width: 470px; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); cursor: pointer; color: #fff; -webkit-transition: color 600ms ease-in-out, background 600ms ease-in-out, -webkit-transform 300ms ease-in-out; transition: color 600ms ease-in-out, background 600ms ease-in-out, -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out, color 600ms ease-in-out, background 600ms ease-in-out; transition: transform 300ms ease-in-out, color 600ms ease-in-out, background 600ms ease-in-out, -webkit-transform 300ms ease-in-out; } @media (max-width: 1460px) { .c-nav--intro-cats__item { width: 400px; } } .c-nav--intro-cats__item:nth-child(1) { background: #9d010c; } .c-nav--intro-cats__item:nth-child(2) { background: #ab000c; } .c-nav--intro-cats__item:nth-child(3) { background: #ba000d; } .c-nav--intro-cats__item:nth-child(4) { background: #c70b18; } .c-nav--intro-cats__item:nth-child(5) { background: #d21d2a; } .c-nav--intro-cats__item.is-active, .c-nav--intro-cats__item:hover { color: #ed2436; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .c-nav--intro-cats__item.is-active:nth-child(1), .c-nav--intro-cats__item.is-active:nth-child(2), .c-nav--intro-cats__item.is-active:nth-child(3), .c-nav--intro-cats__item.is-active:nth-child(4), .c-nav--intro-cats__item.is-active:nth-child(5), .c-nav--intro-cats__item:hover:nth-child(1), .c-nav--intro-cats__item:hover:nth-child(2), .c-nav--intro-cats__item:hover:nth-child(3), .c-nav--intro-cats__item:hover:nth-child(4), .c-nav--intro-cats__item:hover:nth-child(5) { background: #fff; } .c-nav--intro-cats__item.is-active .c-nav--intro-cats__label__ico path, .c-nav--intro-cats__item.is-active .c-nav--intro-cats__label__ico svg, .c-nav--intro-cats__item:hover .c-nav--intro-cats__label__ico path, .c-nav--intro-cats__item:hover .c-nav--intro-cats__label__ico svg { fill: #ed2436; } .c-nav--intro-cats__label { padding-right: 30px; border: 0; } @media (max-width: 1460px) { .c-nav--intro-cats__label { padding-right: 20px; } } .c-nav--intro-cats__label__ico { flex-shrink: 0; width: 90px; height: 90px; border-right: 1px solid #dda6aa; } @media (max-width: 1460px) { .c-nav--intro-cats__label__ico { width: 70px; height: 70px; } } .c-nav--intro-cats__label__ico .o-ico { display: block; position: relative; width: 50%; padding-bottom: 60%; /* depends on svg ratio, for my zebra height/width = 1.2 so padding-bottom = 50% * 1.2 = 60% */ vertical-align: middle; /* top | middle | bottom ... do what you want */ } .c-nav--intro-cats__label__ico svg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-nav--intro-cats__label__ico path, .c-nav--intro-cats__label__ico svg { fill: #fff; -webkit-transition: fill 200ms ease-in-out; transition: fill 200ms ease-in-out; } .c-nav--intro-cats__label__name { padding-left: 40px; font-size: 1.8rem; text-transform: uppercase; -webkit-box-flex: 1; flex-grow: 1; } @media (max-width: 1460px) { .c-nav--intro-cats__label__name { padding-left: 20px; font-size: 1.4rem; } } .c-nav--map { max-width: 660px; } .c-nav--map__cols { margin-left: 32px; } @media (max-width: 670px) { .c-nav--map__cols { margin-left: 20px; } } .c-nav--map__cols:first-child { margin-left: 0; } .c-nav--map__cols > .c-nav--map__list { margin-left: 0; } .c-nav--map__list { margin-left: 32px; margin-top: 8px; } @media (max-width: 670px) { .c-nav--map__list { margin-left: 20px; } } .c-nav--map__list .c-label { display: block; position: relative; line-height: 1.2; color: #333132; } .c-nav--map__list .c-label:hover { color: #ed2436; } .c-nav--map__list--three__item, .c-nav--map__list--two__item, .c-nav--map__list--one__item { margin-bottom: 30px; } @media (max-width: 670px) { .c-nav--map__list--three__item, .c-nav--map__list--two__item, .c-nav--map__list--one__item { margin-bottom: 10px; } } .c-nav--map__list--three__item:last-child, .c-nav--map__list--two__item:last-child, .c-nav--map__list--one__item:last-child { margin-bottom: 0; } .c-nav--map__list--three__item > .c-label, .c-nav--map__list--two__item > .c-label, .c-nav--map__list--one__item > .c-label { padding-left: 15px; font-size: 1.8rem; font-weight: 700; text-transform: uppercase; } @media (max-width: 1700px) { .c-nav--map__list--three__item > .c-label, .c-nav--map__list--two__item > .c-label, .c-nav--map__list--one__item > .c-label { font-size: 1.8rem; } } .c-nav--map__list--three__item > .c-label:before, .c-nav--map__list--two__item > .c-label:before, .c-nav--map__list--one__item > .c-label:before { position: absolute; top: 50%; left: 0; content: ''; width: 6px; height: 6px; margin-top: -4px; border-radius: 50%; background: #ed2436; } .c-nav--map__list--one { margin-left: 0; width: 60%; } @media (max-width: 670px) { .c-nav--map__list--one { width: 100%; } } .c-nav--map__list--one:nth-child(2) { width: 40%; } @media (max-width: 670px) { .c-nav--map__list--one:nth-child(2) { width: 100%; } } .c-nav--map__list--two { width: 50%; } @media (max-width: 480px) { .c-nav--map__list--two { width: 100%; } } .c-nav--map__list--two__item { width: 50%; } .c-nav--map__list--two__item > .c-label { padding-left: 18px; } .c-nav--map__list--two__item > .c-label:before { position: absolute; top: 50%; left: 0; content: ''; width: 9px; height: 4px; border-radius: 0; } .c-nav--map__list--three__item { margin-bottom: 12px; } .c-nav--map__list--three__item > .c-label { padding-left: 12px; font-size: 1.6rem; } @media (max-width: 1700px) { .c-nav--map__list--three__item > .c-label { font-size: 1.4rem; } } .c-nav--map__list--three__item > .c-label:before { width: 5px; height: 5px; margin-top: -3px; background: #333132; } .c-nav--map__list--four__item { margin-bottom: 5px; } .c-nav--map__list--four__item > .c-label { font-size: 1.6rem; } @media (max-width: 1700px) { .c-nav--map__list--four__item > .c-label { font-size: 1.4rem; } } /* Tabs ========================================================================== */ .c-tabs__content { display: none; } .c-tabs__content.is-active { display: block; } .c-tabs__content-wrap--default { padding: 15px 0; } @media (max-width: 1460px) { .c-tabs__content-wrap--default { padding: 15px 0; } } .c-tabs__content-wrap--default > .t-head { margin-top: 0; margin-bottom: 10px; } .c-tabs__content-wrap--default .c-list--actions { margin-bottom: 0; } /* Logos ========================================================================== */ .c-logo { display: inline-block; margin: 0; padding: 0; } .c-logo--main { width: 150px; height: 40px; text-indent: -777em; background: url("../img/svg/logo-main.svg") no-repeat; background-size: cover; } @media (max-width: 1460px) { .c-logo--main { width: 130px; height: 34px; } } @media (max-width: 480px) { .c-logo--main { width: 80px; height: 20px; } } .c-logo--code { width: 44px; height: 9px; text-indent: -777em; background: url("../img/default/logo-code.png") no-repeat; background-size: cover; } .c-logo--code--white { background-image: url("../img/default/logo-code-white.png"); } .c-logo--code--alt { width: 69px; height: 27px; background-image: url("../img/default/logo-code-2.png"); } .c-logo--code--alt--white { background-image: url("../img/default/logo-code-2-white.png"); } .c-logo--dot { width: 117px; height: 67px; text-indent: -777em; background: url("../img/default/logo-dot-red.png") no-repeat; background-size: cover; } .c-logo--dot--white { background-image: url("../img/default/logo-dot-white.png"); } .c-logo--brand { width: 118px; height: 32px; text-indent: -777em; background: url("../img/default/logo-main.png") no-repeat; background-size: cover; } /* Iframes ========================================================================== */ .c-iframe-responsive { overflow: hidden; position: relative; height: 0; padding-bottom: 56.25%; padding-top: 35px; } .c-iframe-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* Contents ========================================================================== */ /* Heads ========================================================================== */ .t-head { margin: 0; } .t-head--ico { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; } .t-head--ico .t-head__ico { flex-shrink: 0; margin-right: 25px; } @media (max-width: 1460px) { .t-head--ico .t-head__ico { margin-right: 15px; } } @media (max-width: 1460px) { .t-head--ico .t-head__ico img { max-width: 60px; } } @media (max-width: 1024px) { .t-head--ico .t-head__ico img { max-width: 40px; } } .t-head--main { margin: 45px 0; font-size: 4rem; font-weight: 400; text-transform: uppercase; line-height: 1.2; } @media (max-width: 1460px) { .t-head--main { margin: 30px 0; font-size: 3rem; } } @media (max-width: 480px) { .t-head--main { font-size: 2.4rem; } } .t-head--main + .t-head--normal, .t-head--main + .t-head--alt { margin-top: -38px; } @media (max-width: 1460px) { .t-head--main + .t-head--normal, .t-head--main + .t-head--alt { margin-top: -25px; } } .t-head--main--alt { font-size: 3.5rem; margin-bottom: 25px; } @media (max-width: 1460px) { .t-head--main--alt { font-size: 3rem; } } .t-head--main--alt + .t-head--normal, .t-head--main--alt + .t-head--alt { margin-top: -20px; } @media (max-width: 1460px) { .t-head--main--alt + .t-head--normal, .t-head--main--alt + .t-head--alt { margin-top: -15px; } } .t-head--primary { margin: 25px 0; font-size: 3.8rem; font-weight: 400; text-transform: uppercase; line-height: 1.2; } @media (max-width: 1460px) { .t-head--primary { font-size: 3.4rem; } } @media (max-width: 1240px) { .t-head--primary { font-size: 2.8rem; } } @media (max-width: 1024px) { .t-head--primary { font-size: 2.4rem; } } @media (max-width: 670px) { .t-head--primary { margin: 20px 0; } } .t-head--normal { margin: 25px 0; font-size: 2.4rem; font-weight: 400; line-height: 1.2; } @media (max-width: 1460px) { .t-head--normal { font-size: 2.2rem; } } @media (max-width: 1024px) { .t-head--normal { font-size: 2rem; } } @media (max-width: 670px) { .t-head--normal { font-size: 1.6rem; } } .t-head--normal + .t-content-text { margin-top: -25px; } .t-head--alt { margin: 45px 0; font-size: 3.8rem; font-weight: 400; line-height: 1.2; } @media (max-width: 1240px) { .t-head--alt { margin: 40px 0; font-size: 3.4rem; } } @media (max-width: 1024px) { .t-head--alt { margin: 30px 0; font-size: 2.6rem; } } @media (max-width: 670px) { .t-head--alt { margin: 15px 0; font-size: 2rem; } } .t-head--special { margin: 25px 0; font-size: 2.4rem; font-weight: 400; line-height: 1.2; } @media (max-width: 1240px) { .t-head--special { font-size: 2.2rem; } } .t-head--special + .t-content-text--close { margin-top: -25px; } @media (max-width: 1240px) { .t-head--special + .t-content-text--close { margin-top: -10px; } } .t-head--dif { margin: 40px 0; font-size: 4.8rem; font-weight: 400; text-transform: uppercase; line-height: 1; } @media (max-width: 1460px) { .t-head--dif { margin: 20px 0; font-size: 3.4rem; } } @media (max-width: 1024px) { .t-head--dif { font-size: 3rem; } } @media (max-width: 480px) { .t-head--dif { font-size: 2.4rem; } } .t-head--label { margin: 10px 0; font-size: 1.6rem; font-weight: 700; line-height: 1.2; } .t-head--page { margin-bottom: 15px; padding-bottom: 45px; border-bottom: 1px solid #333132; } @media (max-width: 1460px) { .t-head--page { padding-bottom: 20px; } } .t-head--comp { margin: 10px 0; font-size: 1.8rem; font-weight: 400; line-height: 1.2; } .t-head--default { margin: 15px 0; font-size: 1.4rem; font-weight: 400; line-height: 1.4; } .t-head--category-title { margin: 25px 0; font-size: 3.2rem; font-weight: 400; line-height: 1.2; } @media (max-width: 1460px) { .t-head--category-title { font-size: 2.6rem; } } @media (max-width: 1024px) { .t-head--category-title { font-size: 2.4rem; } } @media (max-width: 1024px) { .t-head--category-title { font-size: 2rem; } } .t-head--category-title + .t-content-text { margin-top: -25px; } /* Heads outer ========================================================================== */ .t-head-outer { margin: 50px 0; } @media (max-width: 1460px) { .t-head-outer { margin: 30px 0; } } @media (max-width: 480px) { .t-head-outer { margin: 25px 0; } } .t-head-outer--default { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin-top: 0; margin-bottom: 1px; padding: 10px 30px; color: #ed2436; background: #f3f3f3; } @media (max-width: 1024px) { .t-head-outer--default { padding-left: 20px; padding-right: 20px; } } /* Contents ========================================================================== */ .t-content-text--default { margin: 25px 0; font-size: 1.8rem; font-style: normal; line-height: 1.5; } @media (max-width: 1460px) { .t-content-text--default { font-size: 1.6rem; } } @media (max-width: 1200px) { .t-content-text--default { font-size: 1.4rem; line-height: 1.3; } } @media (max-width: 670px) { .t-content-text--default { margin: 10px 0; font-size: 1.4rem; } } .t-content-text--default h2 { font-size: 3.2rem; font-weight: 400; line-height: 1.2; text-transform: uppercase; } @media (max-width: 1460px) { .t-content-text--default h2 { font-size: 2.4rem; } } @media (max-width: 670px) { .t-content-text--default h2 { font-size: 2rem; } } .t-content-text--default h3 { padding-bottom: 20px; font-size: 2.4rem; font-weight: 400; line-height: 1.2; border-bottom: 1px solid #c2c2c2; color: #ed2436; } @media (max-width: 1460px) { .t-content-text--default h3 { font-size: 2rem; } } @media (max-width: 670px) { .t-content-text--default h3 { font-size: 1.8rem; padding-bottom: 15px; } } .t-content-text--default h4 { font-size: 1.8rem; font-weight: 400; } @media (max-width: 1460px) { .t-content-text--default h4 { font-size: 1.6rem; } } .t-content-text--default ul { list-style: none; padding: 0; } .t-content-text--default ul li { margin-bottom: 15px; } .t-content-text--default ul li:last-child { margin-bottom: 0; } .t-content-text--default ul, .t-content-text--default h2, .t-content-text--default h3, .t-content-text--default h4, .t-content-text--default p { margin: 25px 0; } @media (max-width: 670px) { .t-content-text--default ul, .t-content-text--default h2, .t-content-text--default h3, .t-content-text--default h4, .t-content-text--default p { margin: 10px 0; } } @media (max-width: 670px) { .t-content-text--default h2 { margin: 25px 0; } } .t-content-text--default--size-s, .t-content-text--default--size-l { font-size: 1.6rem; } @media (max-width: 1200px) { .t-content-text--default--size-s, .t-content-text--default--size-l { font-size: 1.4rem; } } .t-content-text--default--size-m { font-size: 1.4rem; } .t-content-text--default--size-m ul, .t-content-text--default--size-m h2, .t-content-text--default--size-m h3, .t-content-text--default--size-m h4, .t-content-text--default--size-m p { margin: 15px 0; } .t-content-text--default--h-s { line-height: 1.3; } /* Blocks ========================================================================== */ /* Blocks ========================================================================== */ .b-coffer { margin: 40px 0; } @media (max-width: 1460px) { .b-coffer { margin: 20px 0; } } .b-languages__title { margin: 0 0 28px 0; font-size: 2.4rem; font-weight: 700; text-transform: uppercase; line-height: 1; } @media (max-width: 1024px) { .b-languages__title { margin-bottom: 20px; font-size: 1.8rem; } } @media (max-width: 480px) { .b-languages__title { margin-bottom: 15px; font-size: 1.6rem; } } .b-sub-menu { -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; } .b-sub-menu:before { position: absolute; top: 0; left: 50%; margin-left: -2000px; z-index: 2; content: ''; width: 4000px; height: 10px; box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 1, 0.2); } .b-sub-menu:after { position: absolute; top: 0; left: 50%; margin-left: -2000px; z-index: -1; content: ''; width: 4000px; height: 100%; background: #fff; box-shadow: 0px 5px 5px 0px rgba(0, 0, 1, 0.2); } @media (max-width: 950px) { .b-sub-menu:after, .b-sub-menu:before { display: none; } } .b-sub-menu__cols { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; } @media (max-width: 950px) { .b-sub-menu__cols { display: block; } } .b-sub-menu__nav { width: 14.600%; } @media (max-width: 950px) { .b-sub-menu__nav { width: auto; } } .b-sub-menu__main { width: 58%; padding-left: 45px; padding-top: 45px; padding-bottom: 45px; } @media (max-width: 1460px) { .b-sub-menu__main { padding: 30px 0 30px 15px; } } @media (max-width: 1240px) { .b-sub-menu__main { width: 85.400%; } } @media (max-width: 950px) { .b-sub-menu__main { width: auto; padding: 0; display: none; } } .b-sub-menu__sidebar { width: 27.400%; padding-top: 33px; padding-bottom: 33px; } @media (max-width: 1460px) { .b-sub-menu__sidebar { padding: 30px 0; } } @media (max-width: 1024px) { .b-sub-menu__sidebar { display: none; } } .b-sub-menu__content { display: none; } /*@media (max-width: 1024px) {*/ /* .b-sub-menu__content {*/ /* display: block; } }*/ .b-sub-menu__content.is-active { display: block; } .b-sub-menu .b-product-short__pic { height: 210px; } .b-sub-menu .b-product-short__pic img { max-height: 210px; } .b-sub-menu--alt { overflow: hidden; padding: 40px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 1, 0.2); background: #fff; } @media (max-width: 1460px) { .b-sub-menu--alt { padding: 20px; } } @media (max-width: 950px) { .b-sub-menu--alt { padding: 0; box-shadow: none; background: none; } } .b-sub-menu--alt:after { display: none; } .b-sub-menu--alt:before { top: 0; left: 0; margin-left: 0; width: 100%; height: 10px; background: none; box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 1, 0.2); } @media (max-width: 1460px) { .b-sub-menu--alt:before { top: 2px; } } @media (max-width: 950px) { .b-sub-menu--alt:before { display: none; } } .b-main-category { position: relative; display: block; overflow: hidden; height: 600px; } @media (max-width: 1460px) { .b-main-category { height: 400px; } } @media (max-width: 767px) { .b-main-category { height: 350px; } } @media (max-width: 670px) { .b-main-category { height: 300px; } } @media (max-width: 480px) { .b-main-category { height: 250px; } } .b-main-category__bg { position: relative; z-index: 5; display: block; height: 600px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; } @media (max-width: 1460px) { .b-main-category__bg { height: 400px; } } @media (max-width: 767px) { .b-main-category__bg { height: 350px; } } @media (max-width: 670px) { .b-main-category__bg { height: 300px; } } @media (max-width: 480px) { .b-main-category__bg { height: 250px; } } .b-main-category__title { position: absolute; bottom: 98px; left: 0; z-index: 10; margin: 0; padding: 70px 0; width: 100%; height: 200px; text-align: center; background: rgba(0, 0, 0, 0.15); -webkit-transition: -webkit-transform 200ms ease-in-out; transition: -webkit-transform 200ms ease-in-out; transition: transform 200ms ease-in-out; transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; } @media (max-width: 1200px) { .b-main-category__title { bottom: 50px; } } @media (max-width: 670px) { .b-main-category__title { bottom: 20px; height: auto; padding: 40px 0; } } .b-main-category__title__wrap { position: relative; } .b-main-category__title__ico { display: inline-block; margin-right: 8px; vertical-align: middle; } @media (max-width: 670px) { .b-main-category__title__ico { display: block; height: 50px; margin: 0 auto; } } .b-main-category__title__ico img { display: block; } @media (max-width: 670px) { .b-main-category__title__ico img { margin: 0 auto; } } .b-main-category__title__label { display: inline-block; font-size: 2.8rem; font-weight: 700; line-height: 1; text-transform: uppercase; vertical-align: middle; color: #fff; } @media (max-width: 1200px) { .b-main-category__title__label { font-size: 2.4rem; } } @media (max-width: 1024px) { .b-main-category__title__label { font-size: 2rem; } } @media (max-width: 670px) { .b-main-category__title__label { font-size: 1.6rem; } } .b-main-category:hover .b-main-category__bg { -webkit-transform: scale(1.1); transform: scale(1.1); } .b-main-category:hover .b-main-category__title { -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1460px) { .b-main-category:hover .b-main-category__title { -webkit-transform: translateY(-30%); transform: translateY(-30%); } } .b-short-category { display: table; table-layout: fixed; width: 100%; vertical-align: top; } .b-short-category__pic { display: table-cell; width: 40%; margin: 0; vertical-align: top; } .b-short-category__pic img { display: block; max-width: 72%; max-height: 100px; margin: 0 auto; } .b-short-category__content { display: table-cell; width: 55%; vertical-align: top; } .b-short-category__title { margin: 0 0 10px 0; font-size: 1.6rem; font-weight: 700; line-height: 1.1; text-transform: uppercase; color: #ed2436; } .b-short-category__title a { color: #ed2436; } .b-short-category__title a:hover { color: #333132; } .b-short-category__list__item { margin-bottom: 3px; font-size: 1.6rem; line-height: 1.2; } .b-short-category__list__item a:hover { color: #ed2436; } .b-short-category__list__item:last-child { margin-bottom: 0; } .b-text-image__pic { position: relative; display: block; margin: 0; } .b-text-image__pic img { display: block; } .b-text-image__pic--full { height: calc(100vh - 150px); min-height: 400px; } @media (max-width: 1460px) { .b-text-image__pic--full { height: calc(100vh - 120px); } } @media (max-width: 1460px) { .p-has-breadcrumbs .b-text-image__pic--full { height: calc(100vh - 130px); } } @media (max-width: 767px) { .b-text-image__pic--full { height: calc(40vw); } } .b-text-image__pic--fill { width: 100%; height: 100%; } .b-text-image__pic--fill--alt { background-position: 50% 30%; } /* Default ========================================================================== */ @media (max-width: 1024px) { .b-text-image--default { display: block; } } .b-text-image--default .b-text-image__sidebar, .b-text-image--default .b-text-image__pic { -webkit-box-ordinal-group: 3; order: 2; margin: 0; width: 50%; } @media (max-width: 1024px) { .b-text-image--default .b-text-image__sidebar, .b-text-image--default .b-text-image__pic { width: auto; margin-bottom: 25px; } } @media (max-width: 670px) { .b-text-image--default .b-text-image__sidebar, .b-text-image--default .b-text-image__pic { margin-bottom: 25px; } } @media (max-width: 1024px) { .b-text-image--default .b-text-image__pic img { width: 100%; } } .b-text-image--default .b-text-image__content { -webkit-box-ordinal-group: 2; order: 1; width: 50%; padding-right: 20px; } @media (max-width: 1024px) { .b-text-image--default .b-text-image__content { padding-right: 0; width: auto; } } .b-text-image--default .b-text-image__content .t-head--main { margin-bottom: 37px; } @media (max-width: 1024px) { .b-text-image--default .b-text-image__content .t-head--main { margin-bottom: 22px; } } @media (max-width: 670px) { .b-text-image--default .b-text-image__content .t-head--main { margin-bottom: 10px; } } .b-text-image--default .b-text-image__content .c-list--actions { margin-top: 23px; } @media (max-width: 670px) { .b-text-image--default .b-text-image__content .c-list--actions { margin-top: 8px; } } /* Primary ========================================================================== */ .b-text-image--primary { position: relative; margin-bottom: 1px; color: #fff; } @media (max-width: 767px) { .b-text-image--primary { color: #333132; } } @media (max-width: 670px) { .b-text-image--primary { margin-bottom: 15px; } } .b-text-image--primary .b-text-image__pic img { width: 100%; } @media (max-width: 767px) { .b-text-image--primary .b-text-image__pic--fill { height: 45vw; } } .b-text-image--primary .b-text-image__ico { margin: 0 0 25px 0; } .b-text-image--primary .b-text-image__ico:last-child { margin-bottom: 0; } .b-text-image--primary .b-text-image__ico img { max-height: 60px; } .b-text-image--primary .b-text-image__ico--alt { text-align: right; } .b-text-image--primary .b-text-image__main { position: absolute; left: 0; bottom: 0; width: 100%; } @media (max-width: 767px) { .b-text-image--primary .b-text-image__main { position: relative; } } .b-text-image--primary .b-text-image__main .l-inner { padding-left: 0; padding-right: 0; } .b-text-image--primary .b-text-image__main__wrap { padding-top: 20px; padding-bottom: 20px; padding-left: 35px; padding-right: 35px; } @media (max-width: 1240px) { .b-text-image--primary .b-text-image__main__wrap { padding-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { .b-text-image--primary .b-text-image__main__wrap { padding-top: 20px; padding-bottom: 20px; } } .b-text-image--primary .b-text-image__main__wrap--alt { background: rgba(0, 0, 0, 0.4); } @media (max-width: 767px) { .b-text-image--primary .b-text-image__main__wrap--alt { background: none; } } .b-text-image--primary .b-text-image__main__wrap--primary { padding: 90px; padding: 90px; } @media (max-width: 1700px) { .b-text-image--primary .b-text-image__main__wrap--primary { padding: 60px; } } @media (max-width: 1460px) { .b-text-image--primary .b-text-image__main__wrap--primary { padding: 40px; } } @media (max-width: 767px) { .b-text-image--primary .b-text-image__main__wrap--primary { padding: 20px; } } .b-text-image--primary .b-text-image__main--tl { left: 0; right: auto; top: 0; bottom: auto; } @media (max-width: 767px) { .b-text-image--primary .b-text-image__content { position: relative; } } .b-text-image--primary .b-text-image__content .t-head { margin-bottom: 10px; } @media (max-width: 1024px) { .b-text-image--primary .b-text-image__content .t-head { margin-bottom: 15px; } } .b-text-image--primary .b-text-image__content .t-content-text { margin-top: 15px; margin-bottom: 35px; line-height: 1.3; } .b-text-image--primary .b-text-image__content .t-content-text:last-child { margin-bottom: 0; } @media (max-width: 1024px) { .b-text-image--primary .b-text-image__content .t-content-text { margin-bottom: 25px; } } @media (max-width: 670px) { .b-text-image--primary .b-text-image__content .t-content-text { margin: 15px 0; } } @media (max-width: 1024px) { .b-text-image--primary .b-text-image__content .t-head, .b-text-image--primary .b-text-image__content .t-content-text { max-width: 100%; } } .b-text-image--primary .c-list--logos { position: absolute; bottom: 20px; right: 20px; } @media (max-width: 1460px) { .b-text-image--primary .c-list--logos { bottom: 10px; } } .b-text-image--primary--inverse .b-text-image__content { color: #000000; } /* Primary ========================================================================== */ @media (max-width: 767px) { .b-text-image--feature-graphic .t-head { display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; height: 60px; margin-left: 70px; } } @media (max-width: 767px) { .b-text-image--feature-graphic__ico { position: absolute; top: 0; left: 0; } } /* Default ========================================================================== */ .b-teaser-smart { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; align-content: center; width: 50%; padding-left: 75px; color: #fff; } @media (max-width: 1460px) { .b-teaser-smart { padding-right: 50px; } } @media (max-width: 950px) { .b-teaser-smart { width: 100%; padding: 0; } } .b-teaser-smart .t-head--main { margin-bottom: 25px; font-size: 5rem; } @media (max-width: 1460px) { .b-teaser-smart .t-head--main { font-size: 3.7rem; } } @media (max-width: 1240px) { .b-teaser-smart .t-head--main { font-size: 3.4rem; } } @media (max-width: 1024px) { .b-teaser-smart .t-head--main { margin: 25px 0; font-size: 3rem; } .b-teaser-smart .t-head--main:first-child { margin-top: 0; } } @media (max-width: 480px) { .b-teaser-smart .t-head--main { font-size: 2.4rem; } } @media (max-width: 670px) { .b-teaser-smart .t-head--main { margin-bottom: 15px; } } .b-teaser-smart__desc { font-size: 2.4rem; line-height: 1.3; margin: 0 0 35px 0; } @media (max-width: 670px) { .b-teaser-smart__desc { margin-bottom: 20px; } } @media (max-width: 1700px) { .b-teaser-smart__desc { font-size: 2.2rem; } } @media (max-width: 1460px) { .b-teaser-smart__desc { font-size: 1.8rem; } } @media (max-width: 1240px) { .b-teaser-smart__desc { font-size: 1.8rem; } } @media (max-width: 767px) { .b-teaser-smart__desc { font-size: 1.8rem; } } @media (max-width: 670px) { .b-teaser-smart__desc { font-size: 1.6rem; } } .b-teaser-smart .row .b-teaser-smart__desc { font-size: 1.8rem; } @media (max-width: 1700px) { .b-teaser-smart .row .b-teaser-smart__desc { font-size: 1.6rem; } } .b-teaser-smart__btn { margin: 0; } .b-teaser-smart .c-list--actions--full { display: inline-block; } .b-teaser-smart .c-list--actions--full .c-btn { text-align: left; } .b-teaser-smart .c-btn__wrap { -webkit-box-pack: start; justify-content: flex-start; } /* Inverse ========================================================================== */ .b-teaser-smart--inverse { padding-left: 0; padding-right: 70px; } @media (max-width: 767px) { .b-teaser-smart--inverse { padding-right: 0; } } /* Hero ========================================================================== */ .b-teaser-smart--hero { padding-left: 0; padding-right: 3.64583vw; } @media (max-width: 767px) { .b-teaser-smart--hero { padding-right: 0; } } .b-teaser-smart--hero .t-head--main { margin-bottom: 30px; } @media (max-width: 1700px), (max-height: 850px) { .b-teaser-smart--hero .t-head--main { margin-bottom: 20px; } } @media (max-height: 850px) { .b-teaser-smart--hero .t-head--main { font-size: 3rem; } } @media (max-width: 1460px) { .b-teaser-smart--hero .t-head--main { margin-bottom: 25px; } } @media (max-width: 1200px) { .b-teaser-smart--hero .t-head--main br { display: none; } } .b-teaser-smart--hero .b-teaser-smart__desc { font-size: 1.8rem; } @media (max-width: 1460px) { .b-teaser-smart--hero .b-teaser-smart__desc { margin-bottom: 20px; font-size: 1.6rem; } } .b-teaser-smart--hero .b-teaser-smart__btn { margin-top: 30px; } @media (max-width: 1700px), (max-height: 850px) { .b-teaser-smart--hero .b-teaser-smart__btn { margin-top: 20px; } } @media (max-width: 1460px) { .b-teaser-smart--hero .b-teaser-smart__btn { margin-top: 25px; } } /* Global ========================================================================== */ .b-article { position: relative; } .b-article__pic { overflow: hidden; margin: 0; } .b-article__pic img { display: block; width: 100%; -webkit-transition: -webkit-transform 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } .b-article__link { position: relative; display: block; } .b-article__link:hover .b-article__pic img { -webkit-transform: scale(1.2); transform: scale(1.2); } /* Default & Primary pic ========================================================================== */ .b-article--primary .b-article__title, .b-article--default .b-article__title { margin: 0 0 24px 0; font-size: 2.4rem; font-weight: 400; line-height: 1.2; } @media (max-width: 1460px) { .b-article--primary .b-article__title, .b-article--default .b-article__title { font-size: 2.2rem; margin-bottom: 15px; } } @media (max-width: 767px) { .b-article--primary .b-article__title, .b-article--default .b-article__title { margin-bottom: 15px; font-size: 1.8rem; } } /* Default ========================================================================== */ .b-article--default .b-article__pic { margin: 0 0 24px 0; } @media (max-width: 1460px) { .b-article--default .b-article__pic { margin-bottom: 15px; } } @media (max-width: 767px) { .b-article--default .b-article__pic { margin-bottom: 15px; } } .b-article--default .b-article__desc { margin: 0; font-size: 1.8rem; text-align: justify; } @media (max-width: 1460px) { .b-article--default .b-article__desc { font-size: 1.6rem; } } @media (max-width: 767px) { .b-article--default .b-article__desc { font-size: 1.4rem; } } .b-article--default .b-article__desc p { margin: 0; } .b-article--default .b-article__btn { margin-top: 20px; } .b-article--default:hover .b-article__title { color: #ed2436; } /* Primary ========================================================================== */ .b-article--primary .b-article__content { position: absolute; left: 0; bottom: 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; width: 100%; height: 210px; padding: 0 55px; color: #fff; background: rgba(0, 0, 0, 0.3); -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; } @media (max-width: 1460px) { .b-article--primary .b-article__content { height: 180px; } } @media (max-width: 1024px) { .b-article--primary .b-article__content { padding-left: 20px; padding-right: 20px; } } .b-article--primary:hover .b-article__content { background: rgba(0, 0, 0, 0.5); } .b-brand { overflow: hidden; position: relative; } .b-brand__pic { display: block; width: 100%; height: 600px; background-position: 50% 100%; } @media (max-width: 1460px) { .b-brand__pic { height: 400px; } } .b-brand__content { position: absolute; top: 65px; left: 0; width: 100%; padding: 34px; background: rgba(255, 255, 255, 0.8); } @media (max-width: 1460px) { .b-brand__content { top: 25px; padding: 20px; } } .b-brand__logo { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 150px; margin: 0; } @media (max-width: 1460px) { .b-brand__logo { height: 120px; } } .b-brand__logo img { display: block; max-height: 85px; margin-left: auto; margin-right: auto; } .b-brand__desc { max-height: 0; overflow: hidden; font-size: 1.6rem; line-height: 1.2; -webkit-transition: max-height 0.15s ease-out; transition: max-height 0.15s ease-out; } @media (max-width: 1460px) { .b-brand__desc { font-size: 1.4rem; } } @media (max-width: 1024px) { .b-brand__desc { max-height: 500px; } } .b-brand__desc p { margin: 0; } .b-brand:hover .b-brand__desc { max-height: 300px; -webkit-transition: max-height 0.25s ease-in; transition: max-height 0.25s ease-in; } .b-mouse { position: relative; width: 25px; height: 37px; display: block; cursor: pointer; } @media (max-width: 1024px) { .b-mouse { display: none; } } .b-mouse svg { width: 100%; height: 100%; } .b-mouse:after { position: absolute; left: 50%; bottom: -11px; content: ''; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); opacity: 0; background-image: url(../img/sprite.png); background-position: -201px -157px; width: 12px; height: 6px; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; -webkit-animation-name: mouseanimate; animation-name: mouseanimate; -webkit-animation-duration: 900ms; animation-duration: 900ms; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-play-state: running; animation-play-state: running; } .b-mouse--alt { width: 19px; height: 27px; margin: 0 auto; } .b-mouse--alt:after { background-image: url(../img/sprite.png); background-position: -158px -163px; width: 12px; height: 6px; } @-webkit-keyframes mouseanimate { 0% { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } 100% { -webkit-transform: translate3d(-50%, 5px, 0); transform: translate3d(-50%, 5px, 0); } } @keyframes mouseanimate { 0% { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } 100% { -webkit-transform: translate3d(-50%, 5px, 0); transform: translate3d(-50%, 5px, 0); } } .b-box--about-us .t-head { margin-bottom: 30px; } @media (max-width: 480px) { .b-box--about-us .t-head { margin-bottom: 15px; } } .b-box--quality { position: relative; display: -webkit-box; display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; height: 100%; color: #fff; } @media (max-width: 1024px) { .b-box--quality { display: block; color: #333132; } } .b-box--quality__main { -webkit-box-flex: 1; flex-grow: 1; } .b-box--quality__content { position: absolute; top: 0; left: 0; height: 100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; opacity: 0; visibility: hidden; -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out, -webkit-transform 300ms ease-in-out; transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out, -webkit-transform 300ms ease-in-out; transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out, transform 300ms ease-in-out; transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out, transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } @media (max-width: 1024px) { .b-box--quality__content { position: relative; display: none; height: auto; text-align: center; opacity: 1; visibility: hidden; } } .b-box--quality__content.is-active { opacity: 1; visibility: visible; } @media (max-width: 1024px) { .b-box--quality__content.is-active { display: block; } } .b-box--quality__pagin { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 72px; margin-left: -120px; margin-right: 80px; flex-shrink: 0; } @media (max-width: 1024px) { .b-box--quality__pagin { width: auto; margin-left: auto; margin-right: auto; margin-bottom: 30px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: start; align-items: flex-start; flex-wrap: wrap; } } @media (max-width: 670px) { .b-box--quality__pagin { max-width: 300px; } } .b-box--quality__pagin__item { position: relative; width: 72px; height: 72px; margin-bottom: 30px; cursor: pointer; } @media (max-width: 1024px) { .b-box--quality__pagin__item { margin-bottom: 0; margin-right: 10px; } } @media (max-width: 670px) { .b-box--quality__pagin__item { margin-bottom: 10px; } } .b-box--quality__pagin__item:last-child { margin-bottom: 0; } .b-box--quality__pagin__item:hover .b-box--quality__pagin__ico svg, .b-box--quality__pagin__item.is-active .b-box--quality__pagin__ico svg { fill: #ed2436; } .b-box--quality__pagin__ico { position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 72px; height: 72px; border-radius: 50%; background: #fff; } @media (max-width: 1024px) { .b-box--quality__pagin__ico { background: rgba(51, 49, 50, 0.2); } } .b-box--quality__pagin__ico svg { max-height: 30px; fill: #333132; } .b-box--quality__pagin__timer { position: absolute; top: 6px; left: 6px; z-index: 100; width: 60px; height: 60px; } .b-where-buy { padding: 120px 0 0 0; color: #fff; } @media (max-width: 1460px) { .b-where-buy { padding-top: 90px; } } @media (max-width: 950px) { .b-where-buy { padding: 40px 20px; color: #333132; } } @media (max-width: 670px) { .b-where-buy { padding: 20px; } } .b-where-buy__btn-expand { position: absolute; top: 40px; right: 0; } @media (max-width: 950px) { .b-where-buy__btn-expand { display: none; } } .b-where-buy .u-paint-2 a.b-where-buy .u-paint-2:hover { color: #fff; } .b-where-buy .t-head--alt { margin-top: 0; margin-bottom: 40px; } @media (max-width: 1240px) { .b-where-buy .t-head--alt { margin-bottom: 25px; } } @media (max-width: 670px) { .b-where-buy .t-head--alt { margin-bottom: 15px; } } .b-where-buy .f-label { color: #fff; } @media (max-width: 950px) { .b-where-buy .f-label { color: #333132; } } .b-where-buy .f-control { color: #fff; border-color: #fff; } .b-where-buy .f-control option { color: #333132; } @media (max-width: 950px) { .b-where-buy .f-control { color: #333132; border-color: #333132; } } .b-where-buy .c-ico { fill: #fff; } @media (max-width: 950px) { .b-where-buy .custom-select-outer .c-ico { fill: #333132; } } @media (max-width: 950px) { .b-where-buy .u-bg-2 { border-color: #ed2436; background: #fff; } .b-where-buy .u-bg-2 .c-ico { fill: #ed2436; } .b-where-buy .u-bg-2:hover { background: #ed2436; } } @media (max-width: 950px) { .b-where-buy .u-paint-2 { color: #ed2436; } .b-where-buy button.u-paint-2:hover, .b-where-buy a.u-paint-2:hover { color: #fff; } } .b-shop--teaser { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex-grow: 1; } .b-shop--teaser .b-shop__btn { margin: 0; } .b-shop--teaser .b-shop__btn .c-btn { width: 190px; text-align: center; } .b-shop--teaser .t-head { -webkit-box-flex: 1; flex-grow: 1; margin: 0 0 10px 0; color: #ed2436; } @media (max-width: 1240px) { .b-shop--teaser .t-head { margin-bottom: 5px; } } .b-shop--teaser .t-content-text { width: 100%; -webkit-box-flex: 5; flex-grow: 5; margin: 0 0 10px 0; } .b-shop--main .b-shop__btn { margin-top: 15px; } .b-contact__title, .b-contact__sub-title { line-height: 1.2; } .b-contact__title { margin: 0 0 30px 0; font-size: 1.8rem; font-weight: 400; } @media (max-width: 1460px) { .b-contact__title { font-size: 2rem; } } .b-contact__sub-title { margin: 0; font-size: 3.2rem; font-weight: 400; text-transform: uppercase; } @media (max-width: 1460px) { .b-contact__sub-title { font-size: 2rem; } } .b-contact__desc { margin-bottom: 30px; font-size: 2.4rem; } @media (max-width: 1460px) { .b-contact__desc { font-size: 1.6rem; } } .b-contact__desc p { margin: 0; } .b-form-thanks { margin: 60px 0; color: #ed2436; } @media (max-width: 1460px) { .b-form-thanks { margin: 30px 0; } } .b-form-thanks__title { margin: 0 0 5px 0; font-size: 3rem; font-weight: 700; } @media (max-width: 1460px) { .b-form-thanks__title { font-size: 2.2rem; } } .b-form-thanks__desc { margin: 0; font-size: 2rem; } @media (max-width: 1460px) { .b-form-thanks__desc { font-size: 1.4rem; } } .b-product-color { text-align: center; } .b-product-color__pic { display: block; margin: 0 0 5px 0; } .b-product-color__name { margin: 0; font-size: 1.4rem; font-weight: 300; line-height: 1; } .b-product-desc__head-wrapper { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 1100px) { .b-product-desc__pic { display: none; } } .b-product-desc__pic img { display: block; max-height: 200px; margin: 0 auto; } .b-product-desc__sub-title { margin: 0 0 12px 0; font-size: 2.4rem; font-weight: 400; line-height: 1.2; } @media (max-width: 1460px) { .b-product-desc__sub-title { font-size: 1.8rem; } } .b-product-desc__label { margin: 16px 0 12px 0; font-size: 1.8rem; font-weight: 400; line-height: 1.2; } @media (max-width: 1460px) { .b-product-desc__label { font-size: 1.6rem; } } .b-product-desc__features { margin-bottom: 12px; font-size: 1.8rem; } @media (max-width: 1460px) { .b-product-desc__features { font-size: 1.6rem; } } .b-product-desc__features__item { margin-bottom: 0px; } .b-product-desc__features--alt { color: #ed2436; } .b-product-desc .t-head--category-title { margin-bottom: 5px; } .b-product-desc .c-list--ico-text { margin-top: 22px; margin-bottom: 0px; } .b-product-desc .b-ico-text__name { font-size: 1.6rem; } .b-product-short { display: block; position: relative; height: 100%; padding-top: 30px; padding-left: 30px; padding-right: 30px; } @media (max-width: 1460px) { .b-product-short { padding: 15px; } } .b-product-short__pic { margin: 0 0 10px 0; height: 180px; } .b-product-short__pic img { display: block; margin: 0 auto; max-height: 180px; } .b-product-short__title, .b-product-short__sub-title { margin: 0; font-size: 1.5rem; line-height: 1; } .b-product-short__title { margin: 0 0 3px 0; font-weight: 700; } .b-product-short__sub-title { margin: 0 0 10px 0; font-weight: 400; } .b-product-short__features { margin-bottom: 25px; } .b-product-short__features__item { margin-bottom: 3px; font-size: 1.4rem; line-height: 1.1; color: #ed2436; } .b-product-short__features__item:last-child { margin-bottom: 0; } .b-product-short__btn { position: relative; z-index: 10; margin: 0; } .b-product-short .c-list--ico-text, .b-product-short .t-head--label { margin-top: 10px; margin-bottom: 10px; } .b-product-short .c-list--ico-text { margin-top: 15px; } .b-product-short .c-label--latest { position: absolute; top: 0; left: 0; } .b-product-short--alt { height: auto; padding-bottom: 20px; } .b-product-short--latest { background: #f3f3f3; } .b-product-help { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; padding: 30px; text-align: center; color: #fff; background: #ed2436 url("../img/default/bg-product-help.jpg") no-repeat 50% 0; background-size: cover; } @media (max-width: 670px) { .b-product-help { padding: 20px 15px; } } .b-product-help__title { margin: 0 0 30px 0; font-size: 5rem; font-weight: 400; text-transform: uppercase; line-height: 1; } @media (max-width: 1024px) { .b-product-help__title { margin-bottom: 15px; font-size: 3.4rem; } } @media (max-width: 670px) { .b-product-help__title { font-size: 2.4rem; } } .b-product-help__desc { margin: 0; font-size: 2rem; font-weight: 400; line-height: 1.5; } @media (max-width: 1024px) { .b-product-help__desc { font-size: 1.4rem; } } .b-product-help .c-list--actions { margin-top: 80px; } @media (max-width: 1024px) { .b-product-help .c-list--actions { margin-top: 40px; } } .b-product-main { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 1100px) { .b-product-main { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .b-product-main__col--main { width: 54.150%; } @media (max-width: 1460px) { .b-product-main__col--main { width: 49%; } } @media (max-width: 1100px) { .b-product-main__col--main { width: 100%; -webkit-box-ordinal-group: 3; order: 2; margin-top: 25px; } } .b-product-main__col--sidebar { width: 45.85%; padding-left: 25px; } @media (max-width: 1460px) { .b-product-main__col--sidebar { width: 49%; padding-left: 0; } } @media (max-width: 1100px) { .b-product-main__col--sidebar { width: 100%; padding-left: 0; -webkit-box-ordinal-group: 2; order: 1; } } .b-product-main__scroller__inner { height: calc(100vh - 120px); overflow-x: hidden; overflow-y: auto; } @media (max-width: 1100px) { .b-product-main__scroller__inner { height: auto; } } .b-product-main__scroller__inner .mCSB_scrollTools { width: 15px; } .b-product-main__scroller__inner .mCSB_inside > .mCSB_container { margin-right: 18px; } .b-product-point { position: relative; display: -webkit-box; display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; } @media (max-width: 480px) { .b-product-point { display: block; } } .b-product-point__pic { flex-shrink: 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 30%; margin-right: 0; padding: 5px; } @media (max-width: 950px) { .b-product-point__pic { width: 20%; -webkit-box-align: start; align-items: flex-start; padding-top: 0; } } @media (max-width: 480px) { .b-product-point__pic { display: block; width: auto; margin-bottom: 15px; padding: 0; } } .b-product-point__pic img { display: block; flex-shrink: 0; } @media (max-width: 480px) { .b-product-point__pic img { margin-left: auto; margin-right: auto; max-height: 150px; } } .b-product-point__main { width: 60%; padding-left: 30px; } @media (max-width: 950px) { .b-product-point__main { padding-left: 15px; } } @media (max-width: 480px) { .b-product-point__main { width: auto; padding-left: 0; } } .b-product-point__title, .b-product-point__sub-title { margin: 0; line-height: 1; font-weight: 400; } .b-product-point__title { margin: 0 0 15px 0; font-size: 2.4rem; } @media (max-width: 950px) { .b-product-point__title { margin-bottom: 10px; font-size: 2rem; } } .b-product-point__sub-title { margin: 0 0 30px 0; font-size: 1.8rem; } @media (max-width: 950px) { .b-product-point__sub-title { margin-bottom: 15px; font-size: 1.6rem; } } .b-product-point .b-ico-text__ico img { max-height: 50px; max-width: 50px; } @media (max-width: 950px) { .b-product-point .b-ico-text__ico img { max-width: 30px; max-height: 30px; } } .b-product-point .c-btn-outer { margin: 0; } @media (max-width: 480px) { .b-product-point .c-btn-outer { text-align: center; } } .b-product-compare { width: 100%; padding-top: 34px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; text-align: center; } @media (max-width: 1024px) { .b-product-compare { padding-top: 15px; } } .b-product-compare__count, .b-product-compare__btn { margin: 0; } .b-product-compare__btn { margin-top: 15px; margin-bottom: 0; } .b-product-compare__pic { margin: 0 0 20px 0; height: 117px; } .b-product-compare__pic img { max-height: 117px; } .b-product-compare__title, .b-product-compare__sub-title { -webkit-box-flex: 1; flex-grow: 1; margin: 0; font-weight: 400; } .b-product-compare__title { margin-bottom: 6px; font-size: 1.8rem; line-height: 1.2; } @media (max-width: 1024px) { .b-product-compare__title { font-size: 1.6rem; } } .b-product-compare__sub-title { font-size: 1.4rem; } .b-product-compare--alt { padding-top: 0; } @media (max-width: 767px) { .b-product-compare--alt { display: block; padding-top: 25px; height: auto !important; } } .b-product-compare--alt .b-product-compare__btn { padding-top: 20px; margin-top: 20px; margin-bottom: 0; border-top: 1px solid #e6e6e6; } @media (max-width: 767px) { .b-product-compare--alt .b-product-compare__btn { margin-top: 15px; padding-top: 15px; } } .b-product-detalis { text-align: left; } @media (max-width: 767px) { .b-product-detalis { -webkit-box-align: start; align-items: flex-start; } } .b-product-detalis__ico { flex-shrink: 0; width: 80px; } @media (max-width: 767px) { .b-product-detalis__ico { width: 60px; } } .b-product-detalis__ico img { max-width: 100%; } .b-product-detalis__main { padding-left: 10px; } .b-product-detalis__title { margin: 0 0 5px 0; font-size: 2rem; font-weight: 700; } @media (max-width: 767px) { .b-product-detalis__title { font-size: 1.6rem; } } .b-product-detalis__sub-title { margin: 0; font-size: 1.4rem; font-weight: 400; } @media (max-width: 767px) { .b-product-detalis__sub-title { font-size: 1.2rem; } } .b-compare-sticky { position: fixed; right: 0; bottom: 0; z-index: 200; width: 320px; border: 1px solid rgba(242, 242, 242, 0.5); background: #f2f2f2; } .b-compare-sticky__title { margin: 0; padding: 8px 20px; font-size: 1.4rem; font-weight: 700; color: #fff; background: #ed2436; } .b-compare-sticky__content { padding: 20px 30px; } .b-history { overflow: hidden; position: relative; margin-top: 80px; } @media (max-width: 1024px) { .b-history { margin-top: 40px; } } @media (max-width: 950px) { .b-history { margin-top: 20px; } } .b-history .mCustomScrollBox { height: auto; padding-top: 100px; } @media (max-width: 1024px) { .b-history .mCustomScrollBox { padding-top: 60px; } } @media (max-width: 950px) { .b-history .mCustomScrollBox { padding-top: 80px; } } .b-history .mCSB_scrollTools.mCSB_scrollTools_horizontal { top: 0; left: 50%; bottom: auto; right: auto; width: 250px; margin-left: -125px; } @media (max-width: 950px) { .b-history .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 50%; width: 200px; margin-left: -100px; text-align: center; } } .b-history .mCSB_scrollTools .mCSB_draggerContainer { top: 10px; bottom: auto; } .b-history .mCSB_scrollTools_year { position: absolute; top: 0; width: 100px; font-size: 3rem; line-height: 1; color: #333132; } @media (max-width: 1024px) { .b-history .mCSB_scrollTools_year { font-size: 2.4rem; } } @media (max-width: 950px) { .b-history .mCSB_scrollTools_year { position: relative; display: inline-block; top: 40px; width: auto; font-size: 1.8rem; } } .b-history .mCSB_scrollTools_year-first { left: -110px; text-align: right; } @media (max-width: 950px) { .b-history .mCSB_scrollTools_year-first { left: 0; text-align: left; } } .b-history .mCSB_scrollTools_year-last { right: -110px; text-align: left; } @media (max-width: 950px) { .b-history .mCSB_scrollTools_year-last { right: 0; } } @media (max-width: 950px) { .b-history .mCSB_scrollTools_year-last:before { display: inline-block; margin: 0 5px; content: '\2014'; } } .b-history .c-list--actions { position: absolute; top: 40px; left: 0; z-index: 20; width: 100%; -webkit-box-pack: justify; justify-content: space-between; padding-left: 60px; padding-right: 60px; } @media (max-width: 950px) { .b-history .c-list--actions { padding-left: 20px; padding-right: 20px; } } .b-history .c-ico--svg--arrow-left, .b-history .c-ico--svg--arrow-right { width: 12px; height: 16px; } .b-history__list { overflow: hidden; overflow-x: auto; position: relative; padding-top: 5px; padding-bottom: 40px; } @media (max-width: 1024px) { .b-history__list { padding-bottom: 0; } } .b-history__list:before { position: absolute; top: 5px; left: 0; display: block; content: ''; width: 100%; height: 2px; background: #fff; } .b-history__list__item { float: left; padding: 0 15px; padding-top: 40px; } @media (max-width: 1024px) { .b-history__list__item { float: none; padding-left: 6px; padding-right: 9px; } } .b-history .slick-slider, .b-history .slick-list { overflow: visible; } .b-history .slick-list { padding-top: 10px; padding-left: 20px; padding-right: 20px; margin-top: -10px; } .b-history .slick-dots { max-width: 220px; margin-left: auto; margin-right: auto; margin-top: 25px; } .b-history-teaser { position: relative; width: 335px; height: 384px; padding: 45px 50px; } @media (max-width: 1460px) { .b-history-teaser { width: 300px; height: 300px; padding: 25px 30px; } } @media (max-width: 1024px) { .b-history-teaser { width: auto; height: 260px; padding: 20px 30px; margin-bottom: 10px; text-align: center; } } .b-history-teaser:before { position: absolute; top: -43px; left: 50%; content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background: #ed2436; } .b-history-teaser:after { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; border: 2px solid #fff; -webkit-transition: background 200ms ease-in-out, box-shadow 200ms ease-in-out, width 200ms ease-in-out, height 200ms ease-in-out, -webkit-transform 200ms ease-in-out; transition: background 200ms ease-in-out, box-shadow 200ms ease-in-out, width 200ms ease-in-out, height 200ms ease-in-out, -webkit-transform 200ms ease-in-out; transition: transform 200ms ease-in-out, background 200ms ease-in-out, box-shadow 200ms ease-in-out, width 200ms ease-in-out, height 200ms ease-in-out; transition: transform 200ms ease-in-out, background 200ms ease-in-out, box-shadow 200ms ease-in-out, width 200ms ease-in-out, height 200ms ease-in-out, -webkit-transform 200ms ease-in-out; } .b-history-teaser__year, .b-history-teaser__desc, .b-history-teaser__pic { position: relative; z-index: 10; } .b-history-teaser__year { margin: 0 0 5px 0; font-size: 2.8rem; font-weight: 400; line-height: 1; } @media (max-width: 1460px) { .b-history-teaser__year { font-size: 2rem; } } @media (max-width: 1024px) { .b-history-teaser__year { margin-bottom: 10px; } } .b-history-teaser__desc { margin: 0 0 30px 0; font-size: 2rem; line-height: 1.2; } @media (max-width: 1460px) { .b-history-teaser__desc { font-size: 1.4rem; } } .b-history-teaser__pic { margin: 0; } .b-history-teaser__pic img { display: block; margin: 0 auto; } @media (max-width: 1460px) { .b-history-teaser__pic img { max-height: 100px; } } .b-history-teaser:hover:after { width: calc(100% + 40px); height: calc(100% + 40px); -webkit-transform: translate3d(-20px, -20px, 0); transform: translate3d(-20px, -20px, 0); background: #fff; box-shadow: 2px 3.5px 10px rgba(27, 23, 26, 0.12); } @media (max-width: 1024px) { .b-history-teaser:hover:after { width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .b-box--article-info { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin: 15px 0; } .b-box--article-info .c-list { margin-top: 0; margin-bottom: 0; } .b-box--article-info + .t-content-text--default { margin-top: 0; } .b-chart-map { overflow: hidden; position: relative; background: #1b1b1b; margin-left: -40px; margin-right: -40px; } @media (max-width: 1200px) { .b-chart-map { margin-left: -20px; margin-right: -20px; } } .b-chart-map__map { float: left; width: 60%; height: 640px; height: calc(100vh - 100px); min-height: 600px; background: #fff; } @media (max-width: 1024px) { .b-chart-map__map { float: none; width: 100%; height: 40vw; min-height: 250px; } } .b-chart-map__map .amcharts-map-image { cursor: pointer; } .b-chart-map__main { float: left; width: 40%; padding: 60px 60px; } @media (max-width: 1700px) { .b-chart-map__main { padding: 30px; } } @media (max-width: 1024px) { .b-chart-map__main { float: none; width: auto; } } .b-chart-map__list { margin-top: 35px; height: calc(60vh); min-height: 380px; } @media (max-width: 1460px) { .b-chart-map__list { height: calc(70vh); } } @media (max-width: 1024px) { .b-chart-map__list { height: auto; min-height: 10px; margin: 20px 0 0 0; } } .b-chart-map__list ul { font-size: 2.2rem; font-weight: 400; line-height: 22px; } @media (max-width: 1700px) { .b-chart-map__list ul { font-size: 1.6rem; } } @media (max-width: 1024px) { .b-chart-map__list ul { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; } } .b-chart-map__list li { margin-bottom: 10px; cursor: pointer; } @media (max-width: 1024px) { .b-chart-map__list li { width: 16.66667%; } } @media (max-width: 950px) { .b-chart-map__list li { width: 25%; } } @media (max-width: 670px) { .b-chart-map__list li { width: 33.33333%; } } @media (max-width: 480px) { .b-chart-map__list li { width: 50%; } } .b-chart-map__list li a { color: #fff; } .b-chart-map__list .selected { font-weight: 700; color: #ed2436; } .b-chart-map__title { margin: 0 0 10px 0; font-size: 3.7rem; font-weight: 400; line-height: 1; text-transform: uppercase; color: #fff; } @media (max-width: 1700px) { .b-chart-map__title { font-size: 2.4rem; } } .b-chart-map__sub-title { margin: 0; font-size: 1.8rem; font-weight: 400; line-height: 1; color: #fff; } @media (max-width: 1700px) { .b-chart-map__sub-title { font-size: 1.6rem; } } .b-chart-map__controls { position: absolute; top: 20px; left: 20px; width: 45px; } @media (max-width: 1024px) { .b-chart-map__controls { display: none; } } .b-chart-map__controls input { display: block; width: 45px; height: 45px; margin-bottom: 5px; font-size: 3.6rem; line-height: 1; border: 0; color: #fff; background: #ed2436; cursor: pointer; } .b-ico-text { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; } .b-ico-text__ico { flex-shrink: 0; margin-right: 10px; } .b-ico-text__ico img { max-height: 45px; } .b-ico-text__name { margin: 0; font-size: 1.3rem; } .b-anim-category { position: relative; width: 1415px; margin: 90px auto 0 auto; } .b-anim-category__list { position: absolute; top: 0; width: 320px; } .b-anim-category__list--left { left: 0; } .b-anim-category__list--right { right: 0; } .b-anim-category__line { position: absolute; display: none; height: 1px; } .b-anim-category__line em { position: absolute; right: 2px; top: -1px; width: 4px; height: 4px; border-radius: 50%; display: block; background: #ed2436; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .b-anim-category__line span { position: relative; display: block; height: 1px; background: #000000; -webkit-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .b-anim-category__box { position: relative; display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: center; justify-content: center; margin-bottom: 50px; } .b-anim-category__box__pic { width: 77px; margin: 0; } .b-anim-category__box__content { width: 243px; } .b-anim-category__box__title { position: relative; margin: 0 0 8px 0; font-size: 2rem; font-weight: 400; line-height: 1; } .b-anim-category__box__desc { margin: 0; font-size: 1.4rem; font-weight: 400; line-height: 1.3; } .b-anim-category__box.has-animate { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .b-anim-category__box.has-animate .b-anim-category__line { display: block; } .b-anim-category__box.has-animate .b-anim-category__lines .b-anim-category__line:nth-child(1) { width: 155px; bottom: 7px; right: -40px; } .b-anim-category__box.has-animate .b-anim-category__lines .b-anim-category__line:nth-child(1) span { width: 0; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .b-anim-category__box.has-animate .b-anim-category__lines .b-anim-category__line:nth-child(2) { height: 87px; bottom: 7px; top: auto; right: -40px; } .b-anim-category__box.has-animate .b-anim-category__lines .b-anim-category__line:nth-child(2) span { position: absolute; left: 0; bottom: 0; width: 1px; height: 0; -webkit-transition-delay: 600ms; transition-delay: 600ms; } .b-anim-category__box.has-animate .b-anim-category__lines .b-anim-category__line:nth-child(3) { width: 300px; top: -54px; right: -340px; } .b-anim-category__box.has-animate .b-anim-category__lines .b-anim-category__line:nth-child(3) span { width: 0; -webkit-transition-delay: 900ms; transition-delay: 900ms; } .b-anim-category__box.has-animate .b-anim-category__lines .b-anim-category__line:nth-child(3) em { -webkit-transition-delay: 1 200ms; transition-delay: 1 200ms; } .b-anim-category__box.has-animate.is-animating { -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } .b-anim-category__box.has-animate.is-animating .b-anim-category__line { display: block; } .b-anim-category__box.has-animate.is-animating .b-anim-category__lines .b-anim-category__line:nth-child(1) span { width: 100%; } .b-anim-category__box.has-animate.is-animating .b-anim-category__lines .b-anim-category__line:nth-child(2) span { height: 100%; } .b-anim-category__box.has-animate.is-animating .b-anim-category__lines .b-anim-category__line:nth-child(3) span { width: 100%; } .b-anim-category__box.has-animate.is-animating .b-anim-category__lines .b-anim-category__line:nth-child(3) em { -webkit-transform: scale(1); transform: scale(1); } .b-anim-category__box.has-animate.out-animating { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 900ms; transition-delay: 900ms; } .b-anim-category__box.has-animate.out-animating .b-anim-category__lines .b-anim-category__line:nth-child(1) span { width: 0; -webkit-transition-delay: 600ms; transition-delay: 600ms; } .b-anim-category__box.has-animate.out-animating .b-anim-category__lines .b-anim-category__line:nth-child(2) span { height: 0; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .b-anim-category__box.has-animate.out-animating .b-anim-category__lines .b-anim-category__line:nth-child(3) span { width: 0; -webkit-transition-delay: 0ms; transition-delay: 0ms; } .b-anim-category__box.has-animate.out-animating .b-anim-category__lines .b-anim-category__line:nth-child(3) em { -webkit-transform: scale(0); transform: scale(0); -webkit-transition-delay: 0ms; transition-delay: 0ms; } .b-anim-category--kitchen { height: 611px; } .b-anim-category--kitchen .b-anim-category__pic { position: relative; margin: 0 auto; width: 683px; height: 611px; background: url("../img/default/animate-cat-kitchen-2.png") no-repeat; } .b-anim-category--kitchen .b-anim-category__pic:before { position: absolute; top: -50px; left: 130px; content: ''; width: 60px; height: 60px; background: url("../img/default/ico-product-24-3.png") no-repeat; } .b-sub-cat { position: relative; z-index: 25; overflow: hidden; width: calc(100% + 100px); display: -webkit-box; display: flex; align-content: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 38vh; min-height: 250px; margin-right: -100px; margin-top: 10px; } .b-sub-cat:before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: #fff; } @media (max-width: 950px) { .b-sub-cat { display: block; width: auto; height: auto; min-height: 10px; margin-right: 0; } } .b-sub-cat__info { position: relative; z-index: 2; display: -webkit-box; display: flex; align-content: flex-start; -webkit-box-pack: start; justify-content: flex-start; margin: 0; padding: 20px 50px; } @media (max-width: 1460px), (max-height: 750px) { .b-sub-cat__info { padding: 20px 30px; } } @media (max-width: 1024px) { .b-sub-cat__info { padding: 20px; } } @media (max-width: 950px) { .b-sub-cat__info { padding-left: 35px; padding-right: 35px; } } @media (max-width: 480px) { .b-sub-cat__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .b-sub-cat__ico { flex-shrink: 0; padding-top: 5px; } @media (max-width: 480px) { .b-sub-cat__ico { padding-top: 0; margin-bottom: 15px; } } .b-sub-cat__ico img { max-height: 100px; } @media (max-width: 1460px), (max-height: 750px) { .b-sub-cat__ico img { max-height: 60px; } } @media (max-width: 950px) { .b-sub-cat__ico img { max-height: 50px; } } .b-sub-cat__main { margin: 0; padding-left: 27px; } @media (max-width: 950px) { .b-sub-cat__main { padding-left: 15px; } } @media (max-width: 480px) { .b-sub-cat__main { padding-left: 0; } } .b-sub-cat__title { margin: 0 0 15px 0; font-size: 3.4rem; font-weight: 700; color: #ed2436; } @media (max-width: 1460px), (max-height: 750px) { .b-sub-cat__title { margin-bottom: 10px; font-size: 2.3rem; } } @media (max-width: 1024px) { .b-sub-cat__title { font-size: 2rem; } } @media (max-width: 670px) { .b-sub-cat__title { font-size: 1.8rem; } } .b-sub-cat__desc { font-size: 1.6rem; } @media (max-width: 1460px), (max-height: 750px) { .b-sub-cat__desc { font-size: 1.3rem; } } .b-sub-cat__desc p { margin: 0; } .b-sub-cat__btn { margin-top: 20px; } @media (max-width: 1460px), (max-height: 750px) { .b-sub-cat__btn { margin-top: 10px; } } .b-sub-cat__item { display: none; } .b-sub-cat__item.is-active { display: block; } .b-sub-cat__bg-in, .b-sub-cat__bg-out { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; -webkit-transform: translate3d(-101%, 0, 0); transform: translate3d(-101%, 0, 0); } .b-sub-cat__bg-in { background: #ed2436; } .b-sub-cat__next, .b-sub-cat__prev { position: absolute; top: 50%; z-index: 4; border: 0; padding: 0; background: none; } .b-sub-cat__next .c-ico--svg--arrow-left, .b-sub-cat__next .c-ico--svg--arrow-right, .b-sub-cat__prev .c-ico--svg--arrow-left, .b-sub-cat__prev .c-ico--svg--arrow-right { width: 15px; height: 19px; } @media (max-width: 1460px), (max-height: 750px) { .b-sub-cat__next .c-ico--svg--arrow-left, .b-sub-cat__next .c-ico--svg--arrow-right, .b-sub-cat__prev .c-ico--svg--arrow-left, .b-sub-cat__prev .c-ico--svg--arrow-right { width: 10px; height: 14px; } } @media (max-width: 950px) { .b-sub-cat__next .c-ico--svg--arrow-left, .b-sub-cat__next .c-ico--svg--arrow-right, .b-sub-cat__prev .c-ico--svg--arrow-left, .b-sub-cat__prev .c-ico--svg--arrow-right { width: 20px; height: 18px; } } .b-sub-cat__prev { left: 25px; } @media (max-width: 1460px), (max-height: 750px) { .b-sub-cat__prev { left: 15px; } } @media (max-width: 950px) { .b-sub-cat__prev { left: 10px; } } .b-sub-cat__next { right: 25px; } @media (max-width: 1460px), (max-height: 750px) { .b-sub-cat__next { right: 15px; } } @media (max-width: 950px) { .b-sub-cat__next { right: 10px; } } .b-sub-cat .c-list--ico-text { max-width: 600px; margin-top: 15px; margin-bottom: -5px; } .b-sub-cat .b-ico-text__ico img { max-height: 30px; } .b-sub-cat .b-ico-text__name { font-size: 1.4rem; } .b-sub-cat.is-animating-in .b-sub-cat__bg-in { -webkit-transition: 600ms ease-in-out; transition: 600ms ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .b-sub-cat.is-animating-out .b-sub-cat__bg-in { -webkit-transition: 600ms ease-in-out; transition: 600ms ease-in-out; -webkit-transform: translate3d(101%, 0, 0); transform: translate3d(101%, 0, 0); } .b-sub-cat-media { position: relative; display: -webkit-box; display: flex; align-content: stretch; -webkit-box-pack: center; justify-content: center; overflow: hidden; height: 100%; } @media (max-width: 950px) { .b-sub-cat-media { display: block; height: 41.66667vw; } } .b-sub-cat-media__pic { display: block; height: 100%; width: 100%; } @media (max-width: 950px) { .b-sub-cat-media__pic { height: 41.66667vw; } } .b-sub-cat-media__items { display: -webkit-box; display: flex; align-content: stretch; -webkit-box-pack: center; justify-content: center; } @media (max-width: 950px) { .b-sub-cat-media__items { display: block; } } .b-sub-cat-media__item, .b-sub-cat-media__items { -webkit-box-flex: 1; flex-grow: 1; } .b-sub-cat-media__item { display: none; } .b-sub-cat-media__item.is-active { display: block; } .b-sub-cat-media__bg-in, .b-sub-cat-media__bg-out { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .b-sub-cat-media__bg-in { background: #b7b7b7; } .b-sub-cat-media.is-animating-in .b-sub-cat-media__bg-in { -webkit-transition: 600ms ease-in-out; transition: 600ms ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .b-sub-cat-media.is-animating-out .b-sub-cat-media__bg-in { -webkit-transition: 600ms ease-in-out; transition: 600ms ease-in-out; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .b-sub-cat-slider { overflow: hidden; display: -webkit-box; display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; height: calc(100vh - 67px - 80px); min-height: 500px; } @media (max-width: 1460px), (max-height: 750px) { .b-sub-cat-slider { height: calc(100vh - 67px - 80px); } } @media (max-width: 950px) { .b-sub-cat-slider { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 10px; height: auto; } } .b-sub-cat-slider__main, .b-sub-cat-slider__media { width: 50%; } @media (max-width: 950px) { .b-sub-cat-slider__main, .b-sub-cat-slider__media { width: auto; } } .b-sub-cat-slider__main { padding-left: 160px; padding-left: 6.5%; display: -webkit-box; display: flex; align-content: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } @media (max-width: 1024px) { .b-sub-cat-slider__main { padding-left: 20px; } } @media (max-width: 950px) { .b-sub-cat-slider__main { -webkit-box-ordinal-group: 3; order: 2; display: block; padding: 20px; } } .b-sub-cat-slider__media { -webkit-box-ordinal-group: 2; order: 1; } .b-sub-cat-slider__titles__item { display: none; } .b-sub-cat-slider__titles__item.is-active { display: block; } .b-sub-cat-slider__title, .b-sub-cat-slider__desc { max-width: 92%; } .b-sub-cat-slider__title { margin: 0; font-size: 3.6rem; font-weight: 400; text-transform: uppercase; line-height: 1.2; } @media (max-width: 1460px), (max-height: 750px) { .b-sub-cat-slider__title { font-size: 2.4rem; } } .b-sub-cat-slider__desc { margin: 0; font-size: 1.6rem; } @media (max-width: 1460px), (max-height: 750px) { .b-sub-cat-slider__desc { margin-bottom: 5px; font-size: 1.3rem; } } .b-sub-cat-slider__pagin { overflow: hidden; margin-top: 20px; margin-bottom: 0; margin-right: 30px; } @media (max-width: 1024px) { .b-sub-cat-slider__pagin { margin-top: 20px; margin-bottom: 0; margin-right: 20px; } } .b-sub-cat-slider__pagin__list { float: right; } @media (max-width: 950px) { .b-sub-cat-slider__pagin__list { float: none; text-align: center; } } .b-sub-cat-slider__pagin__item { display: inline-block; margin-right: 5px; width: 20px; height: 20px; vertical-align: middle; text-indent: -777em; border-radius: 50%; border: 1px solid #b7b7b7; cursor: pointer; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; } .b-sub-cat-slider__pagin__item:last-child { margin-right: 0; } .b-sub-cat-slider__pagin__item:hover, .b-sub-cat-slider__pagin__item.is-active { border-color: #ed2436; background: #ed2436; } @media (max-width: 950px) { .b-sub-cat-slider-group__item { margin-bottom: 20px; border-bottom: 1px solid #dfdfdf; } } .b-sub-cat-slider-group__item .b-sub-cat-slider__desc, .b-sub-cat-slider-group__item .b-sub-cat-slider__title { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } @media (max-width: 1024px) { .b-sub-cat-slider-group__item .b-sub-cat-slider__desc, .b-sub-cat-slider-group__item .b-sub-cat-slider__title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .b-sub-cat-slider-group__item.is-active .b-sub-cat-slider__desc, .b-sub-cat-slider-group__item.is-active .b-sub-cat-slider__title { -webkit-transition: 600ms ease-in-out; transition: 600ms ease-in-out; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .b-comparison { width: 100%; } @media (max-width: 767px) { .b-comparison { display: block; } } .b-comparison__sidebar { flex-shrink: 0; width: 30%; background: #f9f9f9; } @media (max-width: 767px) { .b-comparison__sidebar { width: auto; } } @media (max-width: 767px) { .b-comparison__sidebar .c-list { display: none; } } .b-comparison__main { width: 70%; background: #f3f3f3; } @media (max-width: 767px) { .b-comparison__main { width: auto; } } .b-box--programator { padding: 77px; margin-left: 90px; margin-top: 90px; background: #fff; } @media (max-width: 1460px) { .b-box--programator { margin-top: 60px; padding: 50px; margin-left: 40px; } } @media (max-width: 1024px) { .b-box--programator { padding: 20px; margin-top: 0; } } @media (max-width: 670px) { .b-box--programator { display: block; margin-left: 0; } } .b-box--programator__media { position: relative; width: 65%; margin-right: -80px; top: -167px; left: -167px; margin-bottom: -167px; } @media (max-width: 1460px) { .b-box--programator__media { top: -110px; left: -90px; margin-bottom: -110px; margin-right: -20px; } } @media (max-width: 1024px) { .b-box--programator__media { width: 40%; top: 0; left: 0; margin: 0; } } @media (max-width: 670px) { .b-box--programator__media { width: auto; } } .b-box--programator__pic { margin-bottom: 50px; } @media (max-width: 1460px) { .b-box--programator__pic { margin-bottom: 20px; } } .b-box--programator__main { width: 45%; } @media (max-width: 1024px) { .b-box--programator__main { width: 60%; padding-left: 20px; } } @media (max-width: 670px) { .b-box--programator__main { width: auto; padding-left: 0; padding-top: 20px; } } .b-box--programator__title { margin: 0 0 20px 0; font-size: 3.4rem; font-weight: 600; line-height: 1.2; color: #ed2436; } @media (max-width: 1460px) { .b-box--programator__title { font-size: 2.4rem; } } @media (max-width: 1024px) { .b-box--programator__title { font-size: 2rem; } } .b-box--programator__desc { font-size: 1.8rem; margin: 0; } @media (max-width: 1460px) { .b-box--programator__desc { font-size: 1.6rem; } } @media (max-width: 1024px) { .b-box--programator__desc { font-size: 1.4rem; } } .b-box--programator__btn { margin: 40px 0 0 0; } @media (max-width: 1024px) { .b-box--programator__btn { margin-top: 20px; } } .b-accordion__title { cursor: pointer; } .b-accordion__content { display: none; } .b-accordion.is-active .b-accordion__content { display: block; } .b-accordion__content--default { padding: 15px 0 0 0; } .b-accordion__title--primary, .b-accordion__title--default { position: relative; margin: 0; padding: 0 40px 14px 0; font-size: 2.4rem; font-weight: 400; text-transform: uppercase; line-height: 1; border-bottom: 1px solid #333132; color: #ed2436; } @media (max-width: 1460px) { .b-accordion__title--primary, .b-accordion__title--default { font-size: 2rem; } } @media (max-width: 670px) { .b-accordion__title--primary, .b-accordion__title--default { font-size: 1.8rem; } } .b-accordion__title--primary .c-ico, .b-accordion__title--default .c-ico { position: absolute; top: 6px; right: 17px; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .b-accordion__title--primary { padding-bottom: 0; font-size: 1.6rem; font-weight: 700; border-bottom: 0; } @media (max-width: 1460px) { .b-accordion__title--primary { font-size: 1.4rem; } } .b-accordion.is-active .b-accordion__title--primary .c-ico, .b-accordion.is-active .b-accordion__title--default .c-ico { -webkit-transform: rotate(0); transform: rotate(0); } .b-gallery--product { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 1460px) { .b-gallery--product { display: block; } } .b-gallery--product__pic { position: relative; display: -webkit-box; display: flex; align-content: center; -webkit-box-pack: center; justify-content: center; width: 79.500%; height: 25.98958vw; max-height: 499px; margin: 0; padding: 0; background: #e5e5e5; } @media (max-width: 1460px) { .b-gallery--product__pic { width: auto; } } @media (max-width: 1024px) { .b-gallery--product__pic { height: auto; } } .b-gallery--product__pic .c-btn--carousel { position: absolute; top: 50%; } .b-gallery--product__pic .c-btn--carousel--left { left: 0; } .b-gallery--product__pic .c-btn--carousel--right { right: 0; } .b-gallery--product__pic img { -ms-grid-row-align: center; align-self: center; -webkit-box-flex: 0; flex: 0 0 auto; display: block; max-width: 90%; max-height: 90%; } .b-gallery--product__thumbs { width: 20.500%; padding-left: 20px; } @media (max-width: 1460px) { .b-gallery--product__thumbs { width: auto; padding-left: 0; margin-top: 20px; } } .b-hero-gallery { position: relative; } @media (max-width: 1240px) { .b-hero-gallery { width: 950px; margin-left: auto; margin-right: auto; } } @media (max-width: 950px) { .b-hero-gallery { width: auto; } } .b-hero-gallery__pic { position: relative; display: block; overflow: hidden; height: 500px; } @media (max-width: 1460px) { .b-hero-gallery__pic { height: 450px; } } @media (max-width: 1240px) { .b-hero-gallery__pic { height: 400px; } } @media (max-width: 950px) { .b-hero-gallery__pic { height: 40vw; background-size: cover; } } .b-hero-gallery__pic:after { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 100px; background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .b-hero-gallery__photo { display: none; position: relative; } .b-hero-gallery__photo.is-active { display: block; } @media (max-width: 1460px) { .b-hero-gallery__breakpoint--full { display: none; } } .b-hero-gallery__breakpoint--laptop { display: none; } @media (max-width: 1460px) { .b-hero-gallery__breakpoint--laptop { display: block; } } @media (max-width: 1240px) { .b-hero-gallery__breakpoint--laptop { display: none; } } .b-hero-gallery__breakpoint--tablet { display: none; } @media (max-width: 1240px) { .b-hero-gallery__breakpoint--tablet { display: block; } } .b-hero-gallery__points { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; } @media (max-width: 950px) { .b-hero-gallery__points { display: none; } } @media (max-width: 950px) { .b-hero-gallery__modals { display: none; margin-top: 20px; } } @media (max-width: 950px) { .b-hero-gallery__modals.is-active { display: block; } } .b-hero-gallery__expand { display: none; } @media (max-width: 950px) { .b-hero-gallery__expand { position: relative; top: -20px; display: block; margin-top: -40px; text-align: center; } } .b-hero-gallery__thumbs { position: absolute; left: 0; bottom: -83px; z-index: 20; width: 100%; padding-left: 50px; padding-right: 50px; } @media (max-width: 1240px) { .b-hero-gallery__thumbs { bottom: -63px; } } @media (max-width: 1024px) { .b-hero-gallery__thumbs { display: none; bottom: -75px; } } @media (max-width: 950px) { .b-hero-gallery__thumbs { position: relative; bottom: 0; padding: 20px 0; } } .b-hero-gallery__thumbs .carousel--thumbs { padding: 2px; background: #fff; box-shadow: -0.6px -0.8px 8px rgba(26, 23, 26, 0.15); } .b-hero-gallery .slick-dots { margin-top: 25px; } .b-hero-gallery .c-btn--carousel { position: absolute; top: 50%; z-index: 50; -webkit-transform: translateY(-20px); transform: translateY(-20px); } @media (max-width: 950px) { .b-hero-gallery .c-btn--carousel { top: 17vw; -webkit-transform: none; transform: none; } } .b-hero-gallery .c-btn--carousel--right { right: -20px; } .b-hero-gallery .c-btn--carousel--left { left: -20px; } .b-point { position: absolute; cursor: pointer; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; } .b-point .c-ico { width: 41px; height: 41px; } .b-point:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .b-point-modal { position: absolute; top: 20px; left: 0; z-index: 30; opacity: 0; visibility: hidden; width: 100%; height: 100%; display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; /* transform: translateX(-50%); */ } @media (max-width: 950px) { .b-point-modal { position: relative; top: 0; left: 0; height: auto; margin-bottom: 10px; opacity: 1; visibility: visible; -webkit-transform: none; transform: none; } } .b-point-modal:last-child { margin-bottom: 0; } .b-point-modal.is-active { opacity: 1; visibility: visible; } .b-point-modal__close { position: absolute; top: 20px; right: 20px; cursor: pointer; } @media (max-width: 950px) { .b-point-modal__close { display: none; } } .b-point-modal__box { flex-shrink: 0; position: relative; width: 780px; padding: 20px 30px; margin: 0 auto; background: rgba(255, 255, 255, 0.8); } @media (max-width: 950px) { .b-point-modal__box { max-width: 780px; width: auto; padding: 15px; flex-shrink: 1; background: white; } } .b-point-modal .c-btn--carousel { position: absolute; top: 50%; z-index: 50; -webkit-transform: translateY(-20px); transform: translateY(-20px); } @media (max-width: 950px) { .b-point-modal .c-btn--carousel { display: none; } } .b-point-modal .c-btn--carousel--right { right: -20px; } .b-point-modal .c-btn--carousel--left { left: -20px; } .b-box--player { margin: 30px 0; } .b-benefit { max-width: 240px; text-align: center; } .b-benefit__pic { margin: 0 0 8px 0; } .b-benefit__pic img { display: block; margin: 0 auto; } @media (max-width: 1460px) { .b-benefit__pic img { max-height: 120px; } } .b-benefit__title { margin: 0 0 10px 0; font-size: 2.4rem; font-weight: 400; line-height: 1.3; } @media (max-width: 1460px) { .b-benefit__title { font-size: 2rem; } } @media (max-width: 1240px) { .b-benefit__title { font-size: 1.8rem; } } .b-benefit__title__number { display: block; margin-bottom: 2px; font-size: 7.2rem; font-weight: 900; line-height: 1; color: #cad400; } @media (max-width: 1460px) { .b-benefit__title__number { font-size: 5rem; } } @media (max-width: 1240px) { .b-benefit__title__number { font-size: 4rem; } } .b-benefit__desc { margin: 0; font-size: 1.8rem; line-height: 1.2; } @media (max-width: 1460px) { .b-benefit__desc { font-size: 1.6rem; } } .b-experience { display: -webkit-box; display: flex; -webkit-box-align: end; align-items: flex-end; -webkit-box-pack: start; justify-content: flex-start; } .b-experience__ico { width: 98px; flex-shrink: 0; } @media (max-width: 1460px) { .b-experience__ico { width: 80px; } } .b-experience__ico img { display: block; } @media (max-width: 1460px) { .b-experience__ico img { max-height: 70px; } } @media (max-width: 1024px) { .b-experience__ico img { max-width: 60px; max-height: 60px; } } .b-experience__desc { margin: 0; font-size: 1.8rem; text-transform: uppercase; line-height: 1.2; } @media (max-width: 1460px) { .b-experience__desc { font-size: 1.6rem; } } @media (max-width: 1024px) { .b-experience__desc { font-size: 1.4rem; } } .b-experience__desc strong { margin-bottom: -2px; font-size: 4.8rem; } @media (max-width: 1460px) { .b-experience__desc strong { font-size: 4rem; } } @media (max-width: 1024px) { .b-experience__desc strong { font-size: 3.4rem; } } .b-experience__desc em { font-size: 3.7rem; font-style: normal; font-weight: 700; } @media (max-width: 1460px) { .b-experience__desc em { font-size: 3rem; } } @media (max-width: 1024px) { .b-experience__desc em { font-size: 2.6rem; } } .b-dropdown { position: relative; } .b-dropdown__select { position: absolute; top: 0; left: 0; width: 100% !important; opacity: 0; display: none; } @media (max-width: 1024px) { .b-dropdown__select { display: block; } } .b-dropdown .b-sub-menu { position: absolute; top: 100%; right: 0; width: 100%; min-width: 120px; opacity: 0; visibility: hidden; } @media (max-width: 1024px) { .b-dropdown .b-sub-menu { display: none; } } .b-dropdown:hover .b-sub-menu { opacity: 1; visibility: visible; } .b-filter--inline { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; } .b-filter--inline .c-label { margin: 0 10px 0 0; } .b-filter-wrap--inline { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; } .b-filter-wrap--inline .t-head { margin: 0 10px 0 0; } .b-search { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; } .b-search__field { -webkit-box-flex: 1; flex-grow: 1; margin-right: 20px; } .b-result .c-btn-outer { margin-top: 25px; } @media (max-width: 670px) { .b-result .c-btn-outer { margin-top: 15px; } } .b-choosed-product { margin: 25px 0; } .b-choosed-product .c-image { height: auto; } .b-404 { text-align: center; } .b-404__title { margin: 0; font-size: 4.8rem; font-weight: 700; text-transform: uppercase; line-height: 1; } @media (max-width: 1460px) { .b-404__title { font-size: 4rem; } } @media (max-width: 1240px) { .b-404__title { font-size: 3.4rem; } } @media (max-width: 767px) { .b-404__title { font-size: 2.4rem; } } .b-404__title:after { content: ''; display: block; margin: 50px auto 40px auto; width: 420px; height: 181px; background: url("../img/default/number-404.png") no-repeat; background-size: cover; } @media (max-width: 1460px) { .b-404__title:after { width: 300px; height: 129px; } } @media (max-width: 767px) { .b-404__title:after { width: 240px; height: 103px; } } .b-404__desc { margin: 0 0 40px 0; font-size: 2.4rem; font-weight: 400; line-height: 1; } @media (max-width: 1460px) { .b-404__desc { margin-bottom: 30px; font-size: 2rem; } } @media (max-width: 767px) { .b-404__desc { font-size: 1.6rem; } } .b-no-result { margin-top: 130px; margin-bottom: 80px; } @media (max-width: 1024px) { .b-no-result { display: block; margin-top: 0; text-align: center; } } .b-no-result__icons { flex-shrink: 0; position: relative; margin-right: 66px; } @media (max-width: 1460px) { .b-no-result__icons { margin-right: 30px; } } @media (max-width: 1024px) { .b-no-result__icons { max-width: 136px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } } .b-no-result__icons .c-ico--svg--loop-char { position: absolute; top: 50%; left: 50%; content: ''; width: 74px; height: 75px; -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); } .b-no-result__icons .c-ico--svg--no-result { width: 136px; height: 124px; opacity: 0.40; } .b-no-result__title { margin: 0 0 10px 0; font-size: 3.6rem; font-weight: 700; text-transform: uppercase; line-height: 1; color: #ed2436; } @media (max-width: 1460px) { .b-no-result__title { font-size: 2.4rem; } } @media (max-width: 1024px) { .b-no-result__title { font-size: 2rem; } } .b-no-result__desc { margin: 0; font-size: 2.3rem; } @media (max-width: 1460px) { .b-no-result__desc { font-size: 1.8rem; } } @media (max-width: 1024px) { .b-no-result__desc { font-size: 1.4rem; } } .b-foot-contact__title { margin: 0 0 5px 0; font-size: 3rem; font-weight: 400; line-height: 1.2; } @media (max-width: 670px) { .b-foot-contact__title { font-size: 2.4rem; } } .b-foot-contact__phone { margin: 0; font-size: 3.6rem; line-height: 1.2; } @media (max-width: 670px) { .b-foot-contact__phone { font-size: 1.8rem; } } .b-foot-contact__wrap { display: -webkit-box; display: flex; -webkit-box-align: end; align-items: flex-end; -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 950px) { .b-foot-contact__wrap { display: block; } } .b-foot-contact__content { -webkit-box-flex: 1; flex-grow: 1; } .b-foot-contact__content__desc { font-size: 1.8rem; } .b-foot-contact__content__desc p { margin: 0; } @media (max-width: 1240px) { .b-foot-contact__content__desc { font-size: 1.6rem; } } @media (max-width: 670px) { .b-foot-contact__content__desc { font-size: 1.4rem; } } .b-foot-contact__content__btn { margin-top: 30px; margin-bottom: 0; } @media (max-width: 670px) { .b-foot-contact__content__btn .c-btn--default { font-size: 1.1rem; } } .b-foot-contact .c-nav--foot { width: 50%; } @media (max-width: 950px) { .b-foot-contact .c-nav--foot { width: auto; } } @media (max-width: 767px) { .b-foot-contact .c-nav--foot { margin-top: 30px; } } .b-foot-info__copy { margin: 0; float: left; font-size: 1.8rem; font-weight: 700; line-height: 1; } @media (max-width: 1240px) { .b-foot-info__copy { font-size: 1.6rem; } } @media (max-width: 1024px) { .b-foot-info__copy { margin: 25px 0; float: none; text-align: center; } } .b-foot-info .c-list--social { float: left; margin-left: 60px; margin-top: -11px; } @media (max-width: 1240px) { .b-foot-info .c-list--social { margin-left: 30px; } } @media (max-width: 1024px) { .b-foot-info .c-list--social { float: none; margin-left: 0; margin-top: 25px; -webkit-box-pack: center; justify-content: center; } } .b-foot-info .c-nav--foot { float: right; } @media (max-width: 1024px) { .b-foot-info .c-nav--foot { float: none; text-align: center; } } /* Blocks - modal ========================================================================== */ .b-modal { position: relative; width: 100%; flex-basis: 0; flex-shrink: 1; } .b-modal__close { position: absolute; top: 0; right: 0; cursor: pointer; } .b-modal--default { max-width: 700px; padding: 40px; border-radius: 2px; background: #fff; } @media (max-width: 1024px) { .b-modal--default { padding: 20px; } } .b-modal--default .t-head { margin-bottom: 20px; } .b-modal--default .b-modal__close { top: 10px; right: 10px; padding: 0; margin: 0; font-size: 2rem; font-weight: 700; line-height: 1; color: #ed2436; border: 0; background: none; } .b-modal--default .b-modal__close:hover { color: #333132; } /* Layouts ========================================================================== */ /* Sections ========================================================================== */ /* Page ========================================================================== */ .l-page { overflow: hidden; } /* Inner ========================================================================== */ .l-inner--full { max-width: 100%; padding-left: 40px; padding-right: 40px; } @media (max-width: 1200px) { .l-inner--full { padding-left: 20px; padding-right: 20px; } } .l-inner--full--non-space { padding-left: 0; padding-right: 0; } /* Sec ========================================================================== */ .l-sec { position: relative; } .l-sec__btn { position: relative; z-index: 50; } .l-sec--default { padding: 50px 0; } @media (max-width: 1460px) { .l-sec--default { padding: 40px 0; } } @media (max-width: 670px) { .l-sec--default { padding: 20px 0; } } .l-sec--default + .l-sec--default:not(.l-sec--default--bg) { padding-top: 0; } .l-sec--default + .l-sec--default--bg { margin-top: 0; } .l-sec--default + .l-sec--teaser-smart { margin-top: -49px; } @media (max-width: 1460px) { .l-sec--default + .l-sec--teaser-smart { margin-top: -39px; } } @media (max-width: 670px) { .l-sec--default + .l-sec--teaser-smart { margin-top: -24px; } } .l-sec--default--bg { margin-top: 50px; } .l-sec--default--bg:last-child { margin-bottom: 0; } .l-sec--default--bg:first-child { margin-top: 0; } .l-sec--default--bg + .l-sec--default:not(.l-sec--default--bg) { padding: 50px 0; } @media (max-width: 1460px) { .l-sec--default--bg + .l-sec--default:not(.l-sec--default--bg) { padding: 40px 0; } } @media (max-width: 670px) { .l-sec--default--bg + .l-sec--default:not(.l-sec--default--bg) { padding: 25px 0; } } @media (max-width: 1460px) { .l-sec--default--bg { margin-top: 30px; } } .l-sec--default--alt { padding: 40px 0; } @media (max-width: 1460px) { .l-sec--default--alt { padding: 25px 0; } } @media (max-width: 1024px) { .l-sec--default--alt { padding: 25px 0; } } @media (max-width: 670px) { .l-sec--default--alt { padding: 25px 0; } } .l-sec--default--alt .l-sec__btn { margin-top: 15px; margin-bottom: -65px; } @media (max-width: 1460px) { .l-sec--default--alt .l-sec__btn { margin-bottom: -45px; } } @media (max-width: 1024px) { .l-sec--default--alt .l-sec__btn { margin-bottom: 0; } } .l-sec--default--line-bottom:after { display: block; content: ''; height: 1px; max-width: 1240px; margin-left: auto; margin-right: auto; margin-top: 90px; background: #f2f2f2; } @media (max-width: 1460px) { .l-sec--default--line-bottom:after { margin-top: 60px; } } .l-sec--normal { padding: 25px 0; } .l-sec--normal + .l-sec--normal { padding-top: 0; } .l-sec--head { position: fixed; top: 0; left: 0; z-index: 601; width: 100%; min-width: 320px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 1, 0.2); background: #fff; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; } /*.l-sec--head .l-inner {*/ /* height: 100px; }*/ /* @media (max-width: 1460px) {*/ /* .l-sec--head .l-inner {*/ /* height: 80px; } }*/ /* @media (max-width: 480px) {*/ /* .l-sec--head .l-inner {*/ /* height: 70px; } }*/ .l-sec--head .c-logo--main { float: left; margin-top: 33px; -webkit-transition: 150ms ease-in-out; transition: 150ms ease-in-out; } @media (max-width: 1460px) { .l-sec--head .c-logo--main { margin-top: 24px; margin-bottom: 20px; } } @media (max-width: 950px) { .l-sec--head .c-logo--main { margin-left: -5px; } } .l-sec--head .c-nav--main { float: left; margin-top: 45px; margin-left: 20px; -webkit-transition: 150ms ease-in-out; transition: 150ms ease-in-out; } @media (max-width: 1460px) { .l-sec--head .c-nav--main { margin-top: 33px; margin-left: 33px; } } @media (max-width: 950px) { .l-sec--head .c-nav--main { position: absolute; top: 100%; right: 0; margin: 0; clear: both; float: right; } } .l-sec--head .c-btn--trigger-nav-main { display: none; } @media (max-width: 950px) { .l-sec--head .c-btn--trigger-nav-main { float: right; display: block; margin: 19px -10px 0 10px; } } @media (max-width: 480px) { .l-sec--head .c-btn--trigger-nav-main { margin-top: 13px; } } .l-sec--foot { padding: 70px 0 72px; color: #fff; background: #ed2436; } @media (max-width: 1460px) { .l-sec--foot { padding: 60px 0 30px; } } @media (max-width: 1024px) { .l-sec--foot { padding: 40px 0; } } @media (max-width: 480px) { .l-sec--foot { padding: 25px 0; } } .l-sec--foot__line { margin: 50px 0 30px 0; height: 1px; border: 0; background: #fff; } @media (max-width: 1024px) { .l-sec--foot__line { margin: 20px 0 20px 0; } } .l-sec--top-hider { position: fixed; top: 0; left: 0; -webkit-transform: translate3d(0, -110%, 0); transform: translate3d(0, -110%, 0); box-shadow: 0px 5px 5px 0px rgba(0, 0, 1, 0.2); z-index: 600; width: 100%; padding: 50px 0; background: #ebeaea; -webkit-transition: 550ms cubic-bezier(0.605, 0.035, 0.205, 0.97); transition: 550ms cubic-bezier(0.605, 0.035, 0.205, 0.97); } @media (max-width: 1024px) { .l-sec--top-hider { padding: 25px 0; } } .has-l-sec--top-hider-opened .l-sec--top-hider.is-opened { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } @media (max-width: 1460px) { .has-l-sec--top-hider-opened .l-sec--top-hider.is-opened { -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } } @media (max-width: 480px) { .has-l-sec--top-hider-opened .l-sec--top-hider.is-opened { -webkit-transform: translate3d(0, 70px, 0); transform: translate3d(0, 70px, 0); } } .has-l-sec--top-hider-opened.has-l-sec--head-sticky .l-sec--top-hider.is-opened { padding: 25px 0; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } @media (max-width: 1460px) { .has-l-sec--top-hider-opened.has-l-sec--head-sticky .l-sec--top-hider.is-opened { -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } } @media (max-width: 480px) { .has-l-sec--top-hider-opened.has-l-sec--head-sticky .l-sec--top-hider.is-opened { -webkit-transform: translate3d(0, 70px, 0); transform: translate3d(0, 70px, 0); } } .l-sec--bg + .l-sec--default:not(.l-sec--default--bg), .l-sec--bg-half + .l-sec--default:not(.l-sec--default--bg) { padding-top: 0; } .l-sec--bg-half:after { position: absolute; top: 0; right: 0; width: 50%; height: 100%; content: ''; background: #f5f5f5; } @media (max-width: 950px) { .l-sec--bg-half:after { display: none; } } .l-sec--bg-half .l-inner { position: relative; z-index: 20; } .l-sec--about__wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 1024px) { .l-sec--about__wrap { position: relative; } } .l-sec--about__slider { position: relative; z-index: 20; width: 50%; margin-left: 50%; } @media (max-width: 1024px) { .l-sec--about__slider { width: auto; margin-left: 0; } } .l-sec--about__slider .b-text-image { height: 40vw; } @media (max-width: 1460px) { .l-sec--about__slider .b-text-image { min-height: 550px; } } @media (max-width: 1024px) { .l-sec--about__slider .b-text-image { height: 56vw; min-height: 10px; } } @media (max-width: 767px) { .l-sec--about__slider .b-text-image { height: auto; padding-bottom: 20px; } } .l-sec--about__content { display: -webkit-box; display: flex; -webkit-box-flex: 0; flex: 0 1 auto; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 50%; flex-basis: 50%; height: 100%; padding-right: 100px; } @media (max-width: 1024px) { .l-sec--about__content { display: block; width: auto; padding: 40px 0; } } .l-sec--about__content .t-head { margin-bottom: 50px; } @media (max-width: 1460px) { .l-sec--about__content .t-head { margin-bottom: 20px; } } .l-sec--about__content .t-content-text { margin: 0; } .l-sec--about .l-inner { height: 100%; } @media (max-width: 1024px) { .l-sec--about .l-inner { height: auto; } } .l-sec--about + .l-sec--default--bg { margin-top: 0; } .l-sec--choose-language { position: fixed; top: 0; left: 0; -webkit-transform: translate3d(0, -110%, 0); transform: translate3d(0, -110%, 0); box-shadow: 0px 5px 5px 0px rgba(0, 0, 1, 0.2); z-index: 100; width: 100%; padding: 50px 0; background: rgba(255, 255, 255, 0.95); -webkit-transition: 450ms ease-in-out; transition: 450ms ease-in-out; } @media (max-width: 1024px) { .l-sec--choose-language { padding: 25px 0; } } .has-l-sec--choose-language-opened .l-sec--choose-language { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } @media (max-width: 950px) { .has-l-sec--choose-language-opened .l-sec--choose-language { -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } } @media (max-width: 480px) { .has-l-sec--choose-language-opened .l-sec--choose-language { -webkit-transform: translate3d(0, 70px, 0); transform: translate3d(0, 70px, 0); } } .has-l-sec--choose-language-opened.has-l-sec--head-sticky .l-sec--choose-language { padding: 25px 0; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } @media (max-width: 950px) { .has-l-sec--choose-language-opened.has-l-sec--head-sticky .l-sec--choose-language { -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } } @media (max-width: 480px) { .has-l-sec--choose-language-opened.has-l-sec--head-sticky .l-sec--choose-language { -webkit-transform: translate3d(0, 70px, 0); transform: translate3d(0, 70px, 0); } } .l-sec--teaser-smart { overflow: hidden; position: relative; height: 500px; } @media (max-width: 767px) { .l-sec--teaser-smart { height: auto; } } .l-sec--teaser-smart__bg { overflow: hidden; display: block; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } @media (max-width: 767px) { .l-sec--teaser-smart__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } .l-sec--teaser-smart__bg--half { width: 50%; } @media (max-width: 767px) { .l-sec--teaser-smart__bg--half { width: 100%; } } .l-sec--teaser-smart__bg--half:nth-child(2) { position: relative; z-index: 100; } @media (max-width: 767px) { .l-sec--teaser-smart__bg--half:nth-child(2) { display: none; } } .l-sec--teaser-smart__bg-group { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; } .l-sec--teaser-smart__bg, .l-sec--teaser-smart .l-inner { height: 500px; } @media (max-width: 767px) { .l-sec--teaser-smart__bg, .l-sec--teaser-smart .l-inner { height: 100%; } } @media (max-width: 767px) { .l-sec--teaser-smart .l-inner { height: auto; } } .l-sec--teaser-smart:before { position: absolute; top: 0; right: 0; z-index: 25; width: 50%; height: 100%; content: ''; background: #ed2436; opacity: 0.8; } @media (max-width: 950px) { .l-sec--teaser-smart:before { width: 100%; } } .l-sec--teaser-smart__wrap { position: absolute; top: 0; left: 0; z-index: 30; width: 100%; height: 100%; } @media (max-width: 767px) { .l-sec--teaser-smart__wrap { position: relative; height: auto; padding: 50px 0; } } .l-sec--teaser-smart__caption { position: absolute; bottom: 20px; right: 20px; font-size: 1.4rem; color: #000000; } .l-sec--teaser-smart .b-teaser-smart { float: right; height: 100%; } @media (max-width: 767px) { .l-sec--teaser-smart .b-teaser-smart { float: none; height: auto; } } .l-sec--teaser-smart + .l-sec--default--bg { margin-top: 0; } .l-sec--teaser-smart--inverse:before { right: auto; left: 0; } .l-sec--teaser-smart--inverse .b-teaser-smart { float: left; } @media (max-width: 767px) { .l-sec--teaser-smart--inverse .b-teaser-smart { float: none; } } .l-sec--teaser-smart--size-h-1 { height: 400px; } @media (max-width: 1460px) { .l-sec--teaser-smart--size-h-1 { height: 400px; } } @media (max-width: 1024px) { .l-sec--teaser-smart--size-h-1 { height: 200px; } } @media (max-width: 767px) { .l-sec--teaser-smart--size-h-1 { height: auto; } } .l-sec--teaser-smart--size-h-1 .l-inner, .l-sec--teaser-smart--size-h-1 .l-sec--teaser-smart__bg { height: 400px; } @media (max-width: 1460px) { .l-sec--teaser-smart--size-h-1 .l-inner, .l-sec--teaser-smart--size-h-1 .l-sec--teaser-smart__bg { height: 400px; } } @media (max-width: 1024px) { .l-sec--teaser-smart--size-h-1 .l-inner, .l-sec--teaser-smart--size-h-1 .l-sec--teaser-smart__bg { height: 200px; } } @media (max-width: 767px) { .l-sec--teaser-smart--size-h-1 .l-inner, .l-sec--teaser-smart--size-h-1 .l-sec--teaser-smart__bg { height: 100%; } } .l-sec--teaser-smart--hero { height: calc(100vh - 100px); min-height: 500px; } @media (max-width: 1460px) { .l-sec--teaser-smart--hero { height: calc(100vh - 80px); } } @media (max-width: 1024px) { .l-sec--teaser-smart--hero { height: auto; min-height: 10px; } } .l-sec--teaser-smart--hero .l-sec--teaser-smart__bg { height: 100%; background-size: cover; -webkit-transform: none; transform: none; } @media (max-width: 1024px) { .l-sec--teaser-smart--hero .l-sec--teaser-smart__bg { height: 500px; } } @media (max-width: 767px) { .l-sec--teaser-smart--hero .l-sec--teaser-smart__bg { height: 100%; } } @media (max-width: 767px) { .l-sec--teaser-smart--hero .l-sec--teaser-smart__wrap { padding-top: 60px; } } .l-sec--teaser-smart--hero .l-sec--teaser-smart__wrap__inner { height: calc(66vh); min-height: 430px; } @media (max-width: 1024px) { .l-sec--teaser-smart--hero .l-sec--teaser-smart__wrap__inner { height: 400px; min-height: 10px; } } @media (max-width: 767px) { .l-sec--teaser-smart--hero .l-sec--teaser-smart__wrap__inner { height: auto; } } .l-sec--teaser-smart--hero .l-inner { height: 100%; } @media (max-width: 1024px) { .l-sec--teaser-smart--hero .l-inner { height: 500px; } } @media (max-width: 767px) { .l-sec--teaser-smart--hero .l-inner { height: auto; } } .l-sec--teaser-smart--hero:hover .l-sec--teaser-smart__bg { -webkit-transform: none; transform: none; } .l-sec--teaser-smart--hero:before { left: 0; right: auto; } .l-sec--teaser-smart--hero .b-teaser-smart { float: left; } @media (max-width: 767px) { .l-sec--teaser-smart--hero .b-teaser-smart { float: none; } } .l-sec--teaser-smart--hero .c-list--tags-select { position: absolute; left: 20px; bottom: 100px; padding-right: 3.64583vw; width: 50%; } @media (max-width: 1460px) { .l-sec--teaser-smart--hero .c-list--tags-select { bottom: 40px; padding-right: 20px; } } @media (max-width: 1024px) { .l-sec--teaser-smart--hero .c-list--tags-select { bottom: 15px; } } @media (max-width: 767px) { .l-sec--teaser-smart--hero .c-list--tags-select { position: relative; left: 0; bottom: 0; width: auto; margin-top: 40px; padding-right: 0; } } .l-sec--hero-gallery { margin-bottom: 120px; background: #fff; } @media (max-width: 1024px) { .l-sec--hero-gallery { padding-bottom: 20px; } } @media (max-width: 950px) { .l-sec--hero-gallery { margin-bottom: 0; height: auto; } } .l-sec--where-buy { position: relative; } @media (max-width: 950px) { .l-sec--where-buy { border-bottom: 1px solid #333333; } } .l-sec--where-buy:before { position: absolute; top: 0; left: 50%; margin-left: -950px; z-index: 25; width: 750px; height: 100%; content: ''; background: #ed2436; opacity: 0.8; } @media (max-width: 1240px) { .l-sec--where-buy:before { width: 40%; left: 0; margin-left: 0; } } @media (max-width: 950px) { .l-sec--where-buy:before { display: none; } } .l-sec--where-buy__map { height: 730px; } @media (max-width: 1460px) { .l-sec--where-buy__map { height: 600px; } } @media (max-width: 1240px) { .l-sec--where-buy__map { height: 500px; } } @media (max-width: 950px) { .l-sec--where-buy__map { height: 36.45833vw; } } @media (max-width: 480px) { .l-sec--where-buy__map { height: 57.29167vw; } } .l-sec--where-buy__wrap { position: absolute; top: 0; left: 0; margin-left: 20px; z-index: 30; width: 350px; height: 100%; overflow: hidden; } @media (max-width: 1240px) { .l-sec--where-buy__wrap { width: 32%; } } @media (max-width: 950px) { .l-sec--where-buy__wrap { position: static; height: auto; width: auto; max-width: 600px; margin: 0 auto; } } .l-sec--where-buy--expand-up .l-sec--where-buy__wrap, .l-sec--where-buy--expand-up:before { height: 85px; } @media (max-width: 950px) { .l-sec--where-buy--expand-up .l-sec--where-buy__wrap, .l-sec--where-buy--expand-up:before { height: auto; } } .l-sec--chart-map { padding: 0; } .l-sec--chart-map .l-inner--full { max-width: 100%; } .l-sec--sub-cat-slider-group { background: #ececec; } .l-sec--programator { margin-top: 100px; } @media (max-width: 1460px) { .l-sec--programator { margin-top: 40px; } } .l-sec--pagination { z-index: 25; padding: 27px 0 20px 0; box-shadow: 0px 5px 5px 0px rgba(0, 0, 1, 0.2); } .l-sec--pagination + .l-sec--default--bg { margin-top: 0; } /* Modals ========================================================================== */ .l-modal-wrapper { position: fixed; top: 0; left: 0; z-index: 200; width: 100%; height: 100%; padding: 20px; background: rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; } .l-modal-wrapper.is-active { opacity: 1; visibility: visible; } /* Pages ========================================================================== */ .p-product-color-blue-dark .c-btn--carousel--primary, .p-product-color-blue-dark .mCSB_scrollTools .mCSB_draggerRail, .p-product-color-blue-dark .b-sub-cat__bg-in, .p-product-color-blue-dark .c-nav--tabs--default, .p-product-color-blue-dark .c-nav--view { background: #0072bc; } .p-product-color-blue-dark .mCSB_draggerContainer, .p-product-color-blue-dark .b-sub-cat-slider__pagin__item:hover, .p-product-color-blue-dark .b-sub-cat-slider__pagin__item.is-active, .p-product-color-blue-dark .c-btn--see-all, .p-product-color-blue-dark .details .u-bg-4, .p-product-color-blue-dark .b-product-main .u-bg-4, .p-product-color-blue-dark .c-list--products .u-bg-4, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-4 { border-color: #0072bc; background: #0072bc; } .p-product-color-blue-dark .b-compare-sticky .c-ico--svg--red.c-ico--svg--pdf, .p-product-color-blue-dark .b-compare-sticky .c-ico--svg--red.c-ico--svg--print, .p-product-color-blue-dark .b-compare-sticky .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-compare-sticky .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-compare-sticky .c-ico--svg--red.c-ico--svg--arrow-top, .p-product-color-blue-dark .b-compare-sticky .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-compare-sticky .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-compare-sticky .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .b-accordion__title .c-ico--svg--red.c-ico--svg--pdf, .p-product-color-blue-dark .b-accordion__title .c-ico--svg--red.c-ico--svg--print, .p-product-color-blue-dark .b-accordion__title .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-accordion__title .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-accordion__title .c-ico--svg--red.c-ico--svg--arrow-top, .p-product-color-blue-dark .b-accordion__title .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-accordion__title .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-accordion__title .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .b-sub-cat .c-ico--svg--red.c-ico--svg--pdf, .p-product-color-blue-dark .b-sub-cat .c-ico--svg--red.c-ico--svg--print, .p-product-color-blue-dark .b-sub-cat .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-sub-cat .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-sub-cat .c-ico--svg--red.c-ico--svg--arrow-top, .p-product-color-blue-dark .b-sub-cat .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-sub-cat .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-sub-cat .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .details .c-ico--svg--red.c-ico--svg--pdf, .p-product-color-blue-dark .details .c-ico--svg--red.c-ico--svg--print, .p-product-color-blue-dark .details .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .details .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .details .c-ico--svg--red.c-ico--svg--arrow-top, .p-product-color-blue-dark .details .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .details .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .details .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .b-product-main .c-ico--svg--red.c-ico--svg--pdf, .p-product-color-blue-dark .b-product-main .c-ico--svg--red.c-ico--svg--print, .p-product-color-blue-dark .b-product-main .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-product-main .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-product-main .c-ico--svg--red.c-ico--svg--arrow-top, .p-product-color-blue-dark .b-product-main .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-product-main .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-product-main .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .c-list--products .c-ico--svg--red.c-ico--svg--pdf, .p-product-color-blue-dark .c-list--products .c-ico--svg--red.c-ico--svg--print, .p-product-color-blue-dark .c-list--products .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .c-list--products .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .c-list--products .c-ico--svg--red.c-ico--svg--arrow-top, .p-product-color-blue-dark .c-list--products .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .c-list--products .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .c-list--products .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--pdf, .p-product-color-blue-dark .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--print, .p-product-color-blue-dark .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--arrow-top, .p-product-color-blue-dark .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--arrow-right { fill: #0072bc; } .p-product-color-blue-dark .b-compare-sticky .c-ico--svg--red.c-ico--svg--email, .p-product-color-blue-dark .b-accordion__title .c-ico--svg--red.c-ico--svg--email, .p-product-color-blue-dark .b-sub-cat .c-ico--svg--red.c-ico--svg--email, .p-product-color-blue-dark .details .c-ico--svg--red.c-ico--svg--email, .p-product-color-blue-dark .b-product-main .c-ico--svg--red.c-ico--svg--email, .p-product-color-blue-dark .c-list--products .c-ico--svg--red.c-ico--svg--email, .p-product-color-blue-dark .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--email { stroke: #0072bc; } .p-product-color-blue-dark .b-no-result__icons .c-ico--svg--red { fill: #0072bc; } .p-product-color-blue-dark .c-btn--ico .c-ico--svg--red { fill: #0072bc; } .p-product-color-blue-dark .c-btn--ico.is-active .c-ico--svg--red { fill: #333132; } .p-product-color-blue-dark .details .u-bg-1, .p-product-color-blue-dark .b-product-main .u-bg-1, .p-product-color-blue-dark .c-list--products .u-bg-1, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1 { border-color: #0072bc; } .p-product-color-blue-dark .details .u-bg-1.is-active, .p-product-color-blue-dark .details button.u-bg-1:hover, .p-product-color-blue-dark .details a.u-bg-1:hover, .p-product-color-blue-dark .b-product-main .u-bg-1.is-active, .p-product-color-blue-dark .b-product-main button.u-bg-1:hover, .p-product-color-blue-dark .b-product-main a.u-bg-1:hover, .p-product-color-blue-dark .c-list--products .u-bg-1.is-active, .p-product-color-blue-dark .c-list--products button.u-bg-1:hover, .p-product-color-blue-dark .c-list--products a.u-bg-1:hover, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.is-active, .p-product-color-blue-dark .b-sub-cat__btn button.u-bg-1:hover, .p-product-color-blue-dark .b-sub-cat__btn a.u-bg-1:hover { border-color: #333333; background: #333333; } .p-product-color-blue-dark .details .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .details .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .details .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .details .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .details .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .details .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .details button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .details button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .details button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .details button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .details button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .details button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .details a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .details a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .details a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .details a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .details a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .details a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .b-product-main .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-product-main .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-product-main .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-product-main .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .b-product-main .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-product-main .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .b-product-main button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-product-main button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-product-main button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-product-main button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .b-product-main button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-product-main button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .b-product-main a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-product-main a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-product-main a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-product-main a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .b-product-main a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-product-main a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .c-list--products .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .c-list--products .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .c-list--products .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .c-list--products .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .c-list--products .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .c-list--products .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .c-list--products button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .c-list--products button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .c-list--products button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .c-list--products button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .c-list--products button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .c-list--products button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .c-list--products a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .c-list--products a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .c-list--products a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .c-list--products a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .c-list--products a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .c-list--products a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .b-sub-cat__btn button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-sub-cat__btn button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-sub-cat__btn button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-sub-cat__btn button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .b-sub-cat__btn button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-sub-cat__btn button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .b-sub-cat__btn a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-sub-cat__btn a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-sub-cat__btn a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-sub-cat__btn a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .b-sub-cat__btn a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-sub-cat__btn a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right { fill: #fff; } .p-product-color-blue-dark .details .u-bg-1.is-active, .p-product-color-blue-dark .b-product-main .u-bg-1.is-active, .p-product-color-blue-dark .c-list--products .u-bg-1.is-active, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.is-active { border-color: #0072bc; background: #0072bc; } .p-product-color-blue-dark .details .p-product-color-blue-dark .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-dark .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-dark .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.u-paint-1.is-active, .p-product-color-blue-dark .details button.p-product-color-blue-dark .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-dark .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-dark .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.u-paint-1:hover, .p-product-color-blue-dark .details a.p-product-color-blue-dark .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-dark .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-dark .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.u-paint-1:hover, .p-product-color-blue-dark .b-product-main .p-product-color-blue-dark .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-dark .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-dark .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.u-paint-1.is-active, .p-product-color-blue-dark .b-product-main button.p-product-color-blue-dark .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-dark .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-dark .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.u-paint-1:hover, .p-product-color-blue-dark .b-product-main a.p-product-color-blue-dark .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-dark .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-dark .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.u-paint-1:hover, .p-product-color-blue-dark .c-list--products .p-product-color-blue-dark .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-dark .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-dark .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.u-paint-1.is-active, .p-product-color-blue-dark .c-list--products button.p-product-color-blue-dark .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-dark .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-dark .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.u-paint-1:hover, .p-product-color-blue-dark .c-list--products a.p-product-color-blue-dark .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-dark .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-dark .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.u-paint-1:hover, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-dark .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-dark .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-dark .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.u-paint-1.is-active, .p-product-color-blue-dark .b-sub-cat__btn button.p-product-color-blue-dark .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-dark .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-dark .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.u-paint-1:hover, .p-product-color-blue-dark .b-sub-cat__btn a.p-product-color-blue-dark .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-dark .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-dark .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.u-paint-1:hover { color: #fff; } .p-product-color-blue-dark .details .u-paint-1, .p-product-color-blue-dark .b-product-main .u-paint-1, .p-product-color-blue-dark .c-list--products .u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .u-paint-1 { color: #0072bc; } .p-product-color-blue-dark button.u-paint-1:hover, .p-product-color-blue-dark a.u-paint-1:hover { color: #fff; } .p-product-color-blue-dark .b-no-result__title, .p-product-color-blue-dark .b-compare-sticky .u-paint-1, .p-product-color-blue-dark .f-label--default--alt.f-label--checkbox, .p-product-color-blue-dark .c-btn--normal--compare .c-btn__label, .p-product-color-blue-dark .b-product-short__features__item, .p-product-color-blue-dark .b-product-short:hover, .p-product-color-blue-dark .c-btn--file:hover, .p-product-color-blue-dark .c-btn--file .c-btn__label:hover, .p-product-color-blue-dark .b-accordion__title--primary, .p-product-color-blue-dark .b-accordion__title--default, .p-product-color-blue-dark .b-product-desc__features--alt, .p-product-color-blue-dark .b-sub-cat__title { color: #0072bc; } .p-product-color-blue-dark .b-compare-sticky__title, .p-product-color-blue-dark .c-tooltip--default .c-tooltip__content, .p-product-color-blue-dark .c-tooltip--default .c-tooltip__handle, .p-product-color-blue-dark .l-sec--teaser-smart:before { background: #0072bc; } .p-product-color-blue-dark .f-label--default.f-label--checkbox:after, .p-product-color-blue-dark .f-label--default--alt.f-label--checkbox:after, .p-product-color-blue-dark .f-label--default--alt.f-label--checkbox:before { border-color: #0072bc; } .p-product-color-blue-dark .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after { background-image: url(../img/sprite.png); background-position: -170px -163px; width: 12px; height: 6px; } .p-product-color-blue-light .c-btn--carousel--primary, .p-product-color-blue-light .mCSB_scrollTools .mCSB_draggerRail, .p-product-color-blue-light .b-sub-cat__bg-in, .p-product-color-blue-light .c-nav--tabs--default, .p-product-color-blue-light .c-nav--view { background: #009fe1; } .p-product-color-blue-light .mCSB_draggerContainer, .p-product-color-blue-light .b-sub-cat-slider__pagin__item:hover, .p-product-color-blue-light .b-sub-cat-slider__pagin__item.is-active, .p-product-color-blue-light .c-btn--see-all, .p-product-color-blue-light .details .u-bg-4, .p-product-color-blue-light .b-product-main .u-bg-4, .p-product-color-blue-light .c-list--products .u-bg-4, .p-product-color-blue-light .b-sub-cat__btn .u-bg-4 { border-color: #009fe1; background: #009fe1; } .p-product-color-blue-light .b-compare-sticky .c-ico--svg--red.c-ico--svg--pdf, .p-product-color-blue-light .b-compare-sticky .c-ico--svg--red.c-ico--svg--print, .p-product-color-blue-light .b-compare-sticky .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-light .b-compare-sticky .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-light .b-compare-sticky .c-ico--svg--red.c-ico--svg--arrow-top, .p-product-color-blue-light .b-compare-sticky .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-light .b-compare-sticky .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-light .b-compare-sticky .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-light .b-accordion__title .c-ico--svg--red.c-ico--svg--pdf, .p-product-color-blue-light .b-accordion__title .c-ico--svg--red.c-ico--svg--print, .p-product-color-blue-light .b-accordion__title .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-light .b-accordion__title .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-light .b-accordion__title .c-ico--svg--red.c-ico--svg--arrow-top, .p-product-color-blue-light .b-accordion__title .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-light .b-accordion__title .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-light .b-accordion__title .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-light .b-sub-cat .c-ico--svg--red.c-ico--svg--pdf, .p-product-color-blue-light .b-sub-cat .c-ico--svg--red.c-ico--svg--print, .p-product-color-blue-light .b-sub-cat .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-light .b-sub-cat .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-light .b-sub-cat .c-ico--svg--red.c-ico--svg--arrow-top, .p-product-color-blue-light .b-sub-cat .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-light .b-sub-cat .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-light .b-sub-cat .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-light .details .c-ico--svg--red.c-ico--svg--pdf, .p-product-color-blue-light .details .c-ico--svg--red.c-ico--svg--print, .p-product-color-blue-light .details .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-light .details .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-light .details .c-ico--svg--red.c-ico--svg--arrow-top, .p-product-color-blue-light .details .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-light .details .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-light .details .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-light .b-product-main .c-ico--svg--red.c-ico--svg--pdf, .p-product-color-blue-light .b-product-main .c-ico--svg--red.c-ico--svg--print, .p-product-color-blue-light .b-product-main .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-light .b-product-main .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-light .b-product-main .c-ico--svg--red.c-ico--svg--arrow-top, .p-product-color-blue-light .b-product-main .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-light .b-product-main .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-light .b-product-main .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-light .c-list--products .c-ico--svg--red.c-ico--svg--pdf, .p-product-color-blue-light .c-list--products .c-ico--svg--red.c-ico--svg--print, .p-product-color-blue-light .c-list--products .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-light .c-list--products .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-light .c-list--products .c-ico--svg--red.c-ico--svg--arrow-top, .p-product-color-blue-light .c-list--products .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-light .c-list--products .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-light .c-list--products .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-light .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--pdf, .p-product-color-blue-light .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--print, .p-product-color-blue-light .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-light .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-light .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--arrow-top, .p-product-color-blue-light .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-light .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-light .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--arrow-right { fill: #009fe1; } .p-product-color-blue-light .b-compare-sticky .c-ico--svg--red.c-ico--svg--email, .p-product-color-blue-light .b-accordion__title .c-ico--svg--red.c-ico--svg--email, .p-product-color-blue-light .b-sub-cat .c-ico--svg--red.c-ico--svg--email, .p-product-color-blue-light .details .c-ico--svg--red.c-ico--svg--email, .p-product-color-blue-light .b-product-main .c-ico--svg--red.c-ico--svg--email, .p-product-color-blue-light .c-list--products .c-ico--svg--red.c-ico--svg--email, .p-product-color-blue-light .b-sub-cat__btn .c-ico--svg--red.c-ico--svg--email { stroke: #009fe1; } .p-product-color-blue-light .b-no-result__icons .c-ico--svg--red { fill: #0072bc; } .p-product-color-blue-light .c-btn--ico .c-ico--svg--red { fill: #0072bc; } .p-product-color-blue-light .c-btn--ico.is-active .c-ico--svg--red { fill: #333132; } .p-product-color-blue-light .details .u-bg-1, .p-product-color-blue-light .b-product-main .u-bg-1, .p-product-color-blue-light .c-list--products .u-bg-1, .p-product-color-blue-light .b-sub-cat__btn .u-bg-1 { border-color: #009fe1; } .p-product-color-blue-dark .details .u-bg-1.is-active, .p-product-color-blue-dark .details button.u-bg-1:hover, .p-product-color-blue-dark .details a.u-bg-1:hover, .p-product-color-blue-dark .b-product-main .u-bg-1.is-active, .p-product-color-blue-dark .b-product-main button.u-bg-1:hover, .p-product-color-blue-dark .b-product-main a.u-bg-1:hover, .p-product-color-blue-dark .c-list--products .u-bg-1.is-active, .p-product-color-blue-dark .c-list--products button.u-bg-1:hover, .p-product-color-blue-dark .c-list--products a.u-bg-1:hover, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.is-active, .p-product-color-blue-dark .b-sub-cat__btn button.u-bg-1:hover, .p-product-color-blue-dark .b-sub-cat__btn a.u-bg-1:hover { border-color: #333333; background: #333333; } .p-product-color-blue-dark .details .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .details .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .details .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .details .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .details .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .details .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .details button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .details button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .details button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .details button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .details button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .details button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .details a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .details a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .details a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .details a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .details a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .details a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .b-product-main .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-product-main .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-product-main .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-product-main .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .b-product-main .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-product-main .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .b-product-main button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-product-main button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-product-main button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-product-main button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .b-product-main button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-product-main button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .b-product-main a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-product-main a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-product-main a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-product-main a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .b-product-main a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-product-main a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .c-list--products .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .c-list--products .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .c-list--products .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .c-list--products .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .c-list--products .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .c-list--products .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .c-list--products button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .c-list--products button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .c-list--products button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .c-list--products button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .c-list--products button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .c-list--products button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .c-list--products a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .c-list--products a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .c-list--products a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .c-list--products a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .c-list--products a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .c-list--products a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .b-sub-cat__btn button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-sub-cat__btn button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-sub-cat__btn button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-sub-cat__btn button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .b-sub-cat__btn button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-sub-cat__btn button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right, .p-product-color-blue-dark .b-sub-cat__btn a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-left, .p-product-color-blue-dark .b-sub-cat__btn a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-long-right, .p-product-color-blue-dark .b-sub-cat__btn a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, .p-product-color-blue-dark .b-sub-cat__btn a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, .p-product-color-blue-dark .b-sub-cat__btn a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, .p-product-color-blue-dark .b-sub-cat__btn a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right { fill: #fff; } .p-product-color-blue-dark .details .u-bg-1.is-active, .p-product-color-blue-dark .b-product-main .u-bg-1.is-active, .p-product-color-blue-dark .c-list--products .u-bg-1.is-active, .p-product-color-blue-dark .b-sub-cat__btn .u-bg-1.is-active { border-color: #009fe1; background: #009fe1; } .p-product-color-blue-dark .details .p-product-color-blue-light .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-light .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-light .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-light .b-sub-cat__btn .u-bg-1.u-paint-1.is-active, .p-product-color-blue-dark .details button.p-product-color-blue-light .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-light .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-light .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-light .b-sub-cat__btn .u-bg-1.u-paint-1:hover, .p-product-color-blue-dark .details a.p-product-color-blue-light .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-light .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-light .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .details .p-product-color-blue-light .b-sub-cat__btn .u-bg-1.u-paint-1:hover, .p-product-color-blue-dark .b-product-main .p-product-color-blue-light .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-light .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-light .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-light .b-sub-cat__btn .u-bg-1.u-paint-1.is-active, .p-product-color-blue-dark .b-product-main button.p-product-color-blue-light .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-light .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-light .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-light .b-sub-cat__btn .u-bg-1.u-paint-1:hover, .p-product-color-blue-dark .b-product-main a.p-product-color-blue-light .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-light .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-light .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-product-main .p-product-color-blue-light .b-sub-cat__btn .u-bg-1.u-paint-1:hover, .p-product-color-blue-dark .c-list--products .p-product-color-blue-light .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-light .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-light .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-light .b-sub-cat__btn .u-bg-1.u-paint-1.is-active, .p-product-color-blue-dark .c-list--products button.p-product-color-blue-light .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-light .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-light .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-light .b-sub-cat__btn .u-bg-1.u-paint-1:hover, .p-product-color-blue-dark .c-list--products a.p-product-color-blue-light .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-light .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-light .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .c-list--products .p-product-color-blue-light .b-sub-cat__btn .u-bg-1.u-paint-1:hover, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-light .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-light .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-light .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-light .b-sub-cat__btn .u-bg-1.u-paint-1.is-active, .p-product-color-blue-dark .b-sub-cat__btn button.p-product-color-blue-light .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-light .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-light .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-light .b-sub-cat__btn .u-bg-1.u-paint-1:hover, .p-product-color-blue-dark .b-sub-cat__btn a.p-product-color-blue-light .details .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-light .b-product-main .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-light .c-list--products .u-bg-1.u-paint-1, .p-product-color-blue-dark .b-sub-cat__btn .p-product-color-blue-light .b-sub-cat__btn .u-bg-1.u-paint-1:hover { color: #fff; } .p-product-color-blue-light .details .u-paint-1, .p-product-color-blue-light .b-product-main .u-paint-1, .p-product-color-blue-light .c-list--products .u-paint-1, .p-product-color-blue-light .b-sub-cat__btn .u-paint-1 { color: #009fe1; } .p-product-color-blue-dark button.u-paint-1:hover, .p-product-color-blue-dark a.u-paint-1:hover { color: #fff; } .p-product-color-blue-light .b-no-result__title, .p-product-color-blue-light .b-compare-sticky .u-paint-1, .p-product-color-blue-light .f-label--default--alt.f-label--checkbox, .p-product-color-blue-light .c-btn--normal--compare .c-btn__label, .p-product-color-blue-light .b-product-short__features__item, .p-product-color-blue-light .b-product-short:hover, .p-product-color-blue-light .c-btn--file:hover, .p-product-color-blue-light .c-btn--file .c-btn__label:hover, .p-product-color-blue-light .b-accordion__title--primary, .p-product-color-blue-light .b-accordion__title--default, .p-product-color-blue-light .b-product-desc__features--alt, .p-product-color-blue-light .b-sub-cat__title { color: #009fe1; } .p-product-color-blue-light .b-compare-sticky__title, .p-product-color-blue-light .c-tooltip--default .c-tooltip__content, .p-product-color-blue-light .c-tooltip--default .c-tooltip__handle, .p-product-color-blue-light .l-sec--teaser-smart:before { background: #009fe1; } .p-product-color-blue-light .f-label--default.f-label--checkbox:after, .p-product-color-blue-light .f-label--default--alt.f-label--checkbox:after, .p-product-color-blue-light .f-label--default--alt.f-label--checkbox:before { border-color: #009fe1; } .p-product-color-blue-light .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after { background-image: url(../img/sprite.png); background-position: -170px -163px; width: 12px; height: 6px; } /* Languages ========================================================================== */ .p-has-lang-rs .c-label--latest { background-image: url("../img/default/bg-label-latest-red-rs.png"); } .p-has-lang-en .c-label--latest { background-image: url("../img/default/bg-label-latest-red-en.png"); } /* Carousels ========================================================================== */ /* Global ========================================================================== */ .carousel { position: relative; z-index: 20; } /* Slick dots ========================================================================== */ .slick-dots { text-align: center; } .slick-dots a { margin: 0; overflow: hidden; display: block; width: 14px; height: 14px; border-radius: 360px; text-indent: -777em; border: 2px solid #fff; background: #000000; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; cursor: pointer; } .slick-dots a:focus { outline: none; } .slick-dots li { display: inline-block; margin-left: 5px; margin-right: 5px; } .slick-dots li:hover a, .slick-dots li .slick-active a { border-color: #000000; background: #fff; } .slick-dots--primary a, .slick-dots--alt a { width: 16px; height: 16px; border-radius: 50%; border: 1px solid #b7b7b7; background: #fff; } .slick-dots--primary li, .slick-dots--alt li { margin-left: 2px; margin-right: 2px; } .slick-dots--primary li:hover a, .slick-dots--primary li.slick-active a, .slick-dots--alt li:hover a, .slick-dots--alt li.slick-active a { border-color: #ed2436; background: #ed2436; } .slick-dots--primary a { border: 1px solid #fff; background: none; } @media (max-width: 767px) { .slick-dots--primary a { border-color: #333132; } } .carousel--hero { overflow: hidden; height: calc(100vh - 100px); min-height: 500px; } @media (max-width: 1460px) { .carousel--hero { height: calc(100vh - 80px); } } @media (max-width: 1024px) { .carousel--hero { height: auto; min-height: 10px; } } .carousel--hero .slick-dots { position: absolute; top: 50%; right: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: left; } @media (max-width: 767px) { .carousel--hero .slick-dots { top: auto; bottom: 0; left: 0; right: auto; width: 100%; text-align: left; } } .carousel--hero .slick-dots li { display: block; margin-bottom: 10px; } @media (max-width: 767px) { .carousel--hero .slick-dots li { display: inline-block; margin: 0 5px; } } .carousel--thumbs .carousel__arrows { margin-top: 20px; text-align: center; } .carousel--thumbs .carousel__arrows .slick-arrow { margin: 0 5px; } .carousel--thumbs--line-down:after { display: block; content: ''; /*width: 100%;*/ height: 1px; margin-top: 50px; background: #ebebeb; } @media (max-width: 1460px) { .carousel--thumbs--line-down:after { margin-top: 20px; } } @media (max-width: 1024px) { .carousel--thumbs--line-down:after { display: none; } } .carousel--products-short .slick-dots { position: relative; z-index: 50; margin-top: -40px; margin-right: 5px; float: right; } .carousel--primary { margin: 25px 0; } @media (max-width: 670px) { .carousel--primary { margin: 15px 0; } } .carousel--primary .slick-dots { margin-top: 35px; } @media (max-width: 670px) { .carousel--primary .slick-dots { margin-top: 20px; } } .carousel--primary .slick-arrow { position: absolute; top: 50%; z-index: 20; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .carousel--primary .slick-prev { left: -20px; } .carousel--primary .slick-next { right: -20px; } .carousel--programator { z-index: 10; margin-top: -90px; } @media (max-width: 1460px) { .carousel--programator { margin-top: -60px; } } @media (max-width: 1024px) { .carousel--programator { margin: 0; } } @media (max-width: 1024px) { .carousel--programator .slick-list { margin: 0; padding: 0; } } .carousel--programator .slick-arrow { position: absolute; top: 305px; z-index: 20; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1024px) { .carousel--programator .slick-arrow { top: 50px; } } .carousel--programator .slick-prev { left: -20px; } .carousel--programator .slick-next { right: -20px; } .carousel--comparison .carousel__items { padding-left: 29px; padding-right: 29px; } .carousel--comparison .carousel__item:nth-child(2n) { background: #f9f9f9; } .carousel--comparison .slick-arrow .c-btn { position: absolute; top: 144px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .carousel--comparison .slick-arrow { position: absolute; top: 0; z-index: 20; display: block; width: 29px; height: 100%; background: #e1e1e1; cursor: pointer; } .carousel--comparison .slick-arrow.slick-disabled { opacity: 0.2; cursor: default; } .carousel--comparison .slick-arrow.slick-disabled .c-btn { cursor: default; } .carousel--comparison .slick-prev { left: 0; } .carousel--comparison .slick-next { right: 0; } .carousel--text-image .b-text-image__main__wrap--primary { padding-bottom: 120px; } @media (max-width: 1700px) { .carousel--text-image .b-text-image__main__wrap--primary { padding-bottom: 90px; } } @media (max-width: 1024px) { .carousel--text-image .b-text-image__main__wrap--primary { padding-bottom: 50px; } } @media (max-width: 767px) { .carousel--text-image .b-text-image__main__wrap--primary { padding-bottom: 28px; } } .carousel--text-image .slick-dots { position: absolute; left: 90px; bottom: 55px; } @media (max-width: 1700px) { .carousel--text-image .slick-dots { left: 60px; bottom: 20px; } } @media (max-width: 1460px) { .carousel--text-image .slick-dots { left: 40px; } } @media (max-width: 1024px) { .carousel--text-image .slick-dots { bottom: 10px; } } @media (max-width: 767px) { .carousel--text-image .slick-dots { width: calc(100% - 20px); left: 20px; text-align: center; } } /* Vendor ========================================================================== */ /* Magnific popup ========================================================================== */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.4; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 1; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; } .mfp-close:hover, .mfp-close:focus { opacity: 0.8; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* Slick ========================================================================== */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* mCustomScrollbar ========================================================================== */ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar { touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 22px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 100%; margin: 0 auto; background: #ed2436; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 100%; height: 100%; margin: 0 auto; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools { opacity: 1; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; } .mCSB_draggerContainer { border: 1px solid #ed2436; background: #ed2436; } .mCSB_scrollTools .mCSB_draggerRail { position: relative; background: none; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after { position: absolute; top: 50%; left: 50%; content: ''; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-image: url(../img/sprite.png); background-position: -158px -163px; width: 12px; height: 6px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* dark */ .mCS-dark-1 .mCSB_scrollTools .mCSB_draggerContainer { border-radius: 0; border: 0; background: #fff; } .mCS-dark-1 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { margin: 0; height: 8px; } .mCS-dark-1 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background: #ed2436; } .mCS-dark-1 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { background: none; } .mCS-dark-1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after { display: none; } .mCS-dark-1 .mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 8px; } .mCS-dark-1 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 8px; margin: 0; } /* Modifiers ========================================================================== */ /* Text aligned ========================================================================== */ .h-text-left { text-align: left; } .h-text-center { text-align: center; } .h-text-right { text-align: right; } .h-text-justify { text-align: justify; } .h-pull-right { float: right; } .h-pull-left { float: left; } .h-hidden { display: none; } .h-show { display: block; } .h-ttn { text-transform: uppercase; } .h-tts { text-transform: lowercase; } .h-no-space-bottom { padding-bottom: 0; } .h-no-space-top { padding-top: 0; } .h-no-margin-bottom { margin-bottom: 0; } .h-no-margin-top { margin-top: 0; } .h-no-pointer { pointer-events: none; } @media (max-width: 1240px) { .h-hidden\@inner { display: none; } .h-show\@inner { display: block; } .h-text-left\@inner { text-align: left; } .h-text-center\@inner { text-align: center; } .h-text-right\@inner { text-align: right; } } @media (max-width: 1700px) { .h-hidden\@laptop { display: none; } .h-show\@laptop { display: block; } .h-text-left\@laptop { text-align: left; } .h-text-center\@laptop { text-align: center; } .h-text-right\@laptop { text-align: right; } } @media (max-width: 1460px) { .h-hidden\@laptop-middle { display: none; } .h-show\@laptop-middle { display: block; } .h-text-left\@laptop-middle { text-align: left; } .h-text-center\@laptop-middle { text-align: center; } .h-text-right\@laptop-middle { text-align: right; } } @media (max-width: 1200px) { .h-hidden\@laptop-small { display: none; } .h-show\@laptop-small { display: block; } .h-text-left\@laptop-small { text-align: left; } .h-text-center\@laptop-small { text-align: center; } .h-text-right\@laptop-small { text-align: right; } } @media (max-width: 1100px) { .h-hidden\@laptop-smaller { display: none; } .h-show\@laptop-smaller { display: block; } .h-text-left\@laptop-smaller { text-align: left; } .h-text-center\@laptop-smaller { text-align: center; } .h-text-right\@laptop-smaller { text-align: right; } } @media (max-width: 1024px) { .h-hidden\@tablet { display: none; } .h-show\@tablet { display: block; } .h-text-left\@tablet { text-align: left; } .h-text-center\@tablet { text-align: center; } .h-text-right\@tablet { text-align: right; } } @media (max-width: 950px) { .h-hidden\@tablet-middle { display: none; } .h-show\@tablet-middle { display: block; } .h-text-left\@tablet-middle { text-align: left; } .h-text-center\@tablet-middle { text-align: center; } .h-text-right\@tablet-middle { text-align: right; } } @media (max-width: 768px) { .h-hidden\@tablet-small { display: none; } .h-show\@tablet-small { display: block; } .h-text-left\@tablet-small { text-align: left; } .h-text-center\@tablet-small { text-align: center; } .h-text-right\@tablet-small { text-align: right; } } @media (max-width: 767px) { .h-hidden\@smartphone { display: none; } .h-show\@smartphone { display: block; } .h-text-left\@smartphone { text-align: left; } .h-text-center\@smartphone { text-align: center; } .h-text-right\@smartphone { text-align: right; } } @media (max-width: 670px) { .h-hidden\@smartphone-middle { display: none; } .h-show\@smartphone-middle { display: block; } .h-text-left\@smartphone-middle { text-align: left; } .h-text-center\@smartphone-middle { text-align: center; } .h-text-right\@smartphone-middle { text-align: right; } } @media (max-width: 480px) { .h-hidden\@smartphone-small { display: none; } .h-show\@smartphone-small { display: block; } .h-text-left\@smartphone-small { text-align: left; } .h-text-center\@smartphone-small { text-align: center; } .h-text-right\@smartphone-small { text-align: right; } } @media (min-height: 850px) { .h-hidden\@min-height-big { display: none; } .h-show\@min-height-big { display: block; } .h-text-left\@min-height-big { text-align: left; } .h-text-center\@min-height-big { text-align: center; } .h-text-right\@min-height-big { text-align: right; } } @media (min-height: 600px) { .h-hidden\@min-height-middle { display: none; } .h-show\@min-height-middle { display: block; } .h-text-left\@min-height-middle { text-align: left; } .h-text-center\@min-height-middle { text-align: center; } .h-text-right\@min-height-middle { text-align: right; } } @media (min-height: 550px) { .h-hidden\@min-height-small { display: none; } .h-show\@min-height-small { display: block; } .h-text-left\@min-height-small { text-align: left; } .h-text-center\@min-height-small { text-align: center; } .h-text-right\@min-height-small { text-align: right; } } @media (max-height: 850px) { .h-hidden\@max-height-big { display: none; } .h-show\@max-height-big { display: block; } .h-text-left\@max-height-big { text-align: left; } .h-text-center\@max-height-big { text-align: center; } .h-text-right\@max-height-big { text-align: right; } } @media (max-height: 750px) { .h-hidden\@max-height-middle { display: none; } .h-show\@max-height-middle { display: block; } .h-text-left\@max-height-middle { text-align: left; } .h-text-center\@max-height-middle { text-align: center; } .h-text-right\@max-height-middle { text-align: right; } } @media (max-height: 550px) { .h-hidden\@max-height-small { display: none; } .h-show\@max-height-small { display: block; } .h-text-left\@max-height-small { text-align: left; } .h-text-center\@max-height-small { text-align: center; } .h-text-right\@max-height-small { text-align: right; } } /* H - space ========================================================================== */ .u-space-s { padding: 15px 25px; } @media (max-width: 1024px) { .u-space-s { padding: 15px 20px; } } .u-space-m { padding: 20px 25px; } @media (max-width: 1024px) { .u-space-m { padding: 20px 20px; } } .u-space-l { padding: 30px 25px; } @media (max-width: 1024px) { .u-space-l { padding: 20px; } } .u-space-xl { padding: 40px 25px; } @media (max-width: 1024px) { .u-space-xl { padding: 20px; } } /* Backgrounds for buttons ========================================================================== */ .u-bg-1 { border-color: #ed2436; background: #fff; } .u-bg-1.is-active, button.u-bg-1:hover, a.u-bg-1:hover { border-color: #333333; background: #333333; } .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-down, .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-up, .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-left, .u-bg-1.is-active .c-ico--svg--red.c-ico--svg--arrow-right, button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, button.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right, a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-down, a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-up, a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-left, a.u-bg-1:hover .c-ico--svg--red.c-ico--svg--arrow-right { fill: #fff; } .u-bg-1.is-active { border-color: #ed2436; background: #ed2436; } .u-bg-1.u-paint-1.is-active, button.u-bg-1.u-paint-1:hover, a.u-bg-1.u-paint-1:hover { color: #fff; } .u-bg-2 { border-color: #fff; background: none; } button.u-bg-2:hover, a.u-bg-2:hover { border-color: #333333; background: #333333; } .u-bg-3 { border-color: #333333; background: #333333; } a.u-bg-3:hover { border-color: #ed2436; background: #ed2436; } .u-bg-4 { border-color: #ed2436; background: #ed2436; } a.u-bg-4:hover { border-color: #333333; background: #333333; } .u-bg-5 { border-color: #e5e5e5; background: #e5e5e5; } .u-bg-6 { border-color: #f3f3f3; background: #f3f3f3; } .u-bg-7 { border-color: #dcdcdc; background: #dcdcdc; } .u-bg-8 { border-color: #fff; background: none; } a.u-bg-8:hover { border-color: #ed2436; background: #ed2436; } .u-bg-9 { background: none; } /* Backgrounds for sections ========================================================================== */ .u-sec-bg-1 { background: #e4e4e4; background: white; /* Old browsers */ /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, white 0%, #d5d5d5 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-radial-gradient(center ellipse, white 0%, #d5d5d5 100%); background: radial-gradient(ellipse at center, white 0%, #d5d5d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .u-sec-bg-2 { color: #fff; background: #ed2436 url("../img/default/bg-sec-1.jpg") no-repeat 50% 0; background-size: cover; } .u-sec-bg-2 .t-head strong { color: #fff; } .u-sec-bg-3 { border-color: #ed2436; background: #fff; } .u-sec-bg-4 { border-color: #eeeeee; background: #eeeeee; } .u-sec-bg-5 { border-color: #f5f5f5; background: #f5f5f5; } /* Colors for buttons ========================================================================== */ .u-paint-1 { color: #ed2436; } button.u-paint-1:hover, a.u-paint-1:hover { color: #333132; } .u-paint-2 { color: #fff; } .u-paint-2 .t-head strong { color: #fff; } button.u-paint-2:hover, a.u-paint-2:hover { color: #fff; } .u-paint-3 { color: #333132; } button.u-paint-3:hover, a.u-paint-3:hover { color: #ed2436; } /*# sourceMappingURL=main-amica.css.map */ .c-logo--main-amica {background-image: url('/tpl/img/svg/amica1.svg') !important; height: 65px; margin-top: 18px !important; width: 145px;} @media (max-width: 950px) { .c-logo--main-amica { height: 50px; width: 111px; } } .lang-ro .l-sec--cat-82 .c-list--features-graphics__energy-efficiency-class-a, .lang-hu .l-sec--cat-82 .c-list--features-graphics__energy-efficiency-class-a, .lang-hr .l-sec--cat-82 .c-list--features-graphics__energy-efficiency-class-a, .lang-si .l-sec--cat-82 .c-list--features-graphics__energy-efficiency-class-a, .lang-bg .l-sec--cat-82 .c-list--features-graphics__energy-efficiency-class-a, .lang-ee .l-sec--cat-82 .c-list--features-graphics__energy-efficiency-class-a, .lang-lt .l-sec--cat-82 .c-list--features-graphics__energy-efficiency-class-a, .lang-lv .l-sec--cat-82 .c-list--features-graphics__energy-efficiency-class-a, .lang-it .l-sec--cat-82 .c-list--features-graphics__energy-efficiency-class-a, .lang-fr .l-sec--cat-82 .c-list--features-graphics__energy-efficiency-class-a, .lang-ro .l-sec--cat-82 .c-list--features-graphics__energy-a-energy-class, .lang-hu .l-sec--cat-82 .c-list--features-graphics__energy-a-energy-class, .lang-hr .l-sec--cat-82 .c-list--features-graphics__energy-a-energy-class, .lang-si .l-sec--cat-82 .c-list--features-graphics__energy-a-energy-class, .lang-bg .l-sec--cat-82 .c-list--features-graphics__energy-a-energy-class, .lang-ee .l-sec--cat-82 .c-list--features-graphics__energy-a-energy-class, .lang-lt .l-sec--cat-82 .c-list--features-graphics__energy-a-energy-class, .lang-lv .l-sec--cat-82 .c-list--features-graphics__energy-a-energy-class, .lang-it .l-sec--cat-82 .c-list--features-graphics__energy-a-energy-class, .lang-fr .l-sec--cat-82 .c-list--features-graphics__energy-a-energy-class, .lang-ro .l-sec--cat-82 .c-list--features-graphics__energy-energy-class-a, .lang-hu .l-sec--cat-82 .c-list--features-graphics__energy-energy-class-a, .lang-hr .l-sec--cat-82 .c-list--features-graphics__energy-energy-class-a, .lang-si .l-sec--cat-82 .c-list--features-graphics__energy-energy-class-a, .lang-bg .l-sec--cat-82 .c-list--features-graphics__energy-energy-class-a, .lang-ee .l-sec--cat-82 .c-list--features-graphics__energy-energy-class-a, .lang-lt .l-sec--cat-82 .c-list--features-graphics__energy-energy-class-a, .lang-lv .l-sec--cat-82 .c-list--features-graphics__energy-energy-class-a, .lang-it .l-sec--cat-82 .c-list--features-graphics__energy-energy-class-a, .lang-fr .l-sec--cat-82 .c-list--features-graphics__energy-energy-class-a, .lang-ro .l-sec--cat-83 .c-list--features-graphics__energy-efficiency-class-a, .lang-hu .l-sec--cat-83 .c-list--features-graphics__energy-efficiency-class-a, .lang-hr .l-sec--cat-83 .c-list--features-graphics__energy-efficiency-class-a, .lang-si .l-sec--cat-83 .c-list--features-graphics__energy-efficiency-class-a, .lang-bg .l-sec--cat-83 .c-list--features-graphics__energy-efficiency-class-a, .lang-ee .l-sec--cat-83 .c-list--features-graphics__energy-efficiency-class-a, .lang-lt .l-sec--cat-83 .c-list--features-graphics__energy-efficiency-class-a, .lang-lv .l-sec--cat-83 .c-list--features-graphics__energy-efficiency-class-a, .lang-it .l-sec--cat-83 .c-list--features-graphics__energy-efficiency-class-a, .lang-fr .l-sec--cat-83 .c-list--features-graphics__energy-efficiency-class-a, .lang-ro .l-sec--cat-83 .c-list--features-graphics__energy-a-energy-class, .lang-hu .l-sec--cat-83 .c-list--features-graphics__energy-a-energy-class, .lang-hr .l-sec--cat-83 .c-list--features-graphics__energy-a-energy-class, .lang-si .l-sec--cat-83 .c-list--features-graphics__energy-a-energy-class, .lang-bg .l-sec--cat-83 .c-list--features-graphics__energy-a-energy-class, .lang-ee .l-sec--cat-83 .c-list--features-graphics__energy-a-energy-class, .lang-lt .l-sec--cat-83 .c-list--features-graphics__energy-a-energy-class, .lang-lv .l-sec--cat-83 .c-list--features-graphics__energy-a-energy-class, .lang-it .l-sec--cat-83 .c-list--features-graphics__energy-a-energy-class, .lang-fr .l-sec--cat-83 .c-list--features-graphics__energy-a-energy-class, .lang-ro .l-sec--cat-83 .c-list--features-graphics__energy-energy-class-a, .lang-hu .l-sec--cat-83 .c-list--features-graphics__energy-energy-class-a, .lang-hr .l-sec--cat-83 .c-list--features-graphics__energy-energy-class-a, .lang-si .l-sec--cat-83 .c-list--features-graphics__energy-energy-class-a, .lang-bg .l-sec--cat-83 .c-list--features-graphics__energy-energy-class-a, .lang-ee .l-sec--cat-83 .c-list--features-graphics__energy-energy-class-a, .lang-lt .l-sec--cat-83 .c-list--features-graphics__energy-energy-class-a, .lang-lv .l-sec--cat-83 .c-list--features-graphics__energy-energy-class-a, .lang-it .l-sec--cat-83 .c-list--features-graphics__energy-energy-class-a, .lang-fr .l-sec--cat-83 .c-list--features-graphics__energy-energy-class-a, .lang-ro .l-sec--cat-84 .c-list--features-graphics__energy-efficiency-class-a, .lang-hu .l-sec--cat-84 .c-list--features-graphics__energy-efficiency-class-a, .lang-hr .l-sec--cat-84 .c-list--features-graphics__energy-efficiency-class-a, .lang-si .l-sec--cat-84 .c-list--features-graphics__energy-efficiency-class-a, .lang-bg .l-sec--cat-84 .c-list--features-graphics__energy-efficiency-class-a, .lang-ee .l-sec--cat-84 .c-list--features-graphics__energy-efficiency-class-a, .lang-lt .l-sec--cat-84 .c-list--features-graphics__energy-efficiency-class-a, .lang-lv .l-sec--cat-84 .c-list--features-graphics__energy-efficiency-class-a, .lang-it .l-sec--cat-84 .c-list--features-graphics__energy-efficiency-class-a, .lang-fr .l-sec--cat-84 .c-list--features-graphics__energy-efficiency-class-a, .lang-ro .l-sec--cat-84 .c-list--features-graphics__energy-a-energy-class, .lang-hu .l-sec--cat-84 .c-list--features-graphics__energy-a-energy-class, .lang-hr .l-sec--cat-84 .c-list--features-graphics__energy-a-energy-class, .lang-si .l-sec--cat-84 .c-list--features-graphics__energy-a-energy-class, .lang-bg .l-sec--cat-84 .c-list--features-graphics__energy-a-energy-class, .lang-ee .l-sec--cat-84 .c-list--features-graphics__energy-a-energy-class, .lang-lt .l-sec--cat-84 .c-list--features-graphics__energy-a-energy-class, .lang-lv .l-sec--cat-84 .c-list--features-graphics__energy-a-energy-class, .lang-it .l-sec--cat-84 .c-list--features-graphics__energy-a-energy-class, .lang-fr .l-sec--cat-84 .c-list--features-graphics__energy-a-energy-class, .lang-ro .l-sec--cat-84 .c-list--features-graphics__energy-energy-class-a, .lang-hu .l-sec--cat-84 .c-list--features-graphics__energy-energy-class-a, .lang-hr .l-sec--cat-84 .c-list--features-graphics__energy-energy-class-a, .lang-si .l-sec--cat-84 .c-list--features-graphics__energy-energy-class-a, .lang-bg .l-sec--cat-84 .c-list--features-graphics__energy-energy-class-a, .lang-ee .l-sec--cat-84 .c-list--features-graphics__energy-energy-class-a, .lang-lt .l-sec--cat-84 .c-list--features-graphics__energy-energy-class-a, .lang-lv .l-sec--cat-84 .c-list--features-graphics__energy-energy-class-a, .lang-it .l-sec--cat-84 .c-list--features-graphics__energy-energy-class-a, .lang-fr .l-sec--cat-84 .c-list--features-graphics__energy-energy-class-a, .lang-ro .l-sec--cat-71 .c-list--features-graphics__energy-efficiency-class-a, .lang-hu .l-sec--cat-71 .c-list--features-graphics__energy-efficiency-class-a, .lang-hr .l-sec--cat-71 .c-list--features-graphics__energy-efficiency-class-a, .lang-si .l-sec--cat-71 .c-list--features-graphics__energy-efficiency-class-a, .lang-bg .l-sec--cat-71 .c-list--features-graphics__energy-efficiency-class-a, .lang-ee .l-sec--cat-71 .c-list--features-graphics__energy-efficiency-class-a, .lang-lt .l-sec--cat-71 .c-list--features-graphics__energy-efficiency-class-a, .lang-lv .l-sec--cat-71 .c-list--features-graphics__energy-efficiency-class-a, .lang-it .l-sec--cat-71 .c-list--features-graphics__energy-efficiency-class-a, .lang-fr .l-sec--cat-71 .c-list--features-graphics__energy-efficiency-class-a, .lang-ro .l-sec--cat-71 .c-list--features-graphics__energy-a-energy-class, .lang-hu .l-sec--cat-71 .c-list--features-graphics__energy-a-energy-class, .lang-hr .l-sec--cat-71 .c-list--features-graphics__energy-a-energy-class, .lang-si .l-sec--cat-71 .c-list--features-graphics__energy-a-energy-class, .lang-bg .l-sec--cat-71 .c-list--features-graphics__energy-a-energy-class, .lang-ee .l-sec--cat-71 .c-list--features-graphics__energy-a-energy-class, .lang-lt .l-sec--cat-71 .c-list--features-graphics__energy-a-energy-class, .lang-lv .l-sec--cat-71 .c-list--features-graphics__energy-a-energy-class, .lang-it .l-sec--cat-71 .c-list--features-graphics__energy-a-energy-class, .lang-fr .l-sec--cat-71 .c-list--features-graphics__energy-a-energy-class, .lang-ro .l-sec--cat-71 .c-list--features-graphics__energy-energy-class-a, .lang-hu .l-sec--cat-71 .c-list--features-graphics__energy-energy-class-a, .lang-hr .l-sec--cat-71 .c-list--features-graphics__energy-energy-class-a, .lang-si .l-sec--cat-71 .c-list--features-graphics__energy-energy-class-a, .lang-bg .l-sec--cat-71 .c-list--features-graphics__energy-energy-class-a, .lang-ee .l-sec--cat-71 .c-list--features-graphics__energy-energy-class-a, .lang-lt .l-sec--cat-71 .c-list--features-graphics__energy-energy-class-a, .lang-lv .l-sec--cat-71 .c-list--features-graphics__energy-energy-class-a, .lang-it .l-sec--cat-71 .c-list--features-graphics__energy-energy-class-a, .lang-fr .l-sec--cat-71 .c-list--features-graphics__energy-energy-class-a, .lang-ro .l-sec--cat-72 .c-list--features-graphics__energy-efficiency-class-a, .lang-hu .l-sec--cat-72 .c-list--features-graphics__energy-efficiency-class-a, .lang-hr .l-sec--cat-72 .c-list--features-graphics__energy-efficiency-class-a, .lang-si .l-sec--cat-72 .c-list--features-graphics__energy-efficiency-class-a, .lang-bg .l-sec--cat-72 .c-list--features-graphics__energy-efficiency-class-a, .lang-ee .l-sec--cat-72 .c-list--features-graphics__energy-efficiency-class-a, .lang-lt .l-sec--cat-72 .c-list--features-graphics__energy-efficiency-class-a, .lang-lv .l-sec--cat-72 .c-list--features-graphics__energy-efficiency-class-a, .lang-it .l-sec--cat-72 .c-list--features-graphics__energy-efficiency-class-a, .lang-fr .l-sec--cat-72 .c-list--features-graphics__energy-efficiency-class-a, .lang-ro .l-sec--cat-72 .c-list--features-graphics__energy-a-energy-class, .lang-hu .l-sec--cat-72 .c-list--features-graphics__energy-a-energy-class, .lang-hr .l-sec--cat-72 .c-list--features-graphics__energy-a-energy-class, .lang-si .l-sec--cat-72 .c-list--features-graphics__energy-a-energy-class, .lang-bg .l-sec--cat-72 .c-list--features-graphics__energy-a-energy-class, .lang-ee .l-sec--cat-72 .c-list--features-graphics__energy-a-energy-class, .lang-lt .l-sec--cat-72 .c-list--features-graphics__energy-a-energy-class, .lang-lv .l-sec--cat-72 .c-list--features-graphics__energy-a-energy-class, .lang-it .l-sec--cat-72 .c-list--features-graphics__energy-a-energy-class, .lang-fr .l-sec--cat-72 .c-list--features-graphics__energy-a-energy-class, .lang-ro .l-sec--cat-72 .c-list--features-graphics__energy-energy-class-a, .lang-hu .l-sec--cat-72 .c-list--features-graphics__energy-energy-class-a, .lang-hr .l-sec--cat-72 .c-list--features-graphics__energy-energy-class-a, .lang-si .l-sec--cat-72 .c-list--features-graphics__energy-energy-class-a, .lang-bg .l-sec--cat-72 .c-list--features-graphics__energy-energy-class-a, .lang-ee .l-sec--cat-72 .c-list--features-graphics__energy-energy-class-a, .lang-lt .l-sec--cat-72 .c-list--features-graphics__energy-energy-class-a, .lang-lv .l-sec--cat-72 .c-list--features-graphics__energy-energy-class-a, .lang-it .l-sec--cat-72 .c-list--features-graphics__energy-energy-class-a, .lang-fr .l-sec--cat-72 .c-list--features-graphics__energy-energy-class-a, .lang-ro .l-sec--cat-66 .c-list--features-graphics__energy-efficiency-class-a, .lang-hu .l-sec--cat-66 .c-list--features-graphics__energy-efficiency-class-a, .lang-hr .l-sec--cat-66 .c-list--features-graphics__energy-efficiency-class-a, .lang-si .l-sec--cat-66 .c-list--features-graphics__energy-efficiency-class-a, .lang-bg .l-sec--cat-66 .c-list--features-graphics__energy-efficiency-class-a, .lang-ee .l-sec--cat-66 .c-list--features-graphics__energy-efficiency-class-a, .lang-lt .l-sec--cat-66 .c-list--features-graphics__energy-efficiency-class-a, .lang-lv .l-sec--cat-66 .c-list--features-graphics__energy-efficiency-class-a, .lang-it .l-sec--cat-66 .c-list--features-graphics__energy-efficiency-class-a, .lang-fr .l-sec--cat-66 .c-list--features-graphics__energy-efficiency-class-a, .lang-ro .l-sec--cat-66 .c-list--features-graphics__energy-a-energy-class, .lang-hu .l-sec--cat-66 .c-list--features-graphics__energy-a-energy-class, .lang-hr .l-sec--cat-66 .c-list--features-graphics__energy-a-energy-class, .lang-si .l-sec--cat-66 .c-list--features-graphics__energy-a-energy-class, .lang-bg .l-sec--cat-66 .c-list--features-graphics__energy-a-energy-class, .lang-ee .l-sec--cat-66 .c-list--features-graphics__energy-a-energy-class, .lang-lt .l-sec--cat-66 .c-list--features-graphics__energy-a-energy-class, .lang-lv .l-sec--cat-66 .c-list--features-graphics__energy-a-energy-class, .lang-it .l-sec--cat-66 .c-list--features-graphics__energy-a-energy-class, .lang-fr .l-sec--cat-66 .c-list--features-graphics__energy-a-energy-class, .lang-ro .l-sec--cat-66 .c-list--features-graphics__energy-energy-class-a, .lang-hu .l-sec--cat-66 .c-list--features-graphics__energy-energy-class-a, .lang-hr .l-sec--cat-66 .c-list--features-graphics__energy-energy-class-a, .lang-si .l-sec--cat-66 .c-list--features-graphics__energy-energy-class-a, .lang-bg .l-sec--cat-66 .c-list--features-graphics__energy-energy-class-a, .lang-ee .l-sec--cat-66 .c-list--features-graphics__energy-energy-class-a, .lang-lt .l-sec--cat-66 .c-list--features-graphics__energy-energy-class-a, .lang-lv .l-sec--cat-66 .c-list--features-graphics__energy-energy-class-a, .lang-it .l-sec--cat-66 .c-list--features-graphics__energy-energy-class-a, .lang-fr .l-sec--cat-66 .c-list--features-graphics__energy-energy-class-a, .lang-ro .l-sec--cat-68 .c-list--features-graphics__energy-efficiency-class-a, .lang-hu .l-sec--cat-68 .c-list--features-graphics__energy-efficiency-class-a, .lang-hr .l-sec--cat-68 .c-list--features-graphics__energy-efficiency-class-a, .lang-si .l-sec--cat-68 .c-list--features-graphics__energy-efficiency-class-a, .lang-bg .l-sec--cat-68 .c-list--features-graphics__energy-efficiency-class-a, .lang-ee .l-sec--cat-68 .c-list--features-graphics__energy-efficiency-class-a, .lang-lt .l-sec--cat-68 .c-list--features-graphics__energy-efficiency-class-a, .lang-lv .l-sec--cat-68 .c-list--features-graphics__energy-efficiency-class-a, .lang-it .l-sec--cat-68 .c-list--features-graphics__energy-efficiency-class-a, .lang-fr .l-sec--cat-68 .c-list--features-graphics__energy-efficiency-class-a, .lang-ro .l-sec--cat-68 .c-list--features-graphics__energy-a-energy-class, .lang-hu .l-sec--cat-68 .c-list--features-graphics__energy-a-energy-class, .lang-hr .l-sec--cat-68 .c-list--features-graphics__energy-a-energy-class, .lang-si .l-sec--cat-68 .c-list--features-graphics__energy-a-energy-class, .lang-bg .l-sec--cat-68 .c-list--features-graphics__energy-a-energy-class, .lang-ee .l-sec--cat-68 .c-list--features-graphics__energy-a-energy-class, .lang-lt .l-sec--cat-68 .c-list--features-graphics__energy-a-energy-class, .lang-lv .l-sec--cat-68 .c-list--features-graphics__energy-a-energy-class, .lang-it .l-sec--cat-68 .c-list--features-graphics__energy-a-energy-class, .lang-fr .l-sec--cat-68 .c-list--features-graphics__energy-a-energy-class, .lang-ro .l-sec--cat-68 .c-list--features-graphics__energy-energy-class-a, .lang-hu .l-sec--cat-68 .c-list--features-graphics__energy-energy-class-a, .lang-hr .l-sec--cat-68 .c-list--features-graphics__energy-energy-class-a, .lang-si .l-sec--cat-68 .c-list--features-graphics__energy-energy-class-a, .lang-bg .l-sec--cat-68 .c-list--features-graphics__energy-energy-class-a, .lang-ee .l-sec--cat-68 .c-list--features-graphics__energy-energy-class-a, .lang-lt .l-sec--cat-68 .c-list--features-graphics__energy-energy-class-a, .lang-lv .l-sec--cat-68 .c-list--features-graphics__energy-energy-class-a, .lang-it .l-sec--cat-68 .c-list--features-graphics__energy-energy-class-a, .lang-fr .l-sec--cat-68 .c-list--features-graphics__energy-energy-class-a, .lang-ro .l-sec--cat-69 .c-list--features-graphics__energy-efficiency-class-a, .lang-hu .l-sec--cat-69 .c-list--features-graphics__energy-efficiency-class-a, .lang-hr .l-sec--cat-69 .c-list--features-graphics__energy-efficiency-class-a, .lang-si .l-sec--cat-69 .c-list--features-graphics__energy-efficiency-class-a, .lang-bg .l-sec--cat-69 .c-list--features-graphics__energy-efficiency-class-a, .lang-ee .l-sec--cat-69 .c-list--features-graphics__energy-efficiency-class-a, .lang-lt .l-sec--cat-69 .c-list--features-graphics__energy-efficiency-class-a, .lang-lv .l-sec--cat-69 .c-list--features-graphics__energy-efficiency-class-a, .lang-it .l-sec--cat-69 .c-list--features-graphics__energy-efficiency-class-a, .lang-fr .l-sec--cat-69 .c-list--features-graphics__energy-efficiency-class-a, .lang-ro .l-sec--cat-69 .c-list--features-graphics__energy-a-energy-class, .lang-hu .l-sec--cat-69 .c-list--features-graphics__energy-a-energy-class, .lang-hr .l-sec--cat-69 .c-list--features-graphics__energy-a-energy-class, .lang-si .l-sec--cat-69 .c-list--features-graphics__energy-a-energy-class, .lang-bg .l-sec--cat-69 .c-list--features-graphics__energy-a-energy-class, .lang-ee .l-sec--cat-69 .c-list--features-graphics__energy-a-energy-class, .lang-lt .l-sec--cat-69 .c-list--features-graphics__energy-a-energy-class, .lang-lv .l-sec--cat-69 .c-list--features-graphics__energy-a-energy-class, .lang-it .l-sec--cat-69 .c-list--features-graphics__energy-a-energy-class, .lang-fr .l-sec--cat-69 .c-list--features-graphics__energy-a-energy-class, .lang-ro .l-sec--cat-69 .c-list--features-graphics__energy-energy-class-a, .lang-hu .l-sec--cat-69 .c-list--features-graphics__energy-energy-class-a, .lang-hr .l-sec--cat-69 .c-list--features-graphics__energy-energy-class-a, .lang-si .l-sec--cat-69 .c-list--features-graphics__energy-energy-class-a, .lang-bg .l-sec--cat-69 .c-list--features-graphics__energy-energy-class-a, .lang-ee .l-sec--cat-69 .c-list--features-graphics__energy-energy-class-a, .lang-lt .l-sec--cat-69 .c-list--features-graphics__energy-energy-class-a, .lang-lv .l-sec--cat-69 .c-list--features-graphics__energy-energy-class-a, .lang-it .l-sec--cat-69 .c-list--features-graphics__energy-energy-class-a, .lang-fr .l-sec--cat-69 .c-list--features-graphics__energy-energy-class-a, .lang-ro .l-sec--cat-95 .c-list--features-graphics__energy-efficiency-class-a, .lang-hu .l-sec--cat-95 .c-list--features-graphics__energy-efficiency-class-a, .lang-hr .l-sec--cat-95 .c-list--features-graphics__energy-efficiency-class-a, .lang-si .l-sec--cat-95 .c-list--features-graphics__energy-efficiency-class-a, .lang-bg .l-sec--cat-95 .c-list--features-graphics__energy-efficiency-class-a, .lang-ee .l-sec--cat-95 .c-list--features-graphics__energy-efficiency-class-a, .lang-lt .l-sec--cat-95 .c-list--features-graphics__energy-efficiency-class-a, .lang-lv .l-sec--cat-95 .c-list--features-graphics__energy-efficiency-class-a, .lang-it .l-sec--cat-95 .c-list--features-graphics__energy-efficiency-class-a, .lang-fr .l-sec--cat-95 .c-list--features-graphics__energy-efficiency-class-a, .lang-ro .l-sec--cat-95 .c-list--features-graphics__energy-a-energy-class, .lang-hu .l-sec--cat-95 .c-list--features-graphics__energy-a-energy-class, .lang-hr .l-sec--cat-95 .c-list--features-graphics__energy-a-energy-class, .lang-si .l-sec--cat-95 .c-list--features-graphics__energy-a-energy-class, .lang-bg .l-sec--cat-95 .c-list--features-graphics__energy-a-energy-class, .lang-ee .l-sec--cat-95 .c-list--features-graphics__energy-a-energy-class, .lang-lt .l-sec--cat-95 .c-list--features-graphics__energy-a-energy-class, .lang-lv .l-sec--cat-95 .c-list--features-graphics__energy-a-energy-class, .lang-it .l-sec--cat-95 .c-list--features-graphics__energy-a-energy-class, .lang-fr .l-sec--cat-95 .c-list--features-graphics__energy-a-energy-class, .lang-ro .l-sec--cat-95 .c-list--features-graphics__energy-energy-class-a, .lang-hu .l-sec--cat-95 .c-list--features-graphics__energy-energy-class-a, .lang-hr .l-sec--cat-95 .c-list--features-graphics__energy-energy-class-a, .lang-si .l-sec--cat-95 .c-list--features-graphics__energy-energy-class-a, .lang-bg .l-sec--cat-95 .c-list--features-graphics__energy-energy-class-a, .lang-ee .l-sec--cat-95 .c-list--features-graphics__energy-energy-class-a, .lang-lt .l-sec--cat-95 .c-list--features-graphics__energy-energy-class-a, .lang-lv .l-sec--cat-95 .c-list--features-graphics__energy-energy-class-a, .lang-it .l-sec--cat-95 .c-list--features-graphics__energy-energy-class-a, .lang-fr .l-sec--cat-95 .c-list--features-graphics__energy-energy-class-a, .lang-ro .l-sec--cat-72 .c-list--features-graphics__energy-effciency-rating-a, .lang-hu .l-sec--cat-72 .c-list--features-graphics__energy-effciency-rating-a, .lang-hr .l-sec--cat-72 .c-list--features-graphics__energy-effciency-rating-a, .lang-si .l-sec--cat-72 .c-list--features-graphics__energy-effciency-rating-a, .lang-bg .l-sec--cat-72 .c-list--features-graphics__energy-effciency-rating-a, .lang-ee .l-sec--cat-72 .c-list--features-graphics__energy-effciency-rating-a, .lang-lt .l-sec--cat-72 .c-list--features-graphics__energy-effciency-rating-a, .lang-lv .l-sec--cat-72 .c-list--features-graphics__energy-effciency-rating-a, .lang-it .l-sec--cat-72 .c-list--features-graphics__energy-effciency-rating-a, .lang-fr .l-sec--cat-72 .c-list--features-graphics__energy-effciency-rating-a, .lang-ro .l-sec--cat-71 .c-list--features-graphics__energy-effciency-rating-a, .lang-hu .l-sec--cat-71 .c-list--features-graphics__energy-effciency-rating-a, .lang-hr .l-sec--cat-71 .c-list--features-graphics__energy-effciency-rating-a, .lang-si .l-sec--cat-71 .c-list--features-graphics__energy-effciency-rating-a, .lang-bg .l-sec--cat-71 .c-list--features-graphics__energy-effciency-rating-a, .lang-ee .l-sec--cat-71 .c-list--features-graphics__energy-effciency-rating-a, .lang-lt .l-sec--cat-71 .c-list--features-graphics__energy-effciency-rating-a, .lang-lv .l-sec--cat-71 .c-list--features-graphics__energy-effciency-rating-a, .lang-it .l-sec--cat-71 .c-list--features-graphics__energy-effciency-rating-a, .lang-fr .l-sec--cat-71 .c-list--features-graphics__energy-effciency-rating-a, .lang-ro .l-sec--cat-55 .c-list--features-graphics__energy-efficiency-class-a, .lang-hu .l-sec--cat-55 .c-list--features-graphics__energy-efficiency-class-a, .lang-hr .l-sec--cat-55 .c-list--features-graphics__energy-efficiency-class-a, .lang-si .l-sec--cat-55 .c-list--features-graphics__energy-efficiency-class-a, .lang-bg .l-sec--cat-55 .c-list--features-graphics__energy-efficiency-class-a, .lang-ee .l-sec--cat-55 .c-list--features-graphics__energy-efficiency-class-a, .lang-lt .l-sec--cat-55 .c-list--features-graphics__energy-efficiency-class-a, .lang-lv .l-sec--cat-55 .c-list--features-graphics__energy-efficiency-class-a, .lang-it .l-sec--cat-55 .c-list--features-graphics__energy-efficiency-class-a, .lang-fr .l-sec--cat-55 .c-list--features-graphics__energy-efficiency-class-a { display: none; } @media (min-width: 950px) and (max-width: 1100px) { nav.c-nav.c-nav--main.js-c-nav--main{ margin-left: 10px; } a.c-logo--main-amica{ width: 115px; background-position-x: -20px; } } /* SLOVENIA */ @media (min-width: 1036px) and (max-width: 1265px) { body.lang-si .c-nav--main__list__item > a.label{ font-size: 1.5rem; } } @media (min-width: 971px) and (max-width: 1045px) { body.lang-si .c-nav--main__list__item > a.label{ font-size: 1.34rem; } } @media (min-width: 950px) and (max-width: 970px) { body.lang-si .c-nav--main__list__item > a.label{ font-size: 1.28rem; } } .additional-categories-item{ padding: 30px 0; } .additional-categories-item .b-short-category__title{ text-align: center; } @media screen and (max-width: 935px) { .additional-categories-item{ padding: 10px 0; } .additional-categories-item .b-short-category__title{ text-align: left; font-size: 1.4rem; } }